:root{background-color:#111116}body{font-family:var(--font-body, system-ui, sans-serif);color:var(--color-text-primary, #fff)}body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden;touch-action:none}#app{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}#gameCanvas{display:block}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}#ui-layer #nav-host{pointer-events:auto}.hud-panel{position:absolute;background:#000000b3;padding:10px 20px;border:1px solid var(--color-border-default, #444);border-radius:var(--radius-lg, 8px);pointer-events:auto;font-size:16px;font-family:Courier New,Courier,monospace;text-transform:uppercase}.top-bar{top:72px;left:20px;right:20px;display:flex;justify-content:space-between}.game-over{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;padding:40px;border:2px solid var(--color-border-strong, #555);border-radius:var(--radius-card, 12px);text-align:center;z-index:20;pointer-events:auto;font-family:var(--font-body, system-ui, sans-serif)}.splash-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:calc(64px + var(--space-4, 16px)) var(--space-4, 16px) var(--space-4, 16px);overflow-y:auto;background:#0a0c12b8;z-index:20;pointer-events:auto}.deep-earth-intro{width:100%;max-width:480px;margin:auto}.touch-controls{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:auto;z-index:15}.dpad{position:relative;width:130px;height:130px}.dpad-btn{position:absolute;width:42px;height:42px;background:#1e2332d9;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;touch-action:manipulation}.dpad-btn:active{background:var(--color-accent, #3b82f6)}.dpad-up{top:0;left:44px}.dpad-down{bottom:0;left:44px}.dpad-left{top:44px;left:0}.dpad-right{top:44px;right:0}.flag-btn{padding:14px 20px;background:#282c3cd9;border:2px solid var(--color-accent, #3b82f6);border-radius:12px;color:#fff;font-weight:700;font-size:15px;-webkit-user-select:none;user-select:none;touch-action:manipulation;cursor:pointer}.flag-btn.active{background:#ef4444;border-color:#f87171;box-shadow:0 0 12px #ef444499}[data-theme=casual],[data-theme=casual] body{background-color:#faf6ee;color:#1e293b}[data-theme=casual] .hud-panel{background:#fffdf9e0;color:#1e293b;border:1px solid rgba(0,0,0,.12);box-shadow:0 4px 16px #00000014}[data-theme=casual] .game-over{background:#fffdf9f2;color:#1e293b;border:2px solid rgba(0,0,0,.12)}[data-theme=casual] .splash-screen{background:#faf6eed9}[data-theme=casual] .dpad-btn{background:#ffffffe6;border:1px solid rgba(0,0,0,.15);color:#1e293b}[data-theme=casual] .flag-btn{background:#ffffffe6;color:#1e293b}