:root{--game-accent:#2563eb;--game-accent-dark:#1e40af;--game-accent-soft:#dbeafe;--ink:#1f2430;--ink-soft:#4b5563;--paper:#fffdf7;--panel:#fff;--panel-border:#e5e0d5;--good:#1a9e54;--good-soft:#dcf5e6;--try-again:#e07b00;--try-again-soft:#fdeed3;--star:#f5b301;--radius:18px;--radius-small:12px;--shadow:0 4px 18px #1f24301a;--font:"Baloo 2", "Comic Sans MS", ui-rounded, system-ui, sans-serif;--tap-min:56px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--game-accent);outline-offset:2px}.topbar{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:12px 16px;display:flex}.brand{color:var(--game-accent-dark);white-space:nowrap;font-size:1.5rem;font-weight:800}.settings-button{width:var(--tap-min);height:var(--tap-min);border:2px solid var(--panel-border);background:var(--panel);color:var(--game-accent-dark);box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.settings-button svg{width:28px;height:28px}.stage{flex-direction:column;align-items:center;gap:16px;max-width:960px;margin:0 auto;padding:8px 16px 24px;display:flex}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;padding:20px}.big-button{min-height:var(--tap-min);background:var(--game-accent);color:#fff;box-shadow:var(--shadow);border:none;border-radius:999px;padding:12px 28px;font-size:1.25rem;font-weight:800}.big-button.secondary{background:var(--panel);color:var(--game-accent-dark);border:2px solid var(--game-accent)}.choice-button{border:3px solid var(--game-accent);border-radius:var(--radius-small);background:var(--panel);min-width:72px;min-height:64px;color:var(--ink);padding:10px 18px;font-size:1.75rem;font-weight:800}.choice-button.correct{background:var(--good-soft);border-color:var(--good)}.choice-button.wrong{background:var(--try-again-soft);border-color:var(--try-again);animation:.3s shake}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.feedback{text-align:center;min-height:2rem;font-size:1.25rem;font-weight:700}.feedback.good{color:var(--good)}.feedback.try{color:var(--try-again)}.settings-overlay{z-index:50;background:#1f243073;justify-content:flex-end;align-items:flex-start;display:none;position:fixed;inset:0}.settings-overlay.open{display:flex}.settings-panel{background:var(--panel);width:min(360px,92vw);height:100%;padding:20px;overflow-y:auto}.setting-row{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:1.125rem;font-weight:700;display:flex}.toggle{flex:none;width:60px;height:34px;position:relative}.toggle input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.toggle .track{pointer-events:none;background:#cbd5e1;border-radius:999px;transition:background .15s;position:absolute;inset:0}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:28px;height:28px;transition:transform .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.track{background:var(--good)}.toggle input:checked+.track:after{transform:translate(26px)}.toggle input:focus-visible+.track{outline:3px solid var(--game-accent);outline-offset:2px}.footer{text-align:center;color:var(--ink-soft);padding:16px;font-size:.85rem}@media (prefers-reduced-motion:reduce){.choice-button.wrong{animation:none}}:root{--game-accent:#1d4ed8;--game-accent-dark:#172554;--game-accent-soft:#dbeafe}.brand{color:var(--game-accent-dark)}.hub-stage{gap:10px}.hero{text-align:center;color:var(--ink);white-space:nowrap;margin:10px 0 0;font-size:clamp(1.9rem,6vw,2.75rem);font-weight:800}.hero-sub{color:var(--ink-soft);text-align:center;max-width:560px;margin:0 0 10px;font-size:1.125rem;font-weight:600}.card-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:960px;display:grid}.game-card{background:var(--panel);border:3px solid var(--card);border-radius:var(--radius);min-height:112px;box-shadow:var(--shadow);color:var(--ink);align-items:center;gap:16px;padding:16px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.game-card:hover,.game-card:focus-visible{background:var(--card-soft);transform:translateY(-4px);box-shadow:0 10px 24px #1f243029}.game-card:active{transform:translateY(-1px)scale(.99)}.game-card-icon{flex:none;width:72px;height:72px}.game-card-icon svg{width:100%;height:100%;display:block}.game-card-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.game-card-name{color:var(--card-dark);font-size:1.6rem;font-weight:800;line-height:1.1}.game-card-pitch{color:var(--ink-soft);font-size:1.05rem;font-weight:600;line-height:1.3}.game-card-play{min-height:var(--tap-min);background:var(--card);color:#fff;border-radius:999px;flex:none;align-items:center;padding:10px 18px;font-size:1.1rem;font-weight:800;display:inline-flex}.info-card{background:var(--paper);border:2px dashed var(--panel-border);border-radius:var(--radius);min-height:112px;color:var(--ink-soft);flex-direction:column;justify-content:center;gap:6px;padding:16px 20px;display:flex}.info-card-title{color:var(--ink);font-size:1.25rem;font-weight:800}.info-card-text{font-size:1rem;font-weight:600;line-height:1.4}@media (width>=640px){.card-grid{grid-template-columns:repeat(2,1fr)}.game-card{flex-direction:column;align-items:flex-start;min-height:220px}.game-card-icon{width:84px;height:84px}.game-card-play{justify-content:center;align-self:stretch}.info-card{min-height:220px}}@media (width>=960px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.game-card{transition:none}.game-card:hover,.game-card:focus-visible,.game-card:active{transform:none}}