:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#4a2b1c;--rust:#c44732;--paper:#fff8f0d6;--line:#ffffffa8;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:#143246;margin:0;overflow:hidden}#stage{position:fixed;inset:0}#stage canvas{display:block}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 46%,#30120861 100%);position:fixed;inset:0}.card{background:var(--paper);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;box-shadow:0 12px 40px #461c0a29}#hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;inset:16px 16px auto}#hud .card{pointer-events:auto}.brand,.gauges{align-items:center;gap:12px;padding:10px 14px;display:flex}.brand img{object-fit:cover;border-radius:50%;width:48px;height:48px}h1,h2,p{margin:0}h1{letter-spacing:.04em;font-family:Didot,Songti SC,STSong,serif;font-size:28px;font-weight:700}.brand p,.help,.unit,.dist{color:#7a5340;font-size:13px}#map{border-radius:50%;width:92px;height:92px}.pace{letter-spacing:.14em;color:var(--rust);font-size:13px}.speed{font-family:Didot,Songti SC,serif;font-size:40px;line-height:1}.tools{pointer-events:auto;z-index:4;width:min(300px,100vw - 32px);padding:12px 14px 14px;position:fixed;bottom:16px;right:16px}.sun-label{align-items:center;gap:10px;font-size:13px;display:flex}input[type=range]{accent-color:var(--rust);flex:1}.row{gap:8px;margin:10px 0 8px;display:flex}button{font:inherit;background:var(--rust);color:#fffaf4;cursor:pointer;border:0;border-radius:999px;padding:8px 14px}button.ghost{color:var(--ink);background:0 0;border:1px solid #4a2b1c38}button:focus-visible{outline:2px solid var(--rust);outline-offset:2px}.help{line-height:1.45}#splash{z-index:5;grid-template-columns:112px 1fr;gap:12px;width:min(440px,100vw - 32px);padding:12px;display:grid;position:fixed;bottom:16px;left:16px}#splash img{object-fit:cover;border-radius:14px;width:112px;height:132px}#splash h2{font-family:Didot,Songti SC,serif;font-size:26px}#splash p{color:#7a5340;margin:6px 0 10px;font-size:14px;line-height:1.45}.is-hidden{display:none!important}.touch{z-index:6;gap:8px;display:none;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.touch button{min-width:64px;min-height:52px;font-size:16px}#toast{z-index:7;color:var(--ink);opacity:0;pointer-events:none;background:#fff8f0eb;border-radius:999px;padding:8px 16px;transition:opacity .35s;position:fixed;top:22px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#fatal{z-index:8;color:#8a2b1c;background:#fff4f0;border-radius:12px;padding:12px 14px;position:fixed;inset:auto 16px 16px}.statue-label{color:var(--ink);white-space:nowrap;background:#fff8f0e6;border-radius:999px;padding:3px 8px;font:600 13px PingFang SC,sans-serif}@media (max-width:800px){h1{font-size:22px}.gauges #map,.gauges .unit,.gauges .dist{display:none}.speed{font-size:28px}.tools{display:none}.touch{display:flex}#splash{width:auto;bottom:84px;left:12px;right:12px}.help{display:none}}@media (pointer:coarse){.touch{display:flex}#splash{bottom:84px}}@media (prefers-reduced-motion:reduce){#toast{transition:none}}