:root{--ink: #0b1020;--paper: #f4f7fb;--accent: #ffb347;--touch-target: 4.5rem;color-scheme:dark;font-family:PingFang SC,Hiragino Sans,Noto Sans CJK SC,system-ui,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden;background:var(--ink)}body{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.app-shell{position:relative;height:100%;width:100%}.stage{position:absolute;top:0;right:0;bottom:0;left:0}.stage canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));pointer-events:none;color:var(--paper);text-shadow:0 2px 6px rgba(0,0,0,.55)}.hud button{pointer-events:auto}.hud__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.gauges{display:flex;gap:1.25rem;margin:0;padding:.7rem 1.1rem;background:#080e1e6b;border-radius:1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.gauge{min-width:4.5rem}.gauge dt{font-size:.75rem;opacity:.75;letter-spacing:.05em}.gauge dd{margin:.15rem 0 0;font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}.gauge--fuel{min-width:7rem}.fuel-track{display:block;height:.85rem;margin-top:.45rem;border-radius:999px;background:#ffffff38;overflow:hidden}.fuel-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffd280,var(--accent));transition:width .12s linear}.locale-switch{display:flex;gap:.4rem}.chip{padding:.5rem .9rem;border:0;border-radius:999px;background:#080e1e73;color:var(--paper);font:inherit;font-size:.9rem;cursor:pointer}.chip--active{background:var(--accent);color:var(--ink);font-weight:700}.chip--reset{align-self:flex-end}.countdown{position:absolute;top:50%;left:9%;transform:translateY(-50%);font-size:clamp(4.5rem,18vh,10rem);font-weight:800;font-variant-numeric:tabular-nums;line-height:1;color:var(--paper);animation:countdown-pop 1s ease-out infinite}@keyframes countdown-pop{0%{transform:translateY(-50%) scale(1.18);opacity:1}70%{transform:translateY(-50%) scale(.96);opacity:.85}to{transform:translateY(-50%) scale(.94);opacity:.7}}.banner{position:absolute;bottom:22%;left:50%;transform:translate(-50%);padding:.7rem 1.6rem;border-radius:999px;background:#ffb347eb;color:var(--ink);font-size:clamp(1.4rem,4.5vw,2.4rem);font-weight:800;text-shadow:none;white-space:nowrap;animation:banner-in .26s ease-out}@keyframes banner-in{0%{transform:translate(-50%) scale(.7);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.orbit-card{position:absolute;bottom:14%;left:50%;transform:translate(-50%);text-align:center}.orbit-card h1{margin:0;font-size:clamp(2rem,7vw,3.6rem)}.orbit-card p{margin:.5rem 0 0;font-size:1.2rem;opacity:.8}.hud__bottom{display:flex;flex-direction:column;align-items:center;gap:.9rem}.hold-hint{margin:0;font-size:1.1rem;opacity:.85}.action--separate{min-width:min(70vw,22rem);min-height:var(--touch-target);border:0;border-radius:1.5rem;background:var(--accent);color:var(--ink);font:inherit;font-size:1.8rem;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #ffb34759;animation:separate-pulse .9s ease-in-out infinite}@keyframes separate-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.countdown,.action--separate,.banner{animation:none}}