:root{color-scheme:dark;--bg:#0b121c;--panel:#131f2c;--panel2:#192938;--line:#344554;--text:#f1f4f2;--muted:#afbeca;--gold:#f5c453;--green:#36c275;--ink:#101923}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,.button{min-height:44px;padding:10px 18px;border:1px solid var(--gold);border-radius:9px;background:var(--gold);color:var(--ink);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.09)}button:disabled{opacity:.48;cursor:default}.secondary{background:var(--panel2);border-color:#607889;color:var(--text)}input,select{border:1px solid #6e8597;background:#0c1721;color:var(--text);border-radius:8px;min-height:44px;padding:8px 12px;max-width:100%}input[type=range]{accent-color:var(--gold);padding:0;min-height:35px}input[type=number]{width:150px}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:14px}label input, label select{color:var(--text)}:focus-visible{outline:3px solid #fff;outline-offset:4px}.skip{position:absolute;top:-80px;left:16px;z-index:50;background:var(--gold);color:var(--ink);padding:12px}.skip:focus{top:8px}.top{max-width:1280px;margin:auto;padding:22px 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-weight:800;font-size:22px}.brand img{width:44px;height:44px;border-radius:50%}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted)}.top .back{color:var(--muted);font-size:14px}.top .back:hover{color:var(--gold)}main{max-width:1200px;margin:0 auto;padding:42px 30px}.eyebrow,.tag{font-size:11px;letter-spacing:2.5px;color:var(--gold);font-weight:700;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;margin:12px 0 44px}.hero h1{font:500 clamp(44px,6vw,78px)/1.12 Georgia,serif;letter-spacing:-2px;margin:14px 0 20px}.hero p{color:var(--muted);max-width:490px;font-size:18px}.hero-note{border-left:2px solid var(--green);padding:4px 0 4px 22px;color:var(--muted);font-size:15px;max-width:350px;margin-bottom:20px}.hero-note strong{display:block;color:var(--text);margin-bottom:5px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.game-tile{border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:22px;display:flex;flex-direction:column;min-height:340px;transition:border-color .15s}.game-tile:hover{border-color:var(--gold)}.tile-head{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.game-tile svg{width:100%;height:112px;margin:20px 0 13px;stroke:var(--green);stroke-width:2;fill:none}.game-tile h2{font:500 25px/1.2 Georgia,serif;margin:0 0 10px}.game-tile p{color:var(--muted);font-size:14px;margin:0 0 24px}.tile-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.tile-bottom b{color:var(--gold);font-size:18px}.game-tile.education{background:linear-gradient(145deg,#172c2c,#131f2c)}.intro h1{font:500 clamp(30px,4vw,47px)/1.2 Georgia,serif;letter-spacing:-.6px;margin:8px 0 12px}.intro p{margin:0;color:var(--muted);max-width:800px}.game-bar{display:flex;justify-content:space-between;gap:18px;align-items:end;margin:28px 0 18px;flex-wrap:wrap}.stats{display:flex;gap:28px;flex-wrap:wrap}.stat small{display:block;color:var(--muted);font-size:11px;letter-spacing:1px}.stat strong{display:block;font-size:21px;font-weight:600}.controls{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.controls select{font-size:14px;max-width:155px}.stage-wrap{position:relative;border:1px solid #426257;border-radius:16px;overflow:hidden;background:#103329}.stage-wrap canvas{display:block;width:100%;aspect-ratio:16/9;touch-action:none;outline-offset:-6px}.stage-wrap .overlay,.game-panel .overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#061311df;text-align:center;padding:20px}.overlay[hidden]{display:none}.overlay .box{max-width:520px}.overlay h2{font:500 38px/1.1 Georgia,serif;margin:0 0 14px;color:var(--gold)}.overlay p{color:#d5e0dc;max-width:400px;margin:0 auto 22px}.score-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid var(--line);background:var(--panel);padding:14px 22px;border-radius:12px 12px 0 0}.score-strip .score{font-size:30px;letter-spacing:6px;font-weight:700;color:var(--gold)}.score-strip small{color:var(--muted)}.game-panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:28px}.under{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}.under>div{padding:18px 20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.under h2{font-size:14px;margin:0 0 8px;color:var(--gold)}.under p{font-size:14px;color:var(--muted);margin:0}.status{min-height:28px;color:var(--gold);margin:16px 0 0}.storage-note{font-size:12px;color:var(--muted)}.bottom{max-width:1200px;margin:26px auto 0;border-top:1px solid var(--line);padding:23px 30px;display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px}.shot-controls{display:flex;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);padding:16px 20px;border-radius:12px;margin-top:15px}.shot-controls label{min-width:180px}.meter{height:15px;width:210px;max-width:100%;border:1px solid #87a69a;border-radius:8px;position:relative;background:linear-gradient(90deg,#624640,#8d752d 25%,#237946 40%,#237946 75%,#8d752d 85%,#624640);overflow:hidden}.meter i{position:absolute;left:50%;height:100%;width:4px;display:block;background:#fff}.meter-label{color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.question-head{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.match-name{font:500 38px/1.2 Georgia,serif;margin:24px 0 10px}.prices{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:24px 0}.price{border:1px solid var(--line);border-radius:12px;padding:18px;background:#101c27}.price small{display:block;color:var(--muted);font-size:13px}.price strong{font-size:34px;font-weight:600;color:var(--gold)}.answer-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.answer-result{border-left:3px solid var(--green);padding:14px 20px;margin-top:24px;background:#153128}.answer-result p{margin:5px 0}.answer-result strong{color:#71e4a4}.answer-result[hidden]{display:none}.education-copy{color:var(--muted);font-size:14px;margin-top:24px}.coin-layout{display:grid;grid-template-columns:240px 1fr;gap:35px;align-items:center}.coin{width:142px;height:142px;margin:25px auto;border:5px double var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font:500 51px Georgia,serif;color:var(--gold);background:radial-gradient(circle,#4d4229,#1c2b2a);box-shadow:0 0 0 10px #f5c4530a}.coin-metrics{display:flex;gap:22px;justify-content:center}.coin-metrics strong{display:block;font-size:28px;color:var(--gold)}.coin-metrics span{font-size:11px;color:var(--muted)}.flip-grid{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:5px;margin:20px 0}.flip{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #455d6d;border-radius:4px;color:var(--muted);font-size:10px}.flip.a{background:#755016;color:#fff;border-color:#d6ac4c}.flip.b{background:#225a48;color:#fff;border-color:#438e6f}.histogram{display:flex;gap:7px;align-items:end;height:130px;border-bottom:1px solid #718391;padding-top:12px;margin:12px 0 20px}.hist-bar{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;height:100%;position:relative;color:var(--muted);font-size:11px}.hist-bar i{display:block;background:var(--green);width:100%;min-height:0;border-radius:3px 3px 0 0}.hist-bar span{line-height:20px}.theory{padding:18px 20px;border:1px solid #4f6c63;border-radius:10px;margin-top:20px;color:var(--muted)}.theory summary{color:var(--gold);cursor:pointer}.theory p{font-size:14px}.hidden{display:none!important}kbd{font:inherit;border:1px solid #597084;padding:0 5px;border-radius:4px;color:var(--text);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}@media(max-width:900px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:20px}.coin-layout{grid-template-columns:180px 1fr;gap:20px}}@media(max-width:600px){.top{padding:15px 18px}.brand{font-size:19px;gap:9px}.brand img{width:37px;height:37px}.top .back{font-size:12px}.brand small{font-size:9px}main{padding:28px 16px}.hero{display:block;margin:0 0 25px}.hero h1{font-size:48px}.hero p{font-size:16px}.hero-note{margin-top:22px;font-size:13px}.catalog{grid-template-columns:1fr;gap:14px}.game-tile{min-height:300px;padding:20px}.game-tile svg{height:90px;margin:13px 0}.intro h1{font-size:31px}.intro p{font-size:14px}.game-bar{gap:15px;margin-top:22px}.stats{gap:20px}.stat strong{font-size:17px}.controls{width:100%;gap:7px}.controls button,.controls select{padding:8px 12px;font-size:13px}.score-strip{padding:10px 14px}.score-strip .score{font-size:24px}.score-strip small{font-size:12px}.stage-wrap{border-radius:10px}.overlay h2{font-size:26px}.overlay p{font-size:13px;margin-bottom:12px}.under{grid-template-columns:1fr;gap:10px}.under>div{padding:14px 16px}.shot-controls{gap:12px;padding:14px}.shot-controls label{min-width:120px;max-width:100%;flex:1}.meter{width:140px}.game-panel{padding:20px 16px}.prices{gap:8px}.price{padding:12px 8px}.price small{font-size:10px;min-height:32px}.price strong{font-size:24px}.match-name{font-size:28px}.question-head{font-size:11px;gap:10px}.answer-form{gap:12px}.answer-form button{font-size:14px}.coin-layout{grid-template-columns:1fr;gap:8px}.coin{width:115px;height:115px;margin:14px auto;font-size:40px}.coin-metrics{gap:25px}.flip-grid{gap:3px}.flip{font-size:8px;border-radius:2px}.bottom{padding:20px 16px;flex-direction:column;gap:7px}.histogram{gap:5px}.education-copy{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:600px){.score-strip{display:grid;grid-template-columns:1fr auto;gap:2px 12px}.score-strip .score{grid-column:2;grid-row:1/3;white-space:nowrap;letter-spacing:2px}#score-label{grid-column:1;grid-row:1}#side-label{grid-column:1;grid-row:2;font-size:11px}}
body[data-game="free-throws"] #power-meter{background:linear-gradient(90deg,#624640 0%,#624640 40%,#237946 44%,#237946 52%,#624640 57%,#624640 100%)}