*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090d24;color:#f2f7ff;font-family:system-ui,-apple-system,sans-serif;overscroll-behavior:none}main{max-width:1120px;width:96%;margin:auto;padding:20px 0}header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.brand{text-decoration:none;color:#f3f7ff;font-size:17px;font-weight:850;letter-spacing:1.5px;white-space:nowrap}.brand>span{display:inline-block;color:#a8ffc8;font-weight:950;font-size:29px;letter-spacing:-3px;margin-right:12px;vertical-align:middle}.brand small{display:block;color:#a6a9d1;font-size:10px;letter-spacing:3px;margin-left:53px}.header-actions{display:flex;gap:8px}button{font:inherit;cursor:pointer;border:1px solid #4c5379;background:#222943;color:#edf5ff;border-radius:12px;padding:11px 15px;font-weight:750;touch-action:manipulation;min-height:44px}button:hover{filter:brightness(1.13)}button:focus-visible{outline:3px solid #b0ffe0;outline-offset:3px}.cabinet{position:relative;border:1px solid #41466e;border-radius:20px;overflow:hidden;box-shadow:0 25px 70px #0005}.hud{display:flex;align-items:center;gap:38px;padding:14px 24px;background:#141b35}.hud small{display:block;font-size:11px;letter-spacing:1.6px;color:#a0aecf;margin-bottom:2px}.hud strong{font-size:23px;font-variant-numeric:tabular-nums}.hud .health{font-size:21px;letter-spacing:3px;color:#ff99bc}.gear{margin-left:auto;text-align:right}.gear strong{font-size:16px;color:#b1f8de}.screen{position:relative;aspect-ratio:1.6;background:#0c1433}canvas{display:block;width:100%;height:100%}.world-label{position:absolute;top:18px;left:22px;color:#c1cbed;font-size:11px;letter-spacing:2px;pointer-events:none}.overlay{position:absolute;inset:0;background:#080c237a;display:grid;place-items:center;padding:15px;z-index:4}.hidden{display:none!important}.panel{position:relative;width:min(470px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;background:#10172eee;border:1px solid #7684ae77;border-radius:22px;padding:25px;text-align:center;box-shadow:0 18px 70px #0005}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#aefacb;font-weight:800}h1{font-size:clamp(32px,4.5vw,49px);line-height:1;letter-spacing:-1.8px;margin:12px 0}h1 span{color:#b8f5a2}h2{font-size:26px;line-height:1.15;margin:10px 0}p{font-size:15px;line-height:1.5;color:#c1cbe3;margin:13px 0 19px}.primary{background:#c2ff8b;color:#17263a;border:0;border-bottom:4px solid #78b759;padding:13px 23px;min-width:170px}.hint{font-size:12px;color:#a4b2d1;margin:14px 0 0}.muted-button{background:transparent;font-size:13px;min-height:38px;border:0;margin-top:10px;text-decoration:underline;color:#b5bfd8}.touch-controls{display:flex;justify-content:space-between;gap:12px;padding:15px 20px;background:#141b35;touch-action:none;user-select:none;-webkit-user-select:none}.move-controls,.action-controls{display:flex;gap:13px;align-items:center}.touch-controls button{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;height:86px;min-width:91px;border-radius:20px;border:2px solid #657197;border-bottom:6px solid #303d60;font-size:30px;transition:background .08s,transform .08s}.touch-controls button.pressed{transform:translateY(3px);border-bottom-width:3px;background:#465d87}.touch-controls .jump{min-width:130px;height:96px;color:#132d32;background:#c2ff8b;border-color:#d5ffb6;border-bottom-color:#73a653;font-size:21px}.jump span{display:block;font-size:24px}.touch-controls .fire{min-width:105px;font-size:18px;color:#dfceff;background:#3b2b61;border-color:#8063a9;border-bottom-color:#231c3d}.fire span{display:block;font-size:10px;font-weight:500;margin-top:5px}.touch-controls .fire.locked{opacity:.62}.touch-controls .jump.pressed{background:#98e862}.touch-controls .fire.pressed{background:#6e4799}footer{display:flex;justify-content:space-between;font-size:12px;color:#a3aecb;padding:18px 5px}kbd{border:1px solid #4d5674;border-radius:4px;padding:3px 5px;margin:0 4px 0 12px}.mobile-note{display:none}.timer-label{display:flex;justify-content:space-between;color:#cad3ed;font-size:13px}.timer{height:7px;background:#303a5a;border-radius:9px;overflow:hidden;margin:9px 0 13px}.timer>div{height:100%;background:#b8fb91}.question{font-size:32px;font-weight:850;margin:12px 0;line-height:1.2}.answer-display{display:flex;align-items:center;justify-content:center;min-height:47px;border-radius:10px;background:#202c48;border:1px solid #7181a9;margin:10px 0;font-size:24px;letter-spacing:2px}.answer-display.empty{font-size:16px;color:#a4b2d1;letter-spacing:0}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.keypad button{padding:5px;height:44px;min-height:44px;font-size:21px;border-radius:9px;background:#2b3654}.keypad .enter{background:#c2ff8b;color:#192a38;border-color:#c2ff8b;font-size:17px}.skin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.skin-card{padding:9px 3px;border-color:#455477;font-size:12px;min-width:0}.skin-card.selected{border:2px solid #b9ff91;background:#293b45}.skin-card:disabled{opacity:.55;cursor:default}.skin-card canvas{width:60px;height:65px;margin:0 auto}.skin-card small{display:block;font-size:10px;color:#bac7e2;margin-top:3px}.paint-mix{display:flex;justify-content:center;align-items:center;gap:20px;margin:22px 0;font-size:28px}.paint{font-size:14px}.swatch{width:64px;height:64px;border-radius:50%;border:3px solid #ffffff88;margin:auto auto 6px}.paint-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paint-options button{padding:15px}.paint-options .swatch{width:44px;height:44px}.result{color:#d1ffa6;font-weight:750}.alien-preview{width:80px!important;height:85px!important;margin:5px auto 8px}.collection{font-size:12px;color:#d6c4ff}.button-row{display:flex;justify-content:center;gap:8px}.button-row button{min-width:0}#toast{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;background:#121e39eb;border:1px solid #91f9bf;color:#c3ffdc;border-radius:14px;padding:11px 18px;text-align:center;max-width:90%;width:max-content;opacity:0;transition:opacity .2s;font-size:14px;pointer-events:none}.challenge-mode .touch-controls{opacity:.4;pointer-events:none}
@media(max-width:650px){main{width:100%;padding:10px 0}header{padding:0 10px;margin-bottom:10px;gap:7px}.brand{font-size:12px;letter-spacing:.6px}.brand>span{font-size:24px;margin-right:5px}.brand small{font-size:8px;letter-spacing:1.5px;margin-left:37px}.header-actions{gap:5px}.header-actions button{font-size:12px;padding:7px 9px;min-height:40px}.hud{padding:10px 12px;gap:17px}.hud small{font-size:9px;letter-spacing:1px}.hud strong{font-size:19px}.hud .health{font-size:16px;letter-spacing:1px}.gear strong{font-size:12px}.gear small{font-size:9px}.cabinet{border-radius:12px;border-left:0;border-right:0}.screen{aspect-ratio:520/600}.panel{padding:19px;max-width:390px}.touch-controls{padding:12px 10px;gap:6px}.move-controls,.action-controls{gap:7px}.touch-controls button{min-width:72px;height:83px;border-radius:17px}.touch-controls .jump{min-width:97px;height:94px;font-size:18px}.touch-controls .fire{min-width:69px;font-size:16px}.fire span{font-size:8px;max-width:54px;white-space:normal;margin:4px auto 0}.mobile-note{display:block;text-align:center;font-size:12px;margin:10px 6px}footer{display:none}.world-label{font-size:9px;top:12px;left:13px}.question{font-size:28px}.keypad button{height:46px}.panel p{font-size:14px}#toast{font-size:12px;bottom:14px}}
@media(max-width:370px){.touch-controls button{min-width:62px}.touch-controls .jump{min-width:83px}.touch-controls .fire{min-width:61px}.header-actions button{padding:6px}.hud{gap:12px}.panel{padding:14px}.keypad button{height:42px;min-height:42px}.question{font-size:25px}}
@media(orientation:landscape) and (max-height:600px){main{padding:0;width:100%;height:100dvh}header,footer,.mobile-note{display:none}.cabinet{height:100dvh;border:0;border-radius:0}.hud{position:absolute;inset:0 0 auto;height:45px;padding:4px 17px;background:#10172ec9;z-index:2;pointer-events:none}.hud small{font-size:8px}.hud strong{font-size:17px}.hud .health{font-size:15px}.screen{width:100%;height:100%;aspect-ratio:auto}.touch-controls{position:absolute;bottom:5px;left:6px;right:6px;background:transparent;padding:0;pointer-events:none;z-index:3}.touch-controls button{pointer-events:auto;min-width:75px;height:70px;background:#263c60b8;opacity:.88}.touch-controls .jump{height:82px;min-width:99px;background:#baff8de8}.touch-controls .fire{min-width:77px;background:#50376dcc}.world-label{top:55px}.overlay{padding:8px}.panel{max-width:410px;padding:13px 20px;z-index:6}.panel h1{font-size:34px}.panel p{font-size:13px;margin:8px 0}.alien-preview{width:50px!important;height:53px!important}.question{font-size:25px;margin:7px 0}.answer-display{min-height:34px;margin:6px 0}.keypad{gap:4px}.keypad button{height:33px;min-height:33px;font-size:18px}.timer{margin:5px 0}.panel h2{font-size:21px;margin:7px 0}.hint{font-size:10px;margin:7px 0}.skin-grid{grid-template-columns:repeat(4,1fr);margin:7px 0}.skin-card canvas{width:38px;height:42px}.skin-card{padding:5px}.paint-mix{margin:9px 0}.paint .swatch{width:45px;height:45px}.paint-options button{padding:8px}.challenge-mode .touch-controls{display:none}#toast{bottom:100px}}
#landscapePause{display:none}@media(orientation:landscape) and (max-height:600px){#landscapePause{display:block;position:absolute;right:10px;top:52px;z-index:3;background:#19284699;min-height:38px;padding:4px 13px}.challenge-mode #landscapePause{display:none}}
@media(max-width:650px) and (orientation:portrait){.challenge-mode .overlay{position:fixed;inset:0;padding:12px;background:#080c23e8;z-index:20}.challenge-mode .panel{max-height:calc(100dvh - 24px);width:min(390px,100%)}.challenge-mode .touch-controls{pointer-events:none}}