.nba{font-family:var(--body);color:#eef2f6}.nba-panel{border:1px solid #2c3e52;background:#0b1622}.nba-head{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.8rem 1.1rem;border-bottom:1px solid #2c3e52;background:#060d16}.nba-head b{font:900 1.05rem Arial Black,sans-serif;letter-spacing:.02em}.nba-head small{color:#93a7bd}.nba-body{padding:clamp(1rem,3vw,2rem)}.nba-progress{height:6px;background:#12263b}.nba-progress>div{height:100%;background:#f0b429}.nba h3{font:900 1.5rem Arial Black,sans-serif;margin:.2rem 0 1rem}.nba .eyebrow{color:#f0b429;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.nba-grid{display:grid;gap:.8rem}.nba-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.8rem}.nba-card{display:grid;gap:.5rem;text-align:left;border:1px solid #33465c;background:#0e1c2c;padding:1rem;cursor:pointer;transition:transform .12s,border-color .12s}.nba-card:hover{transform:translateY(-2px);border-color:#f0b429}.nba-card h4{font:900 1.1rem Arial Black,sans-serif;margin:0}.nba-card p{margin:0;font-size:.86rem;color:#a9bccf;line-height:1.5}.nba-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #46607a;padding:.25rem .55rem;font-size:.72rem;font-weight:800;color:#cfdcea}.nba-chip.on{border-color:#f0b429;background:#f0b429;color:#0a0d12}.nba-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #46607a;background:#12263b;color:#fff;padding:.6rem .95rem;font-weight:850;cursor:pointer}.nba-btn:hover{border-color:#f0b429}.nba-btn:focus-visible,.nba-card:focus-visible,.event .opt:focus-visible,.nba-submit input:focus-visible{outline:3px solid #44d9e6;outline-offset:3px}.nba-btn.primary{border-color:#f0b429;background:#f0b429;color:#0a0d12}.nba-btn.ghost{background:transparent}.nba-btn:disabled{opacity:.45;cursor:not-allowed}.nba-choice{display:flex;flex-wrap:wrap;gap:.5rem}.nba-choice button[aria-pressed=true]{border-color:#f0b429;background:#f0b429;color:#0a0d12}.nba-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin-top:1.2rem}.nba-note{font-size:.8rem;color:#93a7bd;margin:.4rem 0 0}.nba-resume{border:1px solid #f0b429;background:#101f30;padding:clamp(1rem,3vw,1.6rem)}.nba-resume h3{margin-bottom:.4rem}.nba-resume p:not(.eyebrow){max-width:680px;line-height:1.65}.nba-btn.reveal{justify-self:start}.team-hero{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;border:1px solid #33465c;background:#0e1c2c;padding:1.2rem;position:relative;overflow:hidden}.team-hero .crest{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font:900 1.5rem Arial Black,sans-serif;color:#fff}.team-hero h4{margin:0;font:900 1.4rem Arial Black,sans-serif}.team-hero .attrs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.6rem}.attr{display:grid;gap:.1rem;border:1px solid #33465c;padding:.35rem .6rem;min-width:64px}.attr b{font:900 .95rem Arial Black,sans-serif}.attr small{font-size:.62rem;color:#93a7bd;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.attr b.gold{color:#f0b429}.attr b.red{color:#ff6b57}.attr b.green{color:#4fd1a5}.nba-games{display:grid;gap:.4rem;max-height:340px;overflow:auto}.nba-games>div{display:grid;grid-template-columns:44px 1fr auto auto auto;gap:.7rem;align-items:center;padding:.5rem .7rem;border-bottom:1px solid #17304a;font-size:.84rem}.nba-games .gn{font-weight:900;color:#f0b429;text-align:right}.nba-games .win{color:#4fd1a5;font-weight:900}.nba-games .loss{color:#ff6b57;font-weight:900}.nba-games small{color:#93a7bd}.nba-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.5rem}.nba-stats .stat{display:grid;gap:.15rem;border:1px solid #33465c;background:#0e1c2c;padding:.6rem .7rem}.nba-stats .stat small{font-size:.62rem;color:#93a7bd;text-transform:uppercase;font-weight:800;letter-spacing:.05em}.nba-stats .stat b{font:900 1.1rem Arial Black,sans-serif}.nba-stats .stat b.gold{color:#f0b429}.nba-stats .stat .bar{height:5px;background:#17304a;margin-top:.3rem}.nba-stats .stat .bar>div{height:100%;background:#f0b429}.event{border:1px solid #f0b42966;background:linear-gradient(180deg,#101f30,#0b1622);padding:1.3rem}.event .scene{font-size:.95rem;line-height:1.7;max-width:720px}.event .opts{display:grid;gap:.6rem;margin-top:1rem}.event .opt{display:grid;gap:.35rem;text-align:left;border:1px solid #33465c;background:#0e1c2c;padding:.9rem 1rem;cursor:pointer}.event .opt:hover{border-color:#f0b429}.event .opt b{font-size:.95rem}.event .opt small{color:#93a7bd;line-height:1.5}.event .outcome{border:1px solid #4fd1a566;background:#0d2318;padding:1rem;font-size:.92rem;line-height:1.6}.nba-record{font:900 clamp(2.6rem,9vw,5rem)/1 Arial Black,sans-serif;color:#f0b429}.nba-tag{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#93a7bd}.nba-result h2{font:900 clamp(2.4rem,8vw,4.4rem)/.95 Arial Black,sans-serif;margin:.3rem 0}.nba-result .legendary{color:#f0b429}.nba-ach{display:flex;flex-wrap:wrap;gap:.5rem}.nba-ach span{border:1px solid #46607a;padding:.4rem .65rem;font-size:.78rem;font-weight:800}.nba-ach span.on{border-color:#f0b429;background:#f0b429;color:#0a0d12}.nba-reason{border:1px solid #ff6b57;background:#2a1418;padding:.9rem 1.1rem}.nba-reason b{color:#ff6b57}.nba-reason p{margin:.3rem 0 0;font-size:.9rem;color:#c9d7e6}.nba-submit{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.nba-submit label{display:grid;gap:.3rem;font-weight:800;font-size:.8rem}.nba-submit input{min-height:44px;border:1px solid #46607a;background:#060d16;color:#fff;padding:.6rem .8rem}.nba-table{width:100%;border-collapse:collapse;font-size:.86rem}.nba-table th{text-align:left;padding:.45rem .4rem;border-bottom:1px solid #33465c;color:#93a7bd;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em}.nba-table td{padding:.45rem .4rem;border-bottom:1px solid #17304a}.nba-table .right{text-align:right}@media(max-width:760px){.nba-games>div{grid-template-columns:36px 1fr auto auto}.nba-head{grid-template-columns:1fr auto}}@media(prefers-reduced-motion:reduce){.nba-progress>div,.nba-card{transition:none}.nba-card:hover{transform:none}html{scroll-behavior:auto}}