:root{color-scheme:light;font-family:Segoe UI,Yu Gothic UI,sans-serif;--bg-top: #89a9c7;--bg-bottom: #eef3f6;--hud-bg: rgba(14, 22, 30, .68);--hud-border: rgba(255, 255, 255, .22);--hud-text: #f4f7fb;--hud-muted: rgba(244, 247, 251, .78);--accent: #ffd166}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.45),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}#sceneCanvas{position:fixed;inset:0;z-index:0;display:block}#app{position:relative}#hud{position:fixed;top:18px;left:18px;z-index:20;min-width:280px;padding:14px 16px;color:var(--hud-text);background:var(--hud-bg);border:1px solid var(--hud-border);border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 22px 50px #0c12182e;pointer-events:none}.hud-title{font-size:24px;font-weight:800;letter-spacing:.08em}#stageLabel{color:var(--hud-text)}.hud-help{margin-top:6px;font-size:13px;line-height:1.45;color:var(--hud-muted)}#crosshair{position:fixed;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%,-50%);z-index:15;pointer-events:none;opacity:0}#minimap{position:fixed;top:18px;right:18px;width:180px;height:180px;z-index:20;border:2px solid rgba(35,47,58,.3);border-radius:14px;background:#ffffffe6;box-shadow:0 22px 50px #0c121824}#touchControls{position:fixed;left:18px;bottom:18px;z-index:24;width:168px;height:168px;display:none;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:8px;touch-action:none;-webkit-user-select:none;user-select:none}.move-key{border:1px solid rgba(255,255,255,.36);border-radius:14px;background:#161f2794;color:#f4f7fb;font:inherit;font-size:22px;font-weight:800;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);touch-action:none}.move-key.is-pressed{background:#ffd166c7;color:#1a2027}.key-w{grid-column:2;grid-row:1}.key-a{grid-column:1;grid-row:2}.key-s{grid-column:2;grid-row:2}.key-d{grid-column:3;grid-row:2}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffffffe6;box-shadow:0 0 8px #00000040}#crosshair:before{left:50%;top:0;width:2px;height:16px;transform:translate(-50%)}#crosshair:after{top:50%;left:0;width:16px;height:2px;transform:translateY(-50%)}@media(max-width:720px){#hud{min-width:auto;max-width:calc(100vw - 24px);top:12px;left:12px;padding:12px 14px}.hud-title{font-size:20px}#minimap{top:12px;right:12px;width:132px;height:132px}#touchControls{left:12px;bottom:12px;width:150px;height:150px;gap:6px}}@media(hover:none)and (pointer:coarse){#touchControls{display:grid}}