:root{color-scheme:dark;font-family:Tahoma,Arial,sans-serif;--ink:#101524;--paper:#f5f0dc;--muted:#b6b4ad;--pink:#ff629e;--yellow:#ffdf81}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink)}button{cursor:pointer;font:inherit}#gameRoot{width:100vw;height:100dvh;min-height:350px;position:relative;overflow:hidden;background:#182131}#world{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.hud{position:absolute;inset:0 0 auto;min-height:88px;padding:16px clamp(12px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:20px;pointer-events:none;background:linear-gradient(#0b101ce8,#0b101c00);direction:ltr}.brand,.metrics{display:flex;gap:10px;align-items:center}.brand .mark{color:var(--pink);font:900 44px Arial;transform:rotate(-12deg)}.brand strong{font:900 clamp(20px,2.6vw,31px) Arial;letter-spacing:-1.7px;color:#fff}.brand strong span{color:var(--pink)}.brand small{display:block;font:700 9px Arial;letter-spacing:2px;color:#d0c0cb}.metrics{direction:rtl;gap:8px}.metric{border:1px solid #ffffff22;background:#151b2cbb;backdrop-filter:blur(8px);min-width:100px;text-align:center;padding:9px 16px;border-radius:15px;color:#fff}.metric small{display:block;font-size:11px;color:#c3c6ca;margin-bottom:3px}.metric strong{font:800 20px Arial}.icon-btn{pointer-events:auto;color:white;background:#222b42b8;border:1px solid #ffffff33;border-radius:14px;padding:11px 16px;font-size:18px}.hint{position:absolute;top:106px;left:50%;transform:translateX(-50%);color:#282334;background:#ffde89f2;border:2px solid #fff5cf;border-radius:100px;font-weight:800;font-size:13px;padding:10px 22px;box-shadow:0 8px 22px #0005;max-width:min(90vw,650px);text-align:center;pointer-events:none;transition:opacity .2s}.bottom{position:absolute;inset:auto 20px 18px;display:flex;justify-content:space-between;align-items:end;gap:14px;pointer-events:none;direction:ltr}.controls-legend{display:flex;gap:8px;flex-wrap:wrap;color:#e3e5eb;font-size:11px;direction:rtl}.controls-legend span,.ammo{background:#11182ac9;border:1px solid #ffffff24;border-radius:14px;padding:9px 11px}.controls-legend kbd{color:#fff;background:#3a4254;padding:3px 5px;border-radius:5px;font:800 10px Arial}.ammo{color:white;display:flex;align-items:center;gap:9px;font-weight:800;direction:rtl}.ammo .stache{font:900 29px Arial;color:var(--pink)}.ammo small{font-size:10px;color:#b9c4c6}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#2e24445c,#0b1020e9 70%);padding:18px;overflow:auto}.overlay.hidden{display:none}.panel{width:min(100%,550px);margin:auto;border:1px solid #ffffff2d;background:linear-gradient(130deg,#28233c,#141b2cf5 67%);box-shadow:0 25px 100px #000a;border-radius:30px;padding:clamp(20px,5vw,42px);text-align:center;color:var(--paper)}.eyebrow{font:800 11px Arial;letter-spacing:3px;color:#f7c2dc;margin:0}.mascot{height:95px;position:relative;font-size:63px;margin:14px auto 2px}.mascot b{position:absolute;left:50%;top:46px;transform:translateX(-50%) rotate(-5deg);font:900 57px Arial;color:var(--pink);text-shadow:0 4px #ac3665}.panel h1{font-size:clamp(28px,4vw,45px);letter-spacing:-1px;margin:0 0 12px}.panel p:not(.eyebrow){font-size:15px;line-height:2;color:#d9d3dc;max-width:400px;margin:0 auto 22px}.instruction{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:22px 0;color:#f2d6a1;font-size:11px}.instruction span{border:1px solid #ffffff28;border-radius:30px;padding:8px 10px}.primary{display:block;width:100%;border:0;background:linear-gradient(135deg,#ff77ae,#ff4894);border-radius:15px;color:#211223;padding:16px 25px;font-size:18px;font-weight:900;box-shadow:0 7px 0 #a32767;transition:transform .15s}.primary:hover{transform:translateY(-2px)}.primary span{margin-right:12px}.secondary{margin-top:22px;padding:8px 16px;border:1px solid #ffffff36;color:#d7dce3;background:transparent;border-radius:24px;font-size:12px}.footer-note{display:block;margin-top:20px;color:#8d94a7;font-size:10px}.touch{position:absolute;inset:auto 12px 16px;display:none;justify-content:space-between;pointer-events:none;direction:ltr}.joy-zone{width:130px;height:130px;display:grid;place-items:center;pointer-events:auto;touch-action:none}.joy-ring{height:110px;width:110px;border:2px solid #ffffff65;background:#ffffff14;border-radius:100%;display:grid;place-items:center;position:relative}.joy-ring:before{content:'+';position:absolute;color:#ffffff48;font-size:35px}#joyKnob{width:51px;height:51px;border-radius:100%;background:#ffffffaf;border:2px solid white;position:relative;box-shadow:0 3px 15px #0007}.touch-actions{display:flex;gap:9px;align-items:end;pointer-events:auto}.touch-actions button{width:72px;height:72px;background:#ff65a9dc;color:#211325;border:3px solid #fff;border-radius:100%;font:900 34px Arial;box-shadow:0 7px 25px #0008;touch-action:manipulation}.touch-actions button:first-child{background:#ffdf8ede;font-size:37px}.touch-actions button small{display:block;font:700 11px Tahoma;margin-top:-4px}@media(hover:none),(pointer:coarse){.touch{display:flex}.controls-legend{display:none}.bottom{bottom:155px;left:12px;right:12px;justify-content:flex-end}.hud{padding:8px 9px;min-height:65px;gap:5px}.brand .mark{font-size:30px}.brand strong{font-size:20px}.brand small{font-size:7px;letter-spacing:.6px}.metrics{gap:4px}.metric{min-width:59px;padding:6px}.metric strong{font-size:15px}.metric small{font-size:9px}.metric.narrow{display:none}.icon-btn{padding:7px 9px}.hint{top:76px;font-size:11px;padding:8px 13px}}@media(max-height:550px){.hint{top:68px}.hud{min-height:60px}.panel{padding:14px 24px}.mascot{display:none}.panel p:not(.eyebrow){margin-bottom:8px}.instruction{margin:10px 0}.footer-note{display:none}}