: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}