*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#0b1220;width:100%;height:100%;overflow:hidden}body{color:#e2e8f0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.game-root{position:fixed;inset:0}.game-root canvas{touch-action:none;display:block}.touch-root{z-index:40;pointer-events:none;position:fixed;inset:0}.touch-root .joy-base{width:42vw;height:45vh;position:absolute;bottom:0;left:0}.joy-base:after{content:"";opacity:.6;pointer-events:none;background:#94a3b824;border:2px solid #94a3b859;border-radius:50%;width:104px;height:104px;position:absolute;bottom:18px;left:18px}.joy-knob{pointer-events:none;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:absolute;bottom:18px;left:18px}.joy-knob:after{content:"";background:#38bdf880;border:2px solid #7dd3fccc;border-radius:50%;width:56px;height:56px;box-shadow:0 0 18px #38bdf880}.hud{z-index:30;pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.hud-top{padding:max(14px, env(safe-area-inset-top)) 14px 10px;background:linear-gradient(#020617b8,#02061700);justify-content:space-between;align-items:flex-start;display:flex}.hud-title{flex-direction:column;gap:2px;display:flex}.hud-title.center{align-items:center}.hud-brand{letter-spacing:.08em;color:#f8fafc;text-shadow:0 1px 4px #000c;font-size:15px;font-weight:700}.hud-sub{color:#94a3b8;font-size:11px}.hud-subbar{text-align:center;color:#cbd5e1;text-shadow:0 1px 3px #000000e6;margin-top:-6px;padding:0 16px;font-size:12px}.hud-btn{pointer-events:auto;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e293bd9;border:1px solid #94a3b866;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:600}.back-btn{min-width:96px}.zoom-ctl{pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.zoom-btn{pointer-events:auto;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:24px;font-weight:700;line-height:1;display:flex}.zoom-ctl-header{pointer-events:none;flex-direction:row;align-items:center;gap:6px;display:flex}.zoom-btn-sm{width:38px;height:38px;font-size:20px}.enter-btn{pointer-events:auto;left:50%;bottom:calc(120px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(135deg,#38bdf8,#6366f1);border:none;border-radius:14px;padding:14px 26px;font-size:16px;font-weight:700;animation:1.6s ease-in-out infinite pulse;position:absolute;transform:translate(-50%);box-shadow:0 6px 24px #38bdf873}@keyframes pulse{0%,to{opacity:.92}50%{opacity:1}}.hud-hint{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));color:#94a3b8;text-shadow:0 1px 3px #000000e6;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%)}.hud-hint.bottom{bottom:calc(8px + env(safe-area-inset-bottom))}.ctrl-row{left:50%;top:max(70px, calc(env(safe-area-inset-top) + 64px));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:min(94vw,640px);display:flex;position:absolute;transform:translate(-50%)}.ctrl-row.stack{flex-direction:column;align-items:stretch;gap:6px;width:min(92vw,380px)}.ctrl{pointer-events:auto;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e293be0;border:1px solid #94a3b866;border-radius:10px;min-width:44px;padding:9px 14px;font-size:14px;font-weight:600}.ctrl.on{color:#0b1220;background:#38bdf8e6;border-color:#7dd3fc}.ctrl-note{color:#94a3b8;font-size:11px;line-height:1.45}.stack .ctrl-note{margin-top:2px}.brow{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8;border:1px solid #94a3b840;border-radius:12px;align-items:center;gap:8px;padding:7px 10px;display:flex}.blabel{flex:0 0 86px;font-size:13px;font-weight:700}.bval{text-align:center;color:#f8fafc;font-variant-numeric:tabular-nums;flex:1;font-size:16px;font-weight:700}.station-data{left:12px;right:12px;bottom:calc(58px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#020617d1;border:1px solid #94a3b84d;border-radius:14px;max-height:34vh;padding:10px 12px;position:absolute;overflow:hidden}.sd-title{letter-spacing:.04em;margin-bottom:4px;font-size:15px;font-weight:800}.sd-lines{flex-direction:column;gap:2px;display:flex}.sd-line{color:#e2e8f0;font-size:12px;line-height:1.4}.sd-line.accent{color:#a3e635;font-weight:600}.sd-line.dim{color:#64748b}.trend-legend{left:12px;right:12px;bottom:calc(96px + env(safe-area-inset-bottom));color:#cbd5e1;text-align:center;pointer-events:none;font-size:11px;position:absolute}