:root{color-scheme:dark;--bg:#10141b;--panel:#181e28;--ink:#f3f2ea;--muted:#a5afbf;--orange:#ff9a54;--mint:#b6edbc;--line:#303a49}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 system-ui,-apple-system,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header,main,footer{max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:26px 28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:.03em;color:var(--ink);text-decoration:none;line-height:1.2}.brandicon{font-size:40px;color:var(--orange)}.subbrand{display:block;color:var(--muted);font-size:10px;letter-spacing:.2em;margin-top:6px}.free{color:var(--mint);font-size:11px;letter-spacing:.12em;font-weight:750}main{padding:0 28px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;padding:56px 0 42px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--muted);margin:0 0 14px}h1{font-size:clamp(48px,6.8vw,84px);line-height:1.02;letter-spacing:-.06em;margin:0 0 24px;font-weight:900}h1 span{color:var(--orange)}.intro{color:var(--muted);font-size:15px;max-width:470px}.herobadges{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.herobadges span,.tag{border:1px solid var(--line);border-radius:30px;padding:6px 12px;font-size:10px;font-weight:700;letter-spacing:.05em}.heroart{position:relative;height:310px;display:grid;place-items:center;isolation:isolate}.orbit{position:absolute;width:280px;height:280px;border:1px solid #5d5546;border-radius:50%;transform:rotate(-28deg) scaleX(1.45)}.heroart:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#67452b5c,transparent 70%)}.heroball{width:215px;height:215px;transform:rotate(-17deg);filter:drop-shadow(16px 20px 15px #0009)}.floatlabel{position:absolute;right:12px;top:16px;font-size:11px;line-height:1.2;letter-spacing:.15em;color:var(--mint);transform:rotate(8deg)}.floatlabel b{font-size:46px;letter-spacing:-.05em}.statbar{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:36px}.statbar>div{padding:20px 0}.statbar b{font-size:26px;display:block;letter-spacing:-.04em}.statbar span{font-size:9px;color:var(--muted);letter-spacing:.12em}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px}.tabs button{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:10px;padding:16px 8px;font-weight:700;font-size:15px}.tabs .active{background:var(--mint);color:#142319;border-color:var(--mint)}.tabs button:hover:not(.active){background:var(--panel);color:white}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px;margin-bottom:24px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:15px}.sectionhead h2{font-size:30px;line-height:1.12;letter-spacing:-.04em;margin:0 0 22px}.sectionhead .eyebrow{margin-bottom:8px}.tag{white-space:nowrap;color:var(--muted)}.packstage{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:26px 30px 40px;background:radial-gradient(ellipse at 25% 50%,#2c3f39,transparent 65%);border-bottom:1px solid var(--line)}.pack{justify-self:center;width:220px;min-height:290px;background:linear-gradient(130deg,#d4edca,#84b89d);border:8px solid #c4deba;color:#16392d;transform:rotate(-8deg);box-shadow:14px 18px 0 #090c1144;padding:18px;position:relative;overflow:hidden}.pack:after{content:'';position:absolute;width:200px;height:200px;border:1px solid #25513f50;border-radius:50%;top:20px;right:-90px}.pack>span{font-size:9px;letter-spacing:.16em}.pack>div{font-size:64px;line-height:1.3}.pack strong{font-size:23px;line-height:1.05;letter-spacing:-.04em;display:block}.pack small{display:block;font-size:7px;letter-spacing:.06em;margin-top:18px}.packcopy h3{font-size:26px;line-height:1.15;letter-spacing:-.03em}.packcopy p{color:var(--muted)}button.primary,.secondary{border:0;border-radius:8px;min-height:48px;padding:12px 20px;font-weight:750}.primary{background:var(--orange);color:#23180e}.primary span{margin-left:20px}.primary:hover{background:#ffb37e}.secondary{background:#27323f;color:var(--ink);border:1px solid var(--line)}.secondary:hover{background:#344355}.fine{font-size:11px;color:var(--muted);line-height:1.6}.cardgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.playercard{min-width:0;background:linear-gradient(145deg,#1b3933,#15251f);border:1px solid #4b7362;border-radius:12px;padding:14px;position:relative;overflow:hidden}.playercard.west{background:linear-gradient(145deg,#423229,#211d1b);border-color:#77553a}.playercard.locked{opacity:.52;filter:grayscale(1)}.cardtop{font-size:9px;letter-spacing:.1em;display:flex;justify-content:space-between;color:var(--mint)}.west .cardtop{color:#ffc28f}.jersey{display:block;width:100%;height:145px;margin:8px auto}.playercard h4{font-size:18px;line-height:1.2;margin:8px 0;letter-spacing:-.03em}.cardmeta{font-size:11px;color:#cad5d2}.school{font-size:11px;line-height:1.5;color:var(--muted);margin-top:8px;min-height:33px}.newtag{background:var(--mint);color:#15271b;padding:1px 7px;border-radius:4px;font-size:9px}.collectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:25px}.collectionhead h3{font-size:18px}.collectionhead h3 span{display:block;color:var(--muted);font-size:12px;font-weight:400}.empty{padding:20px 0;color:var(--muted)}.playerlabel{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}select{width:100%;max-width:340px;padding:12px;background:#101720;color:var(--ink);border:1px solid var(--line);border-radius:8px;margin-bottom:20px}.scoreboard{display:flex;justify-content:space-around;text-align:center;background:#0b1119;border-radius:12px 12px 0 0;padding:14px}.scoreboard small{display:block;font-size:9px;color:var(--muted);letter-spacing:.15em}.scoreboard b{font-variant-numeric:tabular-nums;font-size:25px}canvas{display:block;width:100%;background:#121d24;border-radius:0 0 12px 12px}.meter{position:relative;background:linear-gradient(90deg,#415261,#748375 35%,#abc0a2 50%,#748375 65%,#415261);height:22px;border-radius:5px;margin-top:20px;overflow:hidden}.green{position:absolute;left:43%;width:14%;height:100%;background:#b6edbc}#needle{position:absolute;left:0;width:4px;height:100%;background:white;box-shadow:0 0 5px black}.actions{display:flex;gap:10px;flex-wrap:wrap}#shotfeedback{text-align:center;color:var(--mint);min-height:24px}.qprogress{color:var(--orange);font-size:11px;letter-spacing:.08em;margin:20px 0}.question{font-size:25px;line-height:1.3;letter-spacing:-.03em;margin:22px 0}.answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.answers button{text-align:left;padding:17px;min-height:60px;background:#111a25;border:1px solid var(--line);color:var(--ink);border-radius:10px;overflow-wrap:anywhere}.answers button:hover:not(:disabled){border-color:var(--orange)}.answers button.correct{background:#214b37;border-color:var(--mint);opacity:1}.answers button.wrong{background:#542a27;border-color:#f3998d;opacity:1}.result{min-height:28px;margin:20px 0;color:var(--mint)}.clues{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0}.clues div{padding:18px;background:#101923;border:1px solid var(--line);border-radius:10px}.clues small{display:block;color:var(--muted);font-size:10px;letter-spacing:.06em;margin-bottom:8px}.clues b{font-size:16px}.about{border-block:1px solid var(--line);padding:20px 0;margin-top:35px;color:var(--muted);font-size:12px}.about summary{cursor:pointer;min-height:35px;font-size:13px;color:var(--ink)}a{color:var(--mint)}footer{padding:30px 28px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;display:flex;justify-content:space-between;gap:20px}.revealing{animation:reveal .5s both}@keyframes reveal{from{transform:translateY(25px) rotateY(80deg);opacity:0}to{transform:none;opacity:1}}@media(max-width:700px){header{padding:18px}.free{font-size:8px;max-width:70px;text-align:right}main{padding:0 16px}.brand{font-size:12px;gap:8px}.brandicon{font-size:32px}.subbrand{font-size:8px}.hero{grid-template-columns:1fr;gap:0;padding:32px 0 26px}.heroart{display:none}h1{font-size:60px}.intro{font-size:13px}.herobadges span{font-size:9px}.statbar b{font-size:22px}.statbar span{font-size:8px;letter-spacing:.04em}.statbar{margin-bottom:24px}.tabs{gap:6px}.tabs button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:16px;padding:10px 3px}.tabs span{font-size:10px}.panel{padding:18px 14px}.sectionhead{align-items:start}.sectionhead h2{font-size:25px}.sectionhead .tag{display:none}.eyebrow{font-size:8px}.packstage{grid-template-columns:1fr;gap:8px;padding:24px 8px}.pack{width:180px;min-height:245px}.pack strong{font-size:20px}.pack>div{font-size:50px}.packcopy{text-align:center}.packcopy h3{font-size:23px}.packcopy p{font-size:13px}.cardgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.playercard{padding:10px}.playercard h4{font-size:16px}.jersey{height:115px}.collectionhead h3{font-size:16px}.collectionhead button{font-size:11px;padding:10px}.answers{grid-template-columns:1fr}.question{font-size:22px}.clues{grid-template-columns:1fr}.clues div{padding:12px}.clues small{margin-bottom:3px}.actions button{width:100%}footer{font-size:8px;padding:24px 16px}.cardtop{font-size:8px}.school{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}