@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff) format("woff")}@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-ext-400-normal-DpfYvR5A.woff2) format("woff2"),url(/assets/press-start-2p-latin-ext-400-normal-DBgyq7ky.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2) format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff) format("woff")}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2) format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff) format("woff")}:root{--bg: #0d0524;--bg-2: #17093f;--sky: #2a5fd6;--sky-2: #4aa6e8;--field: #39c15b;--field-dark: #1f8a3d;--dirt: #d59a52;--ink: #1a0f38;--panel: #241a54;--panel-2: #2f2168;--panel-3: #3b2a80;--line: #4a3aa0;--text: #fdf6e3;--muted: #b9a7e6;--red: #e23b3b;--red-dark: #a5252b;--gold: #ffcf4a;--gold-dark: #d99f24;--cyan: #45d3e0;--green: #39c15b;--green-dark: #1f8a3d;--shadow: #0a0418;--touch: 52px;--pixel: "Press Start 2P", monospace;--body: "VT323", "Courier New", monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%,#241a54 0%,var(--bg-2) 40%,var(--bg) 100%);background-attachment:fixed;color:var(--text);font-family:var(--body);-webkit-font-smoothing:none;image-rendering:pixelated}svg{image-rendering:pixelated}.app{min-height:100%;display:flex;justify-content:center;align-items:center;padding:max(env(safe-area-inset-top),14px) 12px max(env(safe-area-inset-bottom),14px)}.app__frame{position:relative;display:flex;flex-direction:column;width:100%;max-width:480px;min-height:min(760px,calc(100vh - 30px));background:var(--bg);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--line),0 12px 0 4px var(--shadow),0 22px 40px #0009;padding:16px 14px 20px;overflow:hidden}.app__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.16) 0px,rgba(0,0,0,.16) 1px,transparent 1px,transparent 3px),radial-gradient(120% 100% at 50% 40%,transparent 55%,rgba(0,0,0,.5) 100%);z-index:30;mix-blend-mode:multiply}.screen{position:relative;z-index:1;flex:1 0 auto;display:flex;flex-direction:column;gap:16px;animation:fade .2s steps(3)}.screen--center{min-height:68vh;justify-content:center}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}@keyframes blink{50%{opacity:.25}}@keyframes bob{50%{transform:translateY(-5px)}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}}.hero{position:relative;text-align:center;border:3px solid var(--ink);background:linear-gradient(180deg,#171142,#232c63 28%,#2c5482 43%,#2f9f4a 49%,#1f8a3d);box-shadow:0 5px 0 0 var(--shadow),inset 0 0 0 3px #ffffff1a;padding:14px 12px 10px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:55%;left:0;z-index:0;background-image:radial-gradient(2px 2px at 18% 30%,rgba(255,255,255,.85) 50%,transparent 50%),radial-gradient(2px 2px at 72% 20%,rgba(255,255,255,.75) 50%,transparent 50%),radial-gradient(2px 2px at 88% 40%,rgba(255,255,255,.7) 50%,transparent 50%);pointer-events:none}.hero:after{content:"";position:absolute;left:-10%;right:-10%;top:47%;height:60%;z-index:0;border-top:2px solid rgba(255,255,255,.28);border-radius:50% 50% 0 0/22px 22px 0 0;pointer-events:none}.hero__scene{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;gap:6px;min-height:92px}.hero__batter{animation:bob 1.6s steps(2) infinite}.hero__ball{margin-bottom:46px;animation:bob 1.1s steps(2) infinite}.hero__title{position:relative;z-index:2;margin:10px 0 0;font-family:var(--pixel);font-size:1.5rem;line-height:1.35;letter-spacing:0;color:var(--gold);text-shadow:3px 3px 0 var(--ink),4px 4px 0 var(--red-dark)}.hero__accent{color:var(--white, #fff);color:#fff}.hero__subtitle{position:relative;z-index:2;margin:10px 0 2px;font-family:var(--body);font-size:1.15rem;color:#eafff0;text-shadow:1px 1px 0 var(--ink)}.section-label{margin:2px 2px 0;font-family:var(--pixel);font-size:.6rem;line-height:1.6;text-transform:uppercase;letter-spacing:.02em;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.cards{display:flex;flex-direction:column;gap:12px}.card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--shadow),inset 0 0 0 2px var(--line),inset 0 3px #ffffff1a,inset 0 -5px #00000038;padding:12px 14px;color:var(--text);font-family:var(--body);min-height:var(--touch)}button.card{cursor:pointer;transition:transform .06s steps(2)}button.card:hover{background:var(--panel-2)}button.card:active{transform:translateY(4px);box-shadow:0 1px 0 0 var(--shadow),inset 0 0 0 2px var(--line)}.card--locked{filter:grayscale(.5) brightness(.72)}.card__badge{display:grid;place-items:center;width:48px;height:48px;border:3px solid var(--ink);background:linear-gradient(160deg,var(--green) 0%,var(--green-dark) 100%);box-shadow:inset 0 0 0 2px #ffffff47,inset 0 -6px #00000038;color:var(--ink);font-family:var(--pixel);font-size:1.1rem;text-shadow:1px 1px 0 rgba(255,255,255,.35);flex:none}.cards>.card--age:nth-child(1) .card__badge{background:linear-gradient(160deg,#4ff08a,#1f8a3d)}.cards>.card--age:nth-child(2) .card__badge{background:linear-gradient(160deg,#57dcef,#2379c4)}.cards>.card--age:nth-child(3) .card__badge{background:linear-gradient(160deg,#ffd45a,#e0801a)}.cards>.card--age:nth-child(4) .card__badge{background:linear-gradient(160deg,#ff7bb0,#c62f68)}.card__body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.card__title{font-family:var(--pixel);font-size:.72rem;line-height:1.5;color:var(--text)}.card__meta{color:var(--muted);font-size:1.1rem;line-height:1.15}.card__progress{display:flex;align-items:center;gap:6px;color:var(--gold);font-size:1.05rem}.card__status{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;background:var(--panel-3);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--pixel);font-size:.55rem;line-height:1.5;color:var(--text);white-space:nowrap}.chip--muted{color:var(--muted)}.chip--fire{background:var(--red-dark);border-color:var(--ink);color:#ffe1b0}.chip--nakokulma{margin-left:auto;background:var(--panel-2);color:var(--cyan)}.segmented{display:flex;gap:0;border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:var(--panel)}.segmented__option{flex:1;min-height:var(--touch);padding:8px 6px;border:0;border-right:2px solid var(--ink);background:transparent;font-family:var(--pixel);font-size:.62rem;line-height:1.5;color:var(--muted);cursor:pointer}.segmented__option:last-child{border-right:0}.segmented__option--on{background:var(--gold-dark);color:var(--ink);text-shadow:none}.segmented__hint{margin:0 2px;font-family:var(--body);font-size:1.05rem;color:var(--muted)}.stars{display:inline-flex;align-items:center;gap:3px;line-height:0}.home-footer{display:flex;flex-direction:column;gap:14px;margin-top:4px;padding-top:14px;border-top:3px dashed var(--line)}.home-footer__stats{display:flex;justify-content:center;gap:28px}.home-footer__actions{display:flex;gap:10px}.home-footer__actions>.btn{flex:1;min-width:0}.stat{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}.stat__value{font-family:var(--pixel);font-size:1.15rem;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.stat__label{font-family:var(--pixel);font-size:.5rem;color:var(--muted);text-transform:uppercase}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ink);padding:12px 16px;min-height:var(--touch);font-family:var(--pixel);font-size:.72rem;line-height:1.4;cursor:pointer;color:var(--text);background:var(--panel-3);box-shadow:0 5px 0 0 var(--shadow),inset 0 0 0 2px #ffffff1f;transition:transform .05s steps(2),box-shadow .05s steps(2)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 0 var(--shadow),inset 0 0 0 2px #ffffff1f}.btn--primary{background:linear-gradient(180deg,var(--green) 0%,var(--green-dark) 100%);color:var(--ink);text-shadow:1px 1px 0 rgba(255,255,255,.35)}.btn--secondary{background:var(--panel-3)}.btn--ghost{background:var(--panel);color:var(--muted)}.btn--danger{background:linear-gradient(180deg,var(--red) 0%,var(--red-dark) 100%);color:#fff}.btn--wide{width:100%}.btn--icon{min-height:46px;min-width:46px;padding:8px 10px;font-size:.8rem}.btn--small{min-height:38px;padding:8px 12px;font-size:.62rem}.btn:hover{filter:brightness(1.08)}.topbar{display:flex;align-items:center;gap:12px}.topbar__title{margin:0;font-family:var(--pixel);font-size:.9rem;line-height:1.4;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.topbar__meta{color:var(--muted);font-family:var(--body);font-size:1.1rem}.round-meta{display:flex;gap:8px;margin-left:auto;align-items:center}.progress{height:18px;background:var(--ink);border:3px solid var(--ink);box-shadow:inset 0 0 0 2px #000;padding:2px;image-rendering:pixelated}.progress__bar{height:100%;background:repeating-linear-gradient(90deg,var(--green) 0,var(--green) 8px,var(--green-dark) 8px,var(--green-dark) 10px);transition:width .2s steps(6)}.round-status{display:flex;justify-content:space-between;color:var(--gold);font-family:var(--pixel);font-size:.6rem;line-height:1.5;margin-top:-6px}.round-status span:last-child{color:var(--cyan)}.question{position:relative;background:linear-gradient(180deg,var(--panel-2) 0%,var(--panel) 100%);border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--shadow),inset 0 0 0 2px var(--line),inset 0 3px #ffffff1a;padding:18px 16px}.question:before{content:"";position:absolute;top:-3px;left:14px;right:14px;height:4px;background:repeating-linear-gradient(90deg,var(--gold) 0 6px,var(--red) 6px 12px)}.question__text{margin:0;font-family:var(--body);font-size:1.55rem;line-height:1.15;color:var(--text)}.options{display:flex;flex-direction:column;gap:10px}.option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:13px 14px;min-height:var(--touch);border:3px solid var(--ink);background:linear-gradient(180deg,var(--panel-3) 0%,var(--panel-2) 100%);box-shadow:0 4px 0 0 var(--shadow),inset 0 0 0 2px var(--line),inset 0 3px #ffffff1f;color:var(--text);font-family:var(--body);font-size:1.35rem;line-height:1.1;cursor:pointer;transition:transform .05s steps(2),background .05s steps(2)}.option__key{display:grid;place-items:center;width:26px;height:26px;flex:none;background:var(--panel-3);border:2px solid var(--ink);font-family:var(--pixel);font-size:.65rem;color:var(--gold)}.option:hover:not(:disabled){background:var(--panel-3)}.option:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 0 var(--shadow),inset 0 0 0 2px var(--line)}.option:disabled{cursor:default}.option--correct{background:var(--green-dark);border-color:var(--ink);color:#fff;animation:pop .25s steps(3)}.option--correct .option__key{background:var(--green);color:var(--ink)}.option--wrong{background:var(--red-dark);border-color:var(--ink);color:#fff}.option--wrong .option__key{background:var(--red);color:#fff}.option--dim{opacity:.45}.reveal{padding:14px;background:var(--panel);border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--shadow);border-left:8px solid var(--green);display:flex;flex-direction:column;gap:10px;animation:fade .2s steps(3)}.reveal--no{border-left-color:var(--gold)}.reveal__headline{margin:0;font-family:var(--pixel);font-size:.78rem;line-height:1.5;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.reveal--ok .reveal__headline{color:var(--green)}.reveal__explanation{margin:0;color:#e7ddff;font-size:1.3rem;line-height:1.15}.result{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.result__headline{margin:0;font-family:var(--pixel);font-size:1rem;line-height:1.5;color:var(--gold);text-shadow:2px 2px 0 var(--ink)}.result__score{display:flex;gap:18px}.result__score .stat{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);padding:12px 18px}.result__hint{margin:0;color:var(--cyan);font-size:1.3rem}.result__actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.banner{width:100%;padding:12px 14px;border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);font-family:var(--body);font-size:1.3rem;display:flex;align-items:center;gap:10px;line-height:1.15}.banner--unlock{background:var(--panel-3);color:var(--gold)}.banner strong{color:#fff}.banner__note{color:var(--muted)}.achievements{display:flex;flex-direction:column;gap:10px;width:100%}.achievements--grid{display:grid;grid-template-columns:1fr}.achievement{display:flex;align-items:center;gap:12px;background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);padding:11px 13px;text-align:left}.achievement--locked{filter:grayscale(.5) brightness(.66)}.achievement__emoji{font-size:1.6rem;filter:drop-shadow(1px 1px 0 var(--ink))}.achievement__text{display:flex;flex-direction:column;gap:3px}.achievement__text strong{font-family:var(--pixel);font-size:.62rem;line-height:1.4;color:var(--text)}.achievement__text span{color:var(--muted);font-size:1.05rem;line-height:1.05}.settings{display:flex;flex-direction:column;gap:10px}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);padding:13px 14px;cursor:pointer}.toggle__title{display:block;font-family:var(--pixel);font-size:.68rem;line-height:1.5}.toggle__meta{display:block;color:var(--muted);font-size:1.05rem;margin-top:4px}.toggle input{width:28px;height:28px;accent-color:var(--green);flex:none}.danger{margin-top:8px}.danger__confirm{background:var(--red-dark);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);padding:14px}.danger__confirm p{margin:0 0 12px;color:#ffe1b0;font-size:1.2rem;line-height:1.1}.danger__buttons{display:flex;gap:10px}.danger__buttons .btn{flex:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0418b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{width:100%;max-width:380px;background:var(--panel);border:4px solid var(--ink);box-shadow:0 0 0 4px var(--line),0 8px 0 4px var(--shadow);padding:16px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.modal__title{margin:0;font-family:var(--pixel);font-size:.85rem;line-height:1.4}.modal__text{margin:0 0 16px;font-size:1.2rem;line-height:1.3;color:var(--text)}@media (min-width: 520px){.app__frame{padding:22px 20px 24px}.hero__title{font-size:1.7rem}}