:root{color:#f8f3d6;background:#07080d;font-family:Courier New,Consolas,monospace;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;touch-action:none}button{border:3px solid #f8f3d6;background:#ff2a6d;color:#fff9c8;cursor:pointer;font:inherit;font-size:1rem;font-weight:800;padding:.8rem 1.3rem;text-transform:uppercase;box-shadow:0 0 0 3px #171321,0 10px #771442}button:hover,button:focus-visible{background:#05d9e8;color:#171321;outline:none}#app,#app canvas{display:block;height:100vh;width:100vw}.hud{position:fixed;left:18px;top:18px;width:min(360px,calc(100vw - 36px));z-index:4;text-shadow:2px 2px 0 #171321;-webkit-user-select:none;user-select:none}.brand{color:#05d9e8;font-size:clamp(1.35rem,4vw,2.4rem);font-weight:900;letter-spacing:0;line-height:1;text-transform:uppercase}.stat-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;max-width:330px}.stat-grid div{background:#0a0c14b3;border:2px solid rgba(248,243,214,.65);min-height:48px;padding:7px 10px}.stat-grid span{color:#f9e900;display:block;font-size:.7rem;font-weight:800;text-transform:uppercase}.stat-grid strong{color:#fff;display:block;font-size:1.25rem;line-height:1.1}#minimap{background:#0a0c14b8;border:3px solid #f8f3d6;bottom:18px;image-rendering:pixelated;left:18px;position:fixed;z-index:4}.touch-controls{inset:0;pointer-events:none;position:fixed;z-index:5}.touch-joystick{--size: clamp(104px, 18vw, 156px);align-items:center;background:radial-gradient(circle,rgba(5,217,232,.2) 0 36%,transparent 37%),#0a0c1473;border:3px solid rgba(248,243,214,.72);border-radius:50%;bottom:max(20px,4vh);box-shadow:0 0 0 3px #171321b8,0 0 24px #05d9e838;display:flex;height:var(--size);justify-content:center;left:clamp(170px,34vw,48vw);pointer-events:auto;position:absolute;touch-action:none;width:var(--size)}.touch-joystick.active{border-color:#05d9e8;box-shadow:0 0 0 3px #171321d1,0 0 34px #05d9e89e}.touch-joystick-knob{--knob-size: clamp(42px, 7vw, 62px);background:#ff2a6dd1;border:3px solid #f8f3d6;border-radius:50%;box-shadow:0 0 16px #ff2a6d80;height:var(--knob-size);pointer-events:none;width:var(--knob-size)}.touch-bomb{align-items:center;border-radius:50%;bottom:max(22px,4.5vh);box-shadow:0 0 0 3px #171321,0 8px #063d9c,0 0 24px #168cff6b;display:flex;font-size:clamp(.95rem,3.2vw,1.35rem);height:clamp(82px,14vw,118px);justify-content:center;padding:0;pointer-events:auto;position:absolute;right:max(18px,4vw);touch-action:none;width:clamp(82px,14vw,118px)}.touch-bomb.active,.touch-bomb:active{background:#168cff;box-shadow:0 0 0 3px #171321,0 4px #063d9c,0 0 34px #168cffb3;transform:translateY(4px)}.screen{align-items:center;background:linear-gradient(#07080d61,#07080dd1),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 2px,transparent 2px 6px);display:flex;inset:0;justify-content:center;padding:22px;position:fixed;z-index:7}.screen.hidden{display:none}.screen-panel{max-width:680px;text-align:center;text-shadow:3px 3px 0 #171321}.screen-panel h1,.screen-panel h2{color:#ff2a6d;font-size:clamp(2.8rem,13vw,7rem);line-height:.9;margin:0 0 18px;text-transform:uppercase}.screen-panel p{color:#f8f3d6;font-size:clamp(1rem,3vw,1.35rem);font-weight:800;line-height:1.45;margin:0 auto 28px}.game-over-panel h2{animation:pulse .75s steps(2,jump-none) infinite}@keyframes pulse{50%{color:#f9e900;transform:scale(1.03)}}@media(max-width:650px){.hud{left:12px;top:12px}#minimap{bottom:12px;height:128px;left:12px;width:128px}.stat-grid{grid-template-columns:repeat(2,minmax(0,112px))}.touch-joystick{bottom:18px;left:calc(50% - 52px)}}@media(max-width:650px)and (orientation:portrait){.touch-joystick{bottom:152px}}@media(pointer:fine)and (min-width:900px){.touch-controls{opacity:.38}.touch-controls:hover{opacity:1}}