#nav{display:none}@media(max-width:900px){.sidebar{grid-template-columns:1fr}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){:root{--header:60px}body{padding-bottom:calc(var(--nav) + env(safe-area-inset-bottom))}.header-inner,#main{width:min(calc(100% - 24px),var(--max))}.desktop-nav{display:none}.brand small,.user-copy{display:none}
#main{padding-top:21px}#nav{position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:repeat(var(--count,5),minmax(0,1fr));min-height:calc(var(--nav) + env(safe-area-inset-bottom));padding:7px 5px max(7px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:rgba(11,18,32,.96);backdrop-filter:blur(18px)}
#nav a{min-width:0;min-height:56px;display:grid;place-items:center;align-content:center;gap:2px;border-radius:10px;color:var(--muted);font-size:.6rem;font-weight:850}#nav a.active{background:var(--primarySoft);color:#7df1ba}#nav b{font-size:1.1rem}
.page-header{align-items:flex-start;flex-direction:column}.grid2,.grid3{grid-template-columns:1fr}.podium{grid-template-columns:1fr}#toast{bottom:calc(var(--nav) + env(safe-area-inset-bottom) + 10px)}}
@media(max-width:520px){.card-body{padding:16px}.score-control{grid-template-columns:39px 50px 39px}.score-btn{width:39px}.score-input{width:50px}.fixture-actions{align-items:stretch;flex-direction:column}.boost{width:100%}.team-name{font-size:.84rem}th,td{padding:11px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
