@font-face{font-family:Fredoka One;font-style:normal;font-weight:400;src:local(Fredoka One),local(FredokaOne-Regular),url(/fonts/fredoka-one-v7-latin-regular.woff2)format("woff2"),url(/fonts/fredoka-one-v7-latin-regular.woff)format("woff")}:root{--bluedark:#2b427b;--orange:#e88000;--yellow:#f0d800;--purple:#3c1f8b;--dark:#200956;--space:#291367;--blue:#4deee8;--green:#4deeb6;--white:#fff;--font-game:"Fredoka One", "Fredoka", "Trebuchet MS", sans-serif;--font-plain:"Trebuchet MS", Helvetica, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0;overflow:hidden}body{font-family:var(--font-game);color:var(--white);background:var(--dark);-webkit-user-select:none;user-select:none;touch-action:none}button{cursor:pointer;font-family:inherit}.screen{height:100%;min-height:100%;position:relative;overflow:auto}.btn-primary,.btn-ghost{border:0;border-radius:999px;padding:.85rem 1.6rem;font-size:1.05rem;font-weight:600}.btn-primary{background:var(--green);color:var(--bluedark)}.btn-ghost{color:var(--yellow);border:2px solid var(--yellow);background:0 0}.icon-close{z-index:20;color:#929292;background:0 0;border:2px solid #929292;border-radius:50%;width:2.4rem;height:2.4rem;font-size:1.1rem;position:absolute;top:1rem;right:1rem}.icon-close.light{color:#fff;border-color:#ffffffb3}.popup-backdrop{z-index:40;background:#10042a73;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.popup{background:var(--dark);width:min(420px,92vw);color:var(--yellow);text-align:center;border-radius:1.5rem;padding:2rem 1.5rem 1.5rem;box-shadow:0 20px 50px #00000059}.popup h2{margin:0 0 .75rem;font-size:1.4rem}.popup-body p,.popup p{white-space:pre-line;margin:0 0 .6rem}.popup-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.25rem;display:flex}.starfield{pointer-events:none;position:absolute;inset:0;overflow:hidden}.star{left:var(--x);top:var(--y);width:var(--s);height:var(--s);opacity:.75;animation:twinkle var(--d) ease-in-out var(--delay) infinite;background:#fff;border-radius:50%;position:absolute}@keyframes twinkle{50%{opacity:.15;transform:scale(.6)}}.home-screen{background:radial-gradient(circle at 20% 20%, #4b2bb0 0%, transparent 40%), radial-gradient(circle at 80% 0%, #1a6b8a 0%, transparent 35%), var(--dark);color:#fff;padding:2rem 1.25rem 3rem;overflow:auto}.home-hero{z-index:1;text-align:center;margin-bottom:1.5rem;position:relative}.home-hero h1{margin:.4rem 0 .3rem;font-size:clamp(2.4rem,6vw,4rem)}.home-hero p{opacity:.9;max-width:36rem;margin:0 auto}.home-mascots{width:min(28rem,100%);height:11rem;margin:0 auto}.home-mascots canvas{width:100%;height:100%;display:block}.home-hero-art{justify-content:center;display:flex}.home-mascots .alien-svg,.home-mascots .astronaut-svg{width:auto;height:100%}.set-toggle{z-index:1;justify-content:center;align-items:center;gap:.6rem;margin:0 auto 1.5rem;display:flex;position:relative}.condition-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:980px;margin:0 auto;display:grid;position:relative}.condition-card{text-align:left;min-height:13.5rem;color:var(--dark);border:0;border-radius:1.25rem;flex-direction:column;gap:.4rem;padding:1.25rem 1.2rem 1.1rem;display:flex;box-shadow:0 10px 24px #0003}.condition-assessment{background:#f4f4f4}.condition-choice{background:var(--green)}.condition-swipe{background:var(--blue)}.condition-shoot{background:var(--yellow)}.condition-kicker{letter-spacing:.04em;text-transform:uppercase;opacity:.7;font-size:.8rem}.condition-card strong{font-size:1.35rem}.condition-card p{flex:1;margin:0;line-height:1.35}.condition-go{background:var(--dark);color:#fff;border-radius:999px;align-self:flex-start;margin-top:.5rem;padding:.35rem .9rem;font-size:.9rem}.assessment-screen{color:#222;font-family:var(--font-plain);background:#fff;flex-direction:column;display:flex}.assessment-screen header,.assessment-screen footer{color:#fff;background:#4b4b4b;justify-content:space-between;align-items:center;min-height:4rem;padding:0 1rem;display:flex}.assessment-screen main{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem 1rem 4rem;display:flex}.assessment-screen h1{margin:0 0 1.5rem;font-size:clamp(2.2rem,6vw,3rem)}.assessment-buttons{flex-direction:column;gap:1rem;display:flex}.assessment-choice{min-width:12rem;font-size:1.8rem;font-family:var(--font-plain);background:#fff;border:2px solid #c9c9c9;border-radius:5px;padding:1rem 1.5rem}.assessment-choice:hover,.assessment-choice:active{background:#d1d1d1}.assessment-screen .popup{color:#222;background:#fff;border:2px solid #c9c9c9}.space-screen{background:radial-gradient(circle at 50% 120%, #3c1f8b 0%, transparent 45%), var(--space);overflow:hidden}.splash{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex;position:relative}.splash-cast{align-items:flex-end;gap:1.5rem;height:min(46vh,340px);display:flex}.splash-cast svg{width:auto;height:100%}.spiral-svg{opacity:.85;width:min(42vh,280px);animation:2.2s linear infinite spin;position:absolute}.splash-balloon{font-size:1.6rem}.hud-pips,.hud-progress,.hud-stars{z-index:5;position:absolute}.hud-pips{gap:.4rem;display:flex;top:1rem;left:50%;transform:translate(-50%)}.pip{border:2px solid var(--yellow);background:0 0;border-radius:50%;width:1.1rem;height:1.1rem}.pip.is-filled{background:var(--yellow)}.hud-progress{opacity:.85;font-size:.95rem;top:1.15rem;left:1.1rem}.hud-stars{gap:.45rem;font-size:1.6rem;display:flex;bottom:1rem;left:50%;transform:translate(-50%)}.bonus-star{color:#ffffff40}.bonus-star.is-filled{color:var(--yellow)}.practice-banner{z-index:6;background:var(--dark);color:var(--yellow);white-space:pre-line;text-align:center;border-radius:1rem;padding:.55rem 1.1rem;position:absolute;top:1rem;left:50%;transform:translate(-50%)}.practice-mask{z-index:7;pointer-events:none;position:absolute;inset:0}.practice-hand{filter:drop-shadow(0 4px #00000040);font-size:2.4rem;position:absolute}.practice-hand--choice{animation:2.4s ease-in-out both hand-choice}.practice-hand--swipe{animation:2.4s ease-in-out both hand-swipe}.practice-hand--shoot{animation:2.4s ease-in-out both hand-shoot}@keyframes hand-choice{0%{opacity:0;top:42%;left:50%}15%{opacity:1}40%{top:55%;left:16%}70%{top:55%;left:84%}to{opacity:0;top:55%;left:84%}}@keyframes hand-swipe{0%{opacity:0;top:58%;left:50%}15%{opacity:1}45%{top:58%;left:18%}75%{top:58%;left:82%}to{opacity:0}}@keyframes hand-shoot{0%{opacity:0;top:72%;left:50%}20%{opacity:1;top:78%;left:50%}55%{top:32%;left:22%}to{opacity:0;top:32%;left:22%}}.game-stage{z-index:2;position:absolute;inset:0}.mode-swipe .alien,.mode-shoot .alien{pointer-events:none}.actor{color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:.3rem;padding:0;display:flex;position:absolute;overflow:visible}.actor.alien.left,.actor.alien.right,.actor.astronaut{width:min(28vw,210px)}.mode-choice .alien.left,.mode-swipe .alien.left{top:54%;left:8%;transform:translateY(-50%)}.mode-choice .alien.right,.mode-swipe .alien.right{top:54%;right:8%;transform:translateY(-50%)}.mode-choice .astronaut,.mode-swipe .astronaut{top:56%;left:50%;transform:translate(-50%,-50%)}.actor-motion{will-change:transform;flex-direction:column;align-items:center;gap:.3rem;width:100%;display:flex}.visor{transform-box:fill-box;transform-origin:50%}.mode-choice .astronaut.is-idle .visor{animation:2s ease-in-out infinite visor-look}.mode-choice .astronaut.is-idle .astronaut-svg{transform-origin:50% 70%;animation:2s ease-in-out infinite astronaut-tilt}.aim-beam{transform-origin:0;pointer-events:none;opacity:0;z-index:4;background:#ffffff38;border-radius:72px;height:72px;margin-top:-36px;position:absolute}.particle-burst{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:42%;left:50%}.particle{width:9px;height:9px;animation:particle-fly .75s ease-out var(--delay,0s) forwards;border-radius:50%;position:absolute;top:0;left:0}@keyframes visor-look{0%,to{transform:translate(0)}25%{transform:translate(-9px)}75%{transform:translate(9px)}}@keyframes astronaut-tilt{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes particle-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.4);opacity:0}}.mode-shoot .alien.left{top:28%;left:10%;transform:translateY(-50%)}.mode-shoot .alien.right{top:28%;right:10%;transform:translateY(-50%)}.mode-shoot .astronaut{top:78%;left:50%;transform:translate(-50%,-50%)}.phase-enter .alien.left{animation:.55s both slide-left}.phase-enter .alien.right{animation:.55s both slide-right}.phase-enter .astronaut{animation:.7s cubic-bezier(.2,1.4,.3,1) both pop-in}.phase-enter .balloon{animation:.45s .25s both balloon-in}.alien.is-out.left{animation:.4s both slide-left-out}.alien.is-out.right{animation:.4s both slide-right-out}.astronaut.is-out{animation:.4s both pop-out}.alien-svg,.astronaut-svg{width:100%;height:auto;overflow:visible}.alien-svg{transform-origin:50% 85%;animation:1.6s ease-in-out infinite bop;overflow:visible}.astronaut.is-wrong{animation:.45s shake}.astronaut.is-wrong .astronaut-svg,.astronaut.is-wrong .visor{animation:none}.balloon{color:#291367;text-align:center;letter-spacing:-.03em;background:#fff;border-radius:1.4rem;min-width:7rem;padding:.5rem 1rem .65rem;font-weight:600;position:relative}.balloon:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff;width:18px;height:16px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.earth-svg{pointer-events:none;width:100%;height:22%;position:absolute;bottom:0;left:0;right:0;transform:none}.aim-line{display:none}.star-overlay{z-index:8;place-items:center;display:grid;position:absolute;inset:0}.star-rays{background:repeating-conic-gradient(from 0deg, #ffffff2e 0 8deg, transparent 8deg 30deg);border-radius:50%;width:18rem;height:18rem;animation:8s linear infinite spin;position:absolute}.star-big{color:var(--yellow);text-shadow:0 8px #0003;font-size:7rem;animation:1.4s both star-pop}.result-screen{color:#333;font-family:var(--font-plain);background:#fff;place-items:center;padding:1.5rem;display:grid}.result-screen.is-themed{background:var(--space);color:#fff;font-family:var(--font-game)}.result-card{text-align:center;width:min(640px,100%)}.result-score{font-size:1.25rem}.result-stars{color:var(--yellow);letter-spacing:.2rem;font-size:1.6rem}.result-list{text-align:left;max-height:45vh;margin:1rem 0 1.5rem;padding:0;list-style:none;overflow:auto}.result-list li{border-bottom:1px solid #7f7f7f40;grid-template-columns:1fr 1fr auto auto;gap:.5rem;padding:.45rem .2rem;display:grid}.result-list .is-correct em{color:#1f8a68}.result-list .is-wrong em{color:#c0392b}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bop{50%{transform:scale(1.04,.92)}}@keyframes pop-in{0%{transform:translate(-50%,-50%)scale(0)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes balloon-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pop-out{to{opacity:0;transform:translate(-50%,-50%)scale(0)}}@keyframes slide-left{0%{opacity:0;transform:translate(-140%,-50%)}}@keyframes slide-right{0%{opacity:0;transform:translate(140%,-50%)}}@keyframes slide-left-out{to{opacity:0;transform:translate(-140%,-50%)}}@keyframes slide-right-out{to{opacity:0;transform:translate(140%,-50%)}}@keyframes shake{25%{translate:-12px}50%{translate:12px}75%{translate:-8px}}@keyframes star-pop{0%{transform:scale(0)rotate(-20deg)}40%{transform:scale(1.3)rotate(12deg)}to{transform:scale(.2)translateY(140px)}}.pixi-host{background:#291367;width:100vw;height:100vh;overflow:hidden}.pixi-host canvas{display:block}@media (width<=700px){.actor.alien.left,.actor.alien.right,.actor.astronaut{width:min(36vw,160px)}.home-mascots{height:8.5rem}.assessment-choice{min-width:10rem;font-size:1.3rem}.result-list li{grid-template-columns:1fr 1fr}}