:root{--shadow-sm:0 3px 9px rgba(15,61,37,.10);--shadow-md:0 9px 26px rgba(15,61,37,.13);--shadow-lg:0 16px 38px rgba(15,61,37,.18)}
body{background:radial-gradient(circle at 90% 0,#dcfce7 0,transparent 27rem),linear-gradient(180deg,#f8fbf9,#eef4f0);min-height:100vh}.topbar{height:64px;padding-inline:max(14px,env(safe-area-inset-left));background:linear-gradient(135deg,#0f3d25,#166534 58%,#15803d);box-shadow:0 6px 22px rgba(15,61,37,.24)}
.brand{display:flex;align-items:center;gap:10px;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff73;border-radius:12px;background:linear-gradient(145deg,#fff,#dcfce7);color:#14532d;font-size:.8rem;font-weight:900;box-shadow:0 5px 12px #0003}.user-name{max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;color:#ecfdf5}.container{padding-top:22px}
.card{border-color:#14532d1a;box-shadow:var(--shadow-md);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{border-color:#16653438;box-shadow:var(--shadow-lg)}a.card:active,.admin-card:active,.scorer:active{transform:translateY(2px) scale(.985);box-shadow:var(--shadow-sm)}
.btn{position:relative;box-shadow:0 4px 10px #1665341f;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.btn:hover{background:#f0fdf4;box-shadow:0 7px 16px #1665342b}.btn:active{transform:translateY(2px) scale(.975);box-shadow:0 2px 5px #16653426}.btn.primary{background:linear-gradient(135deg,#166534,#15803d);box-shadow:0 7px 16px #1665343d}.btn.primary:hover{background:linear-gradient(135deg,#14532d,#166534)}.btn.danger:hover{background:#991b1b}
input,select,textarea{box-shadow:inset 0 1px 2px #0f28180d;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{outline:0;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e26,inset 0 1px 2px #0f28180a}button:focus-visible,a:focus-visible{outline:3px solid #86efac;outline-offset:3px}
.game{overflow:hidden}.game::before{content:"";display:block;height:4px;margin:-16px -16px 13px;background:linear-gradient(90deg,#166534,#22c55e,#facc15)}.teams img{filter:drop-shadow(0 5px 7px #14532d2e);transition:transform .16s ease}.game:hover .teams img{transform:translateY(-2px) scale(1.04)}.stats .card{background:linear-gradient(145deg,#fff,#f0fdf4)}.stats strong{color:#166534}
.bottom-nav{height:72px;border-top:0;box-shadow:0 -8px 24px #0f321d21;backdrop-filter:blur(14px);background:#fffffff0}.bottom-nav a{position:relative;transition:transform .13s ease,color .13s ease,background .13s ease}.bottom-nav a.active{background:linear-gradient(180deg,#ecfdf5,#dcfce7)}.bottom-nav a.active::before{content:"";position:absolute;top:0;width:30px;height:3px;border-radius:0 0 4px 4px;background:#16a34a}.bottom-nav a:active{transform:scale(.90)}
.admin-toggle{top:70px;border:0;color:#14532d;font-weight:800;box-shadow:0 8px 20px #0f3d252e}.admin-menu{top:64px;background:linear-gradient(180deg,#0d2e1c,#123d25);box-shadow:-12px 0 30px #0000003b}.admin-menu>strong{display:block;font-size:1.1rem;padding:0 12px 14px}.admin-menu a{border-radius:9px;border-bottom:0;margin:2px 0;transition:background .13s ease,transform .13s ease}.admin-menu a:hover{background:#ffffff1a}.admin-menu a:active{transform:translateX(4px);background:#ffffff2b}.admin-card{background:linear-gradient(145deg,#fff,#f1faf4)}.alert,.table-wrap{box-shadow:var(--shadow-md)}tbody tr{transition:background-color .12s ease}tbody tr:hover{background:#f0fdf4}
@media(max-width:359px){.brand{font-size:1rem;gap:7px}.brand-mark{width:32px;height:32px}.user-name{font-size:.76rem}.admin-toggle span{display:none}}@media(min-width:820px){.topbar{margin-left:-230px;padding-left:254px}.admin-menu{top:0;box-shadow:8px 0 28px #0f321d2e}.admin-menu::before{content:"LV";display:grid;place-items:center;width:48px;height:48px;margin:0 12px 18px;border-radius:15px;background:#fff;color:#14532d;font-weight:900;box-shadow:0 8px 20px #0003}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:820px){.admin-menu::before{content:"MD"}}