@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;--lightningcss-light: ;--lightningcss-dark:initial;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%);color:var(--text);font-family:var(--body);-webkit-font-smoothing:none;image-rendering:pixelated;background-attachment:fixed}svg{image-rendering:pixelated}.app{min-height:100%;padding:max(env(safe-area-inset-top), 14px) 12px max(env(safe-area-inset-bottom), 14px);justify-content:center;align-items:center;display:flex}.app__frame{background:var(--bg);border:4px solid var(--ink);width:100%;max-width:480px;min-height:min(760px,100vh - 30px);box-shadow:0 0 0 4px var(--line), 0 12px 0 4px var(--shadow), 0 22px 40px #0009;flex-direction:column;padding:16px 14px 20px;display:flex;position:relative;overflow:hidden}.app__backdrop{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.app__frame:after{content:"";pointer-events:none;z-index:30;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000029 0 1px,#0000 1px 3px),radial-gradient(120% 100% at 50% 40%,#0000 55%,#00000080 100%);position:absolute;inset:0}.screen{z-index:1;flex-direction:column;flex:1 0 auto;gap:16px;animation:.2s steps(3,end) fade;display:flex;position:relative}.screen--center{justify-content:center;min-height:68vh}@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{text-align:center;border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--shadow), inset 0 0 0 3px #ffffff1a;background:linear-gradient(#171142 0%,#232c63 28%,#2c5482 43%,#2f9f4a 49%,#1f8a3d 100%);padding:14px 12px 10px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(2px 2px at 18% 30%,#ffffffd9 50%,#0000 50%),radial-gradient(2px 2px at 72% 20%,#ffffffbf 50%,#0000 50%),radial-gradient(2px 2px at 88% 40%,#ffffffb3 50%,#0000 50%);position:absolute;inset:0 0 55%}.hero:after{content:"";z-index:0;pointer-events:none;border-top:2px solid #ffffff47;border-radius:50% 50% 0 0/22px 22px 0 0;height:60%;position:absolute;top:47%;left:-10%;right:-10%}.hero__scene{z-index:2;justify-content:center;align-items:flex-end;gap:6px;min-height:92px;display:flex;position:relative}.hero__batter{animation:1.6s steps(2,end) infinite bob}.hero__ball{margin-bottom:46px;animation:1.1s steps(2,end) infinite bob}.hero__title{z-index:2;font-family:var(--pixel);letter-spacing:0;color:var(--gold);text-shadow:3px 3px 0 var(--ink), 4px 4px 0 var(--red-dark);margin:10px 0 0;font-size:1.5rem;line-height:1.35;position:relative}.hero__accent{color:#fff}.hero__subtitle{z-index:2;font-family:var(--body);color:#eafff0;text-shadow:1px 1px 0 var(--ink);margin:10px 0 2px;font-size:1.15rem;position:relative}.section-label{font-family:var(--pixel);text-transform:uppercase;letter-spacing:.02em;color:var(--gold);text-shadow:2px 2px 0 var(--ink);margin:2px 2px 0;font-size:.6rem;line-height:1.6}.cards{flex-direction:column;gap:12px;display:flex}.card{text-align:left;background:linear-gradient(180deg, var(--panel-2) 0%, var(--panel) 100%);border:3px solid var(--ink);width:100%;box-shadow:0 5px 0 0 var(--shadow), inset 0 0 0 2px var(--line), inset 0 3px 0 #ffffff1a, inset 0 -5px 0 #00000038;color:var(--text);font-family:var(--body);min-height:var(--touch);align-items:center;gap:12px;padding:12px 14px;display:flex}button.card{cursor:pointer;transition:transform 60ms steps(2,end)}button.card:hover{background:var(--panel-2)}button.card:active{box-shadow:0 1px 0 0 var(--shadow), inset 0 0 0 2px var(--line);transform:translateY(4px)}.card--locked{filter:grayscale(.5)brightness(.72)}.card__badge{border:3px solid var(--ink);background:linear-gradient(160deg, var(--green) 0%, var(--green-dark) 100%);width:48px;height:48px;color:var(--ink);font-family:var(--pixel);text-shadow:1px 1px #ffffff59;flex:none;place-items:center;font-size:1.1rem;display:grid;box-shadow:inset 0 0 0 2px #ffffff47,inset 0 -6px #00000038}.cards>.card--age:first-child .card__badge{background:linear-gradient(160deg,#4ff08a 0%,#1f8a3d 100%)}.cards>.card--age:nth-child(2) .card__badge{background:linear-gradient(160deg,#57dcef 0%,#2379c4 100%)}.cards>.card--age:nth-child(3) .card__badge{background:linear-gradient(160deg,#ffd45a 0%,#e0801a 100%)}.cards>.card--age:nth-child(4) .card__badge{background:linear-gradient(160deg,#ff7bb0 0%,#c62f68 100%)}.card__body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.card__title{font-family:var(--pixel);color:var(--text);font-size:.72rem;line-height:1.5}.card__meta{color:var(--muted);font-size:1.1rem;line-height:1.15}.card__progress{color:var(--gold);align-items:center;gap:6px;font-size:1.05rem;display:flex}.card__status{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.chip{background:var(--panel-3);border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-family:var(--pixel);color:var(--text);white-space:nowrap;align-items:center;gap:5px;padding:5px 9px;font-size:.55rem;line-height:1.5;display:inline-flex}.chip--muted{color:var(--muted)}.chip--fire{background:var(--red-dark);border-color:var(--ink);color:#ffe1b0}.chip--nakokulma{background:var(--panel-2);color:var(--cyan);margin-left:auto}.segmented{border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--line);background:var(--panel);gap:0;display:flex}.segmented__option{min-height:var(--touch);border:0;border-right:2px solid var(--ink);font-family:var(--pixel);color:var(--muted);cursor:pointer;background:0 0;flex:1;padding:8px 6px;font-size:.62rem;line-height:1.5}.segmented__option:last-child{border-right:0}.segmented__option--on{background:var(--gold-dark);color:var(--ink);text-shadow:none}.segmented__hint{font-family:var(--body);color:var(--muted);margin:0 2px;font-size:1.05rem}.stars{align-items:center;gap:3px;line-height:0;display:inline-flex}.home-footer{border-top:3px dashed var(--line);flex-direction:column;gap:14px;margin-top:4px;padding-top:14px;display:flex}.home-footer__stats{justify-content:center;gap:28px;display:flex}.home-footer__actions{gap:10px;display:flex}.home-footer__actions>.btn{flex:1;min-width:0}.stat{flex-direction:column;align-items:center;gap:4px;line-height:1;display:flex}.stat__value{font-family:var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--ink);font-size:1.15rem}.stat__label{font-family:var(--pixel);color:var(--muted);text-transform:uppercase;font-size:.5rem}.btn{appearance:none;border:3px solid var(--ink);min-height:var(--touch);font-family:var(--pixel);cursor:pointer;color:var(--text);background:var(--panel-3);box-shadow:0 5px 0 0 var(--shadow), inset 0 0 0 2px #ffffff1f;padding:12px 16px;font-size:.72rem;line-height:1.4;transition:transform 50ms steps(2,end),box-shadow 50ms steps(2,end)}.btn:active{box-shadow:0 1px 0 0 var(--shadow), inset 0 0 0 2px #ffffff1f;transform:translateY(4px)}.btn--primary{background:linear-gradient(180deg, var(--green) 0%, var(--green-dark) 100%);color:var(--ink);text-shadow:1px 1px #ffffff59}.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-width:46px;min-height: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{align-items:center;gap:12px;display:flex}.topbar__title{font-family:var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:.9rem;line-height:1.4}.topbar__meta{color:var(--muted);font-family:var(--body);font-size:1.1rem}.round-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.progress{background:var(--ink);border:3px solid var(--ink);height:18px;image-rendering:pixelated;padding:2px;box-shadow:inset 0 0 0 2px #000}.progress__bar{background:repeating-linear-gradient(90deg, var(--green) 0, var(--green) 8px, var(--green-dark) 8px, var(--green-dark) 10px);height:100%;transition:width .2s steps(6,end)}.round-status{color:var(--gold);font-family:var(--pixel);justify-content:space-between;margin-top:-6px;font-size:.6rem;line-height:1.5;display:flex}.round-status span:last-child{color:var(--cyan)}.question{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 0 #ffffff1a;padding:18px 16px;position:relative}.question:before{content:"";background:repeating-linear-gradient(90deg, var(--gold) 0 6px, var(--red) 6px 12px);height:4px;position:absolute;top:-3px;left:14px;right:14px}.question__text{font-family:var(--body);color:var(--text);margin:0;font-size:1.55rem;line-height:1.15}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;width:100%;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 0 #ffffff1f;color:var(--text);font-family:var(--body);cursor:pointer;align-items:center;gap:10px;padding:13px 14px;font-size:1.35rem;line-height:1.1;transition:transform 50ms steps(2,end),background 50ms steps(2,end);display:flex}.option__key{background:var(--panel-3);border:2px solid var(--ink);width:26px;height:26px;font-family:var(--pixel);color:var(--gold);flex:none;place-items:center;font-size:.65rem;display:grid}.option:hover:not(:disabled){background:var(--panel-3)}.option:active:not(:disabled){box-shadow:0 1px 0 0 var(--shadow), inset 0 0 0 2px var(--line);transform:translateY(3px)}.option:disabled{cursor:default}.option--correct{background:var(--green-dark);border-color:var(--ink);color:#fff;animation:.25s steps(3,end) pop}.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{background:var(--panel);border:3px solid var(--ink);box-shadow:0 5px 0 0 var(--shadow);border-left:8px solid var(--green);flex-direction:column;gap:10px;padding:14px;animation:.2s steps(3,end) fade;display:flex}.reveal--no{border-left-color:var(--gold)}.reveal__headline{font-family:var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:.78rem;line-height:1.5}.reveal--ok .reveal__headline{color:var(--green)}.reveal__explanation{color:#e7ddff;margin:0;font-size:1.3rem;line-height:1.15}.result{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.result__headline{font-family:var(--pixel);color:var(--gold);text-shadow:2px 2px 0 var(--ink);margin:0;font-size:1rem;line-height:1.5}.result__score{gap:18px;display:flex}.result__score .stat{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);padding:12px 18px}.result__hint{color:var(--cyan);margin:0;font-size:1.3rem}.result__actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.banner{border:3px solid var(--ink);width:100%;box-shadow:0 4px 0 0 var(--shadow);font-family:var(--body);align-items:center;gap:10px;padding:12px 14px;font-size:1.3rem;line-height:1.15;display:flex}.banner--unlock{background:var(--panel-3);color:var(--gold)}.banner strong{color:#fff}.banner__note{color:var(--muted)}.achievements{flex-direction:column;gap:10px;width:100%;display:flex}.achievements--grid{grid-template-columns:1fr;display:grid}.achievement{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);text-align:left;align-items:center;gap:12px;padding:11px 13px;display:flex}.achievement--locked{filter:grayscale(.5)brightness(.66)}.achievement__emoji{filter:drop-shadow(1px 1px 0 var(--ink));font-size:1.6rem}.achievement__text{flex-direction:column;gap:3px;display:flex}.achievement__text strong{font-family:var(--pixel);color:var(--text);font-size:.62rem;line-height:1.4}.achievement__text span{color:var(--muted);font-size:1.05rem;line-height:1.05}.settings{flex-direction:column;gap:10px;display:flex}.toggle{background:var(--panel);border:3px solid var(--ink);box-shadow:0 4px 0 0 var(--shadow);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;display:flex}.toggle__title{font-family:var(--pixel);font-size:.68rem;line-height:1.5;display:block}.toggle__meta{color:var(--muted);margin-top:4px;font-size:1.05rem;display:block}.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{color:#ffe1b0;margin:0 0 12px;font-size:1.2rem;line-height:1.1}.danger__buttons{gap:10px;display:flex}.danger__buttons .btn{flex:1}.modal-backdrop{z-index:10;background:#0a0418b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:4px solid var(--ink);width:100%;max-width:380px;box-shadow:0 0 0 4px var(--line), 0 8px 0 4px var(--shadow);padding:16px}.modal__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.modal__title{font-family:var(--pixel);margin:0;font-size:.85rem;line-height:1.4}.modal__text{color:var(--text);margin:0 0 16px;font-size:1.2rem;line-height:1.3}@media (width>=520px){.app__frame{padding:22px 20px 24px}.hero__title{font-size:1.7rem}}.privacy-note{color:#cfe3d6;margin:4px 2px 8px;font-size:1.05rem;line-height:1.25}