*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:#06060e;font-family:Courier New,monospace;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;image-rendering:pixelated;image-rendering:crisp-edges;zoom:1!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:none}#root{width:100%;height:100%}canvas{image-rendering:pixelated;image-rendering:crisp-edges}::-webkit-scrollbar{display:none}.rotate-overlay{position:fixed;inset:0;z-index:9999;background:#06060e;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.rotate-icon{font-size:64px;animation:rotate-pulse 2s ease-in-out infinite}.rotate-text{color:#fc0;font-family:Courier New,monospace;font-size:20px;font-weight:700;text-align:center;padding:0 20px}.rotate-sub{color:#888;font-family:Courier New,monospace;font-size:14px;text-align:center}@keyframes rotate-pulse{0%,to{transform:rotate(-15deg) scale(1)}50%{transform:rotate(15deg) scale(1.1)}}.mobile-controls{position:fixed;inset:0;pointer-events:none;z-index:1000;user-select:none;-webkit-user-select:none;padding:2.5vh 4vw;display:flex;justify-content:space-between;align-items:flex-end}.joystick-container{position:relative;pointer-events:auto;margin-left:20px;margin-bottom:20px;opacity:.8;transition:opacity .2s}.joystick-container:active{opacity:1}.joystick-ring{border:3px solid rgba(255,255,255,.15);background:radial-gradient(circle,#ffffff0d,#0000004d);border-radius:50%;box-shadow:0 0 20px #0006,inset 0 0 10px #ffffff0d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.joystick-knob{position:absolute;top:50%;left:50%;margin-left:-22.5%;margin-top:-22.5%;background:radial-gradient(circle,#eee,#aaa);border-radius:50%;box-shadow:0 4px 8px #0009,0 0 4px #fff6;pointer-events:none;transition:transform .05s linear}.joystick-container.variant-tank{opacity:.9}.joystick-container.variant-tank .joystick-ring{border:4px solid #3d4a35;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.1) 0%,transparent 60%),linear-gradient(135deg,#1a1f16,#2c3526);box-shadow:0 0 0 4px #1a1f16,0 8px 16px #0009,inset 0 0 15px #000c}.joystick-container.variant-tank .joystick-ring:before{content:"•  •  •  •";position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:#1a1f16;font-size:24px;letter-spacing:40px;opacity:.6;pointer-events:none}.joystick-container.variant-tank .joystick-knob{background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2) 0%,transparent 50%),linear-gradient(135deg,#453,#231);border:2px solid #1a1f16;box-shadow:0 6px 12px #000c,inset 0 2px 4px #ffffff1a}.joystick-container.variant-tank .joystick-knob:after{content:"";position:absolute;inset:20%;border:1.5px solid rgba(255,255,255,.05);border-radius:50%;background:#0000001a}.action-buttons{display:grid;grid-template-columns:repeat(2,min(13vw,13vh));grid-template-rows:repeat(2,min(13vw,13vh));gap:2.5vh;pointer-events:auto;margin-right:15px;margin-bottom:15px}.mobile-btn{width:100%;height:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#ffffff80;font-family:"Press Start 2P",cursive,monospace;font-weight:700;font-size:min(3.2vw,3.2vh);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:.6}.mobile-btn:active{opacity:1;transform:scale(.9) translateY(2px);background:#fff3;border-color:#fff;color:#fff}.action-interact{background:linear-gradient(135deg,#ffcc004d,#ff960033);border-color:#fc06;color:#fc0;grid-row:2;grid-column:1}.action-confirm{background:linear-gradient(135deg,#32c8504d,#1e963233);border-color:#32c85066;color:#4d6;grid-row:1;grid-column:2;transform:translateY(-10px)}.action-confirm:active{transform:scale(.9) translateY(-8px)}.action-run{background:linear-gradient(135deg,#6496ff4d,#3264c833);border-color:#6496ff66;color:#8cf;grid-row:1;grid-column:1}.action-back{background:linear-gradient(135deg,#ff3c3c4d,#b41e1e33);border-color:#ff3c3c66;color:#f88;grid-row:2;grid-column:2;transform:translateY(-10px)}.action-back:active{transform:scale(.9) translateY(-8px)}.dpad-container{position:relative;pointer-events:auto;margin-left:10px;margin-bottom:10px;-webkit-user-select:none;user-select:none;opacity:.5;transition:opacity .3s}.dpad-container:active{opacity:1}.dpad-btn{position:absolute;background:#0003;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;cursor:pointer;touch-action:manipulation;transition:all .1s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.dpad-btn:active{background:#ffffff1a;transform:scale(.92);border-color:var(--glow-color, #fff);box-shadow:0 0 15px var(--glow-color, #00ff88)}.dpad-arrow{color:#ffffff4d;font-size:20px;pointer-events:none}.dpad-btn:active .dpad-arrow{color:#fff;text-shadow:0 0 8px #fff}.dpad-center{position:absolute;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:2px}.dpad-up{border-bottom:none;border-radius:8px 8px 0 0}.dpad-down{border-top:none;border-radius:0 0 8px 8px}.dpad-left{border-right:none;border-radius:8px 0 0 8px}.dpad-right{border-left:none;border-radius:0 8px 8px 0}::selection{background:#f368;color:#fff}.splash-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;will-change:opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.splash-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:1}.splash-overlay.visible{opacity:1;pointer-events:auto}.splash-image{width:100%;height:100%;object-fit:cover;object-position:center center;filter:contrast(1.05) brightness(1.02)}