html,body{width:100%;min-height:100vh;min-height:100dvh}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#0f172a;color:#e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;height:100dvh;min-height:100dvh;padding:16px;box-sizing:border-box;gap:12px;overflow:hidden;overscroll-behavior:none}h1{margin:0;font-size:20px;font-weight:600;color:#bfdbfe}.wrapper{display:flex;flex-direction:row;gap:16px;width:100%;max-width:1200px;align-items:flex-start}#simCanvas{background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.06),transparent 55%),radial-gradient(circle at 80% 100%,rgba(15,23,42,.45),transparent 55%),linear-gradient(to bottom,#023047,#035c8a 40%,#01243a);border-radius:18px;box-shadow:0 22px 60px #0f172ae6;border:1px solid rgba(148,163,253,.18);flex-shrink:0}.panel{flex:1;background:#0f172afa;border-radius:16px;padding:12px 14px;box-shadow:0 14px 32px #0f172ae6;font-size:12px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(148,163,253,.16)}.label{font-size:11px;color:#9ca3af}.value{font-weight:600;color:#e5e7eb}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin-top:2px}.tag{display:inline-flex;align-items:center;gap:4px;display:none}body.game-mode-active .hud-left{display:none!important}#topOverlay{position:absolute;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:10px;box-sizing:border-box;align-items:stretch;z-index:100;pointer-events:none}#gameDashboard{position:absolute;top:0;left:0;width:100%;height:64px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,253,.2);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;box-sizing:border-box;z-index:1000;box-shadow:0 4px 20px #0000004d;pointer-events:auto}body.playing-session #gameDashboard,body.playing-session #user-bar,body.playing-session #settingsPanel{display:none!important}#playHud{position:fixed;inset:0;display:none;z-index:1400;pointer-events:none}body.playing-session #playHud{display:block}.hud-top-left{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);pointer-events:auto;display:flex;align-items:center;gap:8px}.hud-hamburger{width:44px;height:44px;background:#0a1932a6;border:1px solid rgba(100,150,255,.15);border-radius:12px;color:#cbd5e1;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d;transition:background .15s,border-color .15s;padding:0}.hud-hamburger:hover,.hud-hamburger:active{background:#0a1932d9;border-color:#6496ff4d}.hud-center-btn{font-size:18px}.se-exit-hamburger{width:34px;height:34px;font-size:18px;border-radius:9px;margin-left:10px;background:#334155cc;border-color:#8b5cf666;color:#e2e8f0}.hud-top-center{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translate(-50%);pointer-events:none}.hud-compass-card{display:flex;align-items:baseline;gap:4px;padding:8px 16px;background:#0a1932a6;border:1px solid rgba(100,150,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d}.hud-compass-value{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#e0f2fe;letter-spacing:1px}.hud-compass-dir{font-size:13px;font-weight:600;color:#60a5fa;letter-spacing:.5px}.hud-top-right{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);display:flex;gap:8px;pointer-events:none}.hud-info-card{display:flex;flex-direction:column;align-items:flex-end;padding:8px 12px;background:#0a1932a6;border:1px solid rgba(100,150,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #0000004d}.hud-info-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#94a3b8;margin-bottom:2px}.hud-info-value{font-family:Courier New,monospace;font-size:18px;font-weight:700;color:#e0f2fe;line-height:1}.hud-score-value{color:#fde047!important;text-shadow:0 0 12px rgba(253,224,71,.2)}.hud-wind-card{align-items:flex-end}.hud-wind-arrow{font-size:16px;color:#60a5fa;transition:transform .3s ease}@media(max-width:900px){.hud-info-value,.hud-compass-value{font-size:15px}.hud-info-card{padding:6px 10px}.hud-top-right{gap:6px}}.dash-section{display:flex;align-items:center;gap:16px}.dash-section.left{justify-content:flex-start}.dash-section.center{justify-content:center;position:relative}.dash-section.right{justify-content:flex-end}.dash-brand{font-weight:700;color:#e2e8f0;font-size:15px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.status-pill{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.status-pill .label{font-size:10px;text-transform:uppercase;color:#94a3b8;letter-spacing:.5px}.status-pill .value{font-size:14px;font-weight:700;color:#facc15;font-family:Courier New,monospace}.wind-display{display:flex;align-items:center;gap:12px;background:#ffffff0d;padding:4px 16px;border-radius:32px;border:1px solid rgba(255,255,255,.1)}#settingsPanel{position:fixed;top:60px;right:16px;width:320px;background:#0f172af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(148,163,253,.2);border-radius:12px;padding:16px;display:none;flex-direction:column;gap:12px;color:#e2e8f0;box-shadow:0 10px 40px #00000080;z-index:2000;max-height:80vh;overflow-y:auto}.control-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:4px}.panel-header{font-size:14px;font-weight:700;color:#93c5fd;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:8px;margin-top:8px}button.icon-btn{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}button.icon-btn:hover{background:#fff3}button.icon-btn.active{background:#3b82f6}.levelBtn{width:32px;height:32px;border:none;border-radius:6px;font-weight:700;cursor:pointer;background:#334155;color:#94a3b8}.levelBtn:hover:not(:disabled){background:#475569;color:#fff}.levelBtn[disabled]{opacity:.5;cursor:not-allowed}.wrapper{position:relative;width:100vw;height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:#000}.editor-tool{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;padding:8px;border-radius:6px;cursor:pointer;font-size:11px;transition:all .2s;text-align:left;display:flex;align-items:center;gap:6px}.editor-tool:hover{background:#ffffff1a}.editor-tool.active{background:#3b82f6;color:#fff;border-color:#60a5fa}