/* Persistent year navigation uses the same lettering family, outside the parallax artwork. */
#year-dock{position:fixed;left:22px;bottom:28px;z-index:40;width:152px;color:#ed2633}
#year-toggle{height:64px;width:100%;color:#ed2633;display:flex;align-items:center;justify-content:flex-start;padding:0;gap:8px;text-shadow:0 0 12px #ed26334d}
#year-digits{display:flex;font-family:Tallica,sans-serif;font-size:46px;font-weight:500;line-height:1;letter-spacing:0;gap:2px;height:64px}
.year-digit{position:relative;overflow:hidden;width:28px;height:64px;flex:0 0 28px;display:block}.year-digit span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1.3}
#year-prompt{font-size:11px;letter-spacing:.18em}.year-arrow{font-size:13px;opacity:.65;transition:rotate .2s}#year-toggle[aria-expanded=true] .year-arrow{rotate:180deg}
#year-menu{position:absolute;left:-6px;bottom:78px;width:142px;padding:8px;background:#101113f2;border:1px solid #ffffff35;box-shadow:0 10px 35px #0009;border-radius:4px;max-height:65vh;overflow-y:auto}
#year-menu button{display:block;width:100%;text-align:left;padding:10px 15px;font-family:Tallica,sans-serif;font-size:30px;line-height:1.15;letter-spacing:.1em;color:#ed2633;border-left:2px solid transparent}
#year-menu button:hover,#year-menu button:focus-visible{color:#ff6069;background:#ffffff08}#year-menu button[aria-current=true]{color:#f1353f;border-left-color:#d5222c}
#year-dock [hidden]{display:none!important}
footer{left:190px;right:20px;width:auto;max-width:none;transform:none}
@media(max-width:650px){#year-dock{left:16px;bottom:22px;width:120px}#year-toggle{gap:4px}#year-digits{font-size:38px;height:56px;gap:1px}.year-digit{height:56px;width:23px;flex-basis:23px}.year-arrow{font-size:10px}#year-prompt{font-size:9px;letter-spacing:.1em}footer{left:150px;right:10px;gap:8px}footer>button{width:24px}footer nav{gap:22px}#year-menu{bottom:72px;width:128px}}
@media(prefers-reduced-motion:reduce){.year-arrow{transition:none}}
/* Restored independent rim: the pole terminates at the viewport bottom. */
.gleague-hoop{left:calc(var(--g-origin) + var(--g-width)*.15);bottom:-1vh;height:81vh;width:auto;aspect-ratio:646/1583;z-index:3;pointer-events:none}
.gleague-hoop img{display:block;width:auto;height:100%;max-width:none;object-position:center bottom!important}
.scene .gleague-hoop img{filter:grayscale(.95) brightness(.85) contrast(1.02)}
/* Natural glyph bounds: never clip individual letters into narrow reels. */
#year-digits{height:auto;line-height:1.5;gap:0;overflow:visible}
.year-digit{display:grid;overflow:visible;width:auto;height:auto;flex:0 0 auto;min-width:.48em}
.year-digit span{position:static;inset:auto;grid-area:1/1;display:block;padding:0 .08em;line-height:1.5;text-align:center}
#year-menu{width:430px;max-width:calc(100vw - 32px);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:calc(100dvh - 160px);background:linear-gradient(145deg,#19191bf7,#080809fc);border:1px solid #ed263349;border-radius:12px;box-shadow:0 16px 60px #000b;scrollbar-width:thin;scrollbar-color:#ed2633 #151515;animation:year-panel-in .22s ease-out}
.year-menu-heading{grid-column:1/-1;font:10px/1.5 Arial,sans-serif;letter-spacing:.23em;color:#b9b9bc;padding:0 4px 12px}
#year-menu button{position:relative;display:grid;grid-template-columns:1fr auto;gap:3px 8px;padding:14px 18px;min-height:105px;border:1px solid #ffffff15;border-radius:7px;background:#ffffff03;letter-spacing:0;transition:background .18s,border-color .18s;overflow:visible}
#year-menu button:hover,#year-menu button:focus-visible{background:#ed263313;border-color:#ed263380;outline:2px solid transparent;color:#ff6069}
#year-menu button[aria-current=true]{background:#ed26331c;border-color:#ed2633}
.year-choice-number{font:44px/1.5 Tallica,sans-serif;color:#ed2633;white-space:nowrap;overflow:visible}
.year-choice-detail{font:8px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#aaa;align-self:center}
.year-choice-preview{grid-column:1/-1;font:8px/1.6 Arial,sans-serif;letter-spacing:.08em;color:#929297;text-wrap:pretty}
@keyframes year-panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){#year-digits{height:auto;gap:0}.year-digit{width:auto;height:auto;flex-basis:auto}#year-menu{left:0;width:calc(100vw - 32px);padding:16px;gap:8px;bottom:80px;max-height:calc(100dvh - 155px)}#year-menu button{padding:10px 13px;min-height:95px}.year-choice-number{font-size:38px}}
@media(prefers-reduced-motion:reduce){#year-menu{animation:none}#year-menu button{transition:none}}