*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#06030e;font-family:Orbitron,Segoe UI,monospace;touch-action:none;-webkit-user-select:none;user-select:none}canvas{display:block}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:transparent;pointer-events:none}.loading-screen-icon{width:min(120px,28vw);height:min(120px,28vw);object-fit:contain;background:transparent;filter:drop-shadow(0 0 18px rgba(0,240,255,.45))}.loading-screen-bar{width:min(240px,60vw);height:4px;border-radius:2px;background:#00f0ff26;overflow:hidden}.loading-screen-bar-fill{height:100%;background:linear-gradient(90deg,#00f0ff,#ff2d95);box-shadow:0 0 10px #00f0ffcc;transition:width .15s ease-out}.loading-screen-text{font-size:11px;letter-spacing:3px;color:#00f0ffbf}.hud-mute{position:absolute;top:max(14px,env(safe-area-inset-top));right:18px;pointer-events:auto;font-size:18px;line-height:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(0,240,255,.35);background:#040814bf;cursor:pointer;box-shadow:0 0 12px #00f0ff33}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20;color:#e8f6ff}.hud-title{position:absolute;top:max(14px,env(safe-area-inset-top));left:18px;font-size:14px;font-weight:900;letter-spacing:4px;color:#00f0ff;text-shadow:0 0 12px rgba(0,240,255,.8)}.hud-hint{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);font-size:11px;letter-spacing:2px;color:#c8e6ff8c;white-space:nowrap}.enter-btn{pointer-events:auto;font-family:Orbitron,monospace;font-size:13px;font-weight:700;letter-spacing:3px;color:#00f0ff;background:#040a18d9;border:1px solid #00f0ff;border-radius:4px;padding:10px 18px;cursor:pointer;white-space:nowrap;box-shadow:0 0 18px #00f0ff80,inset 0 0 12px #00f0ff26;animation:pulse 1.6s ease-in-out infinite}.enter-btn:active{transform:scale(.95)}@keyframes pulse{0%,to{box-shadow:0 0 12px #00f0ff66}50%{box-shadow:0 0 26px #00f0ffe6}}.interior-panel{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);text-align:center;pointer-events:auto;background:#040814bf;border:1px solid rgba(0,240,255,.35);border-radius:8px;padding:16px 28px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(420px,88vw)}.interior-panel h2{font-size:20px;font-weight:900;letter-spacing:4px;margin-bottom:6px;text-shadow:0 0 16px currentColor}.interior-panel p{font-size:11px;letter-spacing:1px;line-height:1.6;color:#d2ebffbf;margin-bottom:12px}.exit-btn{font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:3px;color:#ff2d95;background:transparent;border:1px solid #ff2d95;border-radius:4px;padding:8px 22px;cursor:pointer;box-shadow:0 0 14px #ff2d9566}.exit-btn:active{transform:scale(.95)}.editor-panel{position:absolute;top:max(14px,env(safe-area-inset-top));right:16px;pointer-events:auto;display:flex;flex-direction:column;gap:8px;width:240px;padding:12px 14px;background:#040814e0;border:1px solid #ffdd00;border-radius:6px;box-shadow:0 0 20px #ffdd0059;font-family:Orbitron,monospace}.editor-panel strong{color:#fd0;font-size:12px;letter-spacing:2px}.editor-panel-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-hint{font-size:9px;letter-spacing:.5px;color:#d2ebff99;line-height:1.4}.editor-btn{flex:1;font-family:inherit;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#fd0;background:transparent;border:1px solid rgba(255,221,0,.5);border-radius:4px;padding:7px 8px;cursor:pointer;white-space:nowrap}.editor-btn:disabled{opacity:.35;cursor:default}.editor-btn.active{background:#fd03}.editor-btn.primary{color:#041018;background:#fd0;border-color:#fd0}.touch-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;touch-action:none;background:transparent}.joystick{position:fixed;bottom:max(34px,calc(env(safe-area-inset-bottom) + 20px));left:34px;width:120px;height:120px;border-radius:50%;border:2px solid rgba(0,240,255,.45);background:radial-gradient(circle,#00f0ff14,#0408148c);box-shadow:0 0 22px #00f0ff40;z-index:20;touch-action:none;display:flex;align-items:center;justify-content:center}.joystick-knob{width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#00f0ffe6,#0078c8d9);box-shadow:0 0 18px #00f0ffcc;pointer-events:none;will-change:transform}.login-form{display:flex;flex-direction:column;gap:8px;width:190px;padding:14px;background:#020812eb;border:1px solid #00f0ff;border-radius:6px;box-shadow:0 0 24px #00f0ff73;font-family:Orbitron,monospace}.login-form h3{color:#00f0ff;font-size:12px;letter-spacing:3px;text-align:center;text-shadow:0 0 10px rgba(0,240,255,.9)}.login-form input{font-family:inherit;font-size:10px;color:#d5f6ff;background:#00f0ff0f;border:1px solid rgba(0,240,255,.4);border-radius:3px;padding:7px 9px;outline:none}.login-form button{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:2px;color:#041018;background:#00f0ff;border:none;border-radius:3px;padding:8px;cursor:pointer;box-shadow:0 0 14px #00f0ffb3}