:root{--bg: #0b0e1a;--panel: rgba(13, 17, 32, .82);--panel-border: rgba(140, 160, 220, .22);--text: #e8eeff;--text-dim: #9fb0d8;--accent: #ffd75e;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);overscroll-behavior:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root button{pointer-events:auto}.hud-top{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.phase-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:7px 14px;font-weight:700;font-size:15px;backdrop-filter:blur(6px)}.phase-chip #hud-phase-num{color:var(--accent);font-variant-numeric:tabular-nums}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-size:20px;cursor:pointer}.hud-caption{position:absolute;left:50%;transform:translate(-50%);bottom:calc(76px + var(--safe-bottom));width:min(680px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:12px 16px 10px;text-align:center;backdrop-filter:blur(8px);transition:opacity .4s ease}.caption-child{font-size:clamp(16px,2.4vw,21px);font-weight:700;line-height:1.3}.caption-adult{margin-top:8px;padding-top:8px;border-top:1px dashed var(--panel-border);color:var(--text-dim);font-size:clamp(12.5px,1.7vw,14.5px);line-height:1.45}.detail-btn{margin-top:8px;background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px}.hud-bottom{position:absolute;left:0;right:0;bottom:calc(12px + var(--safe-bottom));display:flex;justify-content:center;gap:12px}.nav-btn{min-width:56px;height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font-size:22px;font-weight:800;cursor:pointer;transition:transform .08s ease,background .2s ease}.nav-btn:active{transform:scale(.94)}.nav-btn.primary{background:linear-gradient(180deg,#35406b,#232c4e);border-color:#96aaff66}.nav-btn.rerun{font-size:15px}.nav-btn:disabled{opacity:.35;cursor:default}.hud-map[hidden]{display:none}.hud-map{position:absolute;inset:0;background:#05070ea8;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:30}.map-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;padding:18px;width:min(520px,calc(100vw - 32px));max-height:min(80vh,640px);overflow-y:auto;text-align:center}.map-title{font-size:18px;font-weight:800;margin-bottom:12px}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:12px}.map-item{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;border:1px solid var(--panel-border);background:#1e264299;color:var(--text);font-size:13px;font-weight:600;cursor:pointer;text-align:left}.map-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.map-num{width:22px;height:22px;flex:none;border-radius:50%;background:var(--accent);color:#1a1f33;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.hud-toast{position:absolute;top:calc(64px + env(safe-area-inset-top));left:50%;transform:translate(-50%) translateY(-8px);background:var(--panel);border:1px solid var(--accent);color:var(--text);border-radius:12px;padding:9px 16px;font-size:14px;font-weight:600;opacity:0;transition:opacity .25s ease,transform .25s ease;z-index:40;max-width:calc(100vw - 32px);text-align:center}.hud-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.intro-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#0b0e1a8c,#0b0e1aeb);pointer-events:auto;z-index:50;padding:16px}.intro-card{text-align:center;max-width:560px;animation:introIn .7s cubic-bezier(.2,.9,.3,1.2) both}.intro-card h1{font-size:clamp(26px,6vw,42px);margin:0 0 10px;background:linear-gradient(90deg,#ffd75e,#ff9e64,#f06bd4);-webkit-background-clip:text;background-clip:text;color:transparent}.intro-card p{color:var(--text-dim);font-size:clamp(14px,2.2vw,17px);line-height:1.5;margin:0 0 22px}.intro-start{font-size:19px;font-weight:800;padding:14px 34px;border-radius:999px;border:none;background:linear-gradient(180deg,#ffd75e,#ffab40);color:#201a05;cursor:pointer;box-shadow:0 6px 24px #ffbe3c59;transition:transform .1s ease}.intro-start:active{transform:scale(.95)}@keyframes introIn{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media(max-width:480px){.phase-chip{font-size:13px;padding:6px 11px}.nav-btn{height:48px;min-width:50px}.hud-caption{bottom:calc(70px + var(--safe-bottom))}}