:root{color:#234b43;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#234b43;--muted:#607368;--paper:#f4f0e6;--copper:#a9672f;--line:#314f4038;background:#eeeadd;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;-webkit-user-select:none;user-select:none}#app{isolation:isolate;height:100dvh;position:relative}#game-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}#ui{z-index:2;pointer-events:none;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:none}button:focus-visible{outline-offset:4px;outline:3px solid #bb7736}button:disabled{opacity:.5}button svg{fill:none;stroke:currentColor;stroke-width:1.65px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}button:active{transform:scale(.98)}[hidden]{display:none!important}.game-interface{max-width:520px;height:100%;margin-inline:auto;position:relative}.intro{top:calc(env(safe-area-inset-top) + 31px);position:absolute;left:28px;right:28px}.wordmark{letter-spacing:.16em;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.little-sun{color:var(--copper);font-size:24px;line-height:1}.edition{letter-spacing:.1em;color:#65756a;margin-left:auto;font-size:9px;font-weight:400}h1,h2,p{margin:0}h1{letter-spacing:.05em;width:max-content;margin-top:27px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:clamp(49px,14.2vw,62px);font-weight:600;line-height:1.2;position:relative}h1 span{padding-left:1.01em;display:block}h1 i{color:var(--copper);font-style:normal;position:absolute;bottom:.01em;right:-.28em}.intro-caption{letter-spacing:.22em;color:#577167;margin-top:15px;font-size:11px}.hud{inset:calc(env(safe-area-inset-top) + 19px) 18px auto;align-items:flex-start;gap:12px;display:flex;position:absolute}.hud-progress{flex:1;min-width:0;padding-top:5px}.hud-route{align-items:baseline;gap:10px;display:flex}.hud-route>span{letter-spacing:.06em;font-size:11px}.hud-route strong{font-variant-numeric:tabular-nums;font-size:21px;font-weight:500}.hud-route strong i{color:var(--muted);font-size:11px;font-style:normal}.route-dots{gap:5px;height:6px;margin-top:10px;display:flex}.route-dots i{border:1px solid #8c9d8e;border-radius:50%;width:5px;height:5px}.route-dots .lit{background:var(--copper);border-color:var(--copper)}.route-dots .next{border-color:var(--copper);box-shadow:0 0 0 2px #af774b33}.hud-score{text-align:right;min-width:53px;padding-top:2px}.hud-score>span{letter-spacing:.1em;color:var(--muted);font-size:9px;display:block}.hud-score>strong{font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;line-height:1.2;display:block}.lives{justify-content:flex-end;gap:6px;margin-top:6px;display:flex}.lives i{border:1px solid var(--copper);width:6px;height:6px;transform:rotate(45deg)}.lives .alive{background:var(--copper)}.lives .spent{opacity:.65;border-color:#a5ad9f}.icon-button{border:1px solid var(--line);pointer-events:auto;background:#f4f0e6a6;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.feedback,.combo{top:calc(env(safe-area-inset-top) + 94px);text-align:center;letter-spacing:.06em;color:#33584c;text-shadow:0 1px 8px #fffaf1;font-size:12px;position:absolute;left:18px;right:18px}.feedback{animation:.22s ease-out appear}.combo{color:var(--copper);font-size:11px}.control-dock{left:20px;right:20px;bottom:calc(env(safe-area-inset-bottom) + 18px);pointer-events:auto;position:absolute}.charge-heading{color:#4e695d;justify-content:space-between;gap:6px;margin:0 3px 11px;font-size:10px;display:flex}.target-key{align-items:center;gap:5px;font-size:9px;display:flex}.target-key i{background:#92ad773d;border:1px solid #678e68;width:12px;height:6px}.charge-track{background:#62735a12;border-bottom:1px solid #466c565e;height:11px;margin:0 4px 14px;position:relative}.charge-fill{transform-origin:0;opacity:.66;background:#b57737;position:absolute;inset:0;transform:scaleX(0)}.charge-target{background:#a9bd7040;border:1px solid #60845b;position:absolute;top:-4px;bottom:-4px}.charge-marker{background:#87572e;width:2px;height:19px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 0 2px #f3ede48c}.charge-track.on-target .charge-marker{background:#294f3b}.charge-pad{color:#f5efe0;text-align:left;background:#244e43;border:1px solid #294f43;border-radius:3px 3px 24px;align-items:center;gap:17px;width:100%;height:89px;padding:16px 21px;transition:background .15s,border-color .15s;display:flex;box-shadow:0 6px 16px #223f3215,inset 0 1px #f9f0d714}.charge-pad.charging{background:#426450;border-color:#9daf84}.charge-pad.on-target{background:#537141;border-color:#c4ca88}.charge-pad[aria-disabled=true]{background:#687a69;border-color:#687a69}.charge-pad strong{letter-spacing:.12em;font-size:18px;font-weight:500;display:block}.charge-pad small{opacity:.75;letter-spacing:.06em;margin-top:6px;font-size:10px;display:block}.charge-orbit{border:1px solid #c3ccb374;border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid;position:relative}.charge-orbit:after{content:"";border:1px solid #c3ccb344;border-radius:50%;position:absolute;inset:5px}.charge-orbit i{background:#d9ab63;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #f4c76a33}.charging .charge-orbit i{transform:scale(1.35);box-shadow:0 0 17px #f4c76a88}.pad-arrow{color:#d1d9be;margin-left:auto;font-size:27px;font-weight:300}.screen-panel{left:27px;right:27px;bottom:calc(env(safe-area-inset-bottom) + 13px);pointer-events:auto;position:absolute}.menu-instruction{align-items:flex-start;gap:11px;margin-bottom:21px;display:flex}.instruction-line{background:var(--copper);flex:0 0 22px;width:22px;height:1px;margin-top:9px}.menu-instruction p{letter-spacing:.05em;font-size:12px;line-height:1.9}.menu-instruction p span{color:#617469;font-size:10px}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#f6efe0;letter-spacing:.12em;border-radius:2px;justify-content:space-between;align-items:center;width:100%;height:59px;padding:0 22px;font-size:16px;display:flex}.primary-button svg{width:25px}.text-button{letter-spacing:.08em;background:0 0;border:0;min-height:48px;font-size:12px}.menu-button{width:100%;margin-top:8px}.preferences{justify-content:center;align-items:center;gap:13px;margin-top:12px;display:flex}.preference-button{color:#52695d;letter-spacing:.04em;background:0 0;border:0;justify-content:center;align-items:center;gap:8px;min-width:122px;min-height:48px;padding:4px 9px;font-size:10px;display:flex}.preference-button svg{width:17px;height:17px}#sound-icon{align-items:center;display:flex}.preference-divider{background:var(--line);width:1px;height:12px}.best-caption{text-align:center;color:#778273;letter-spacing:.1em;min-height:13px;font-size:9px;display:block}.panel-backdrop{background:linear-gradient(#f3efe628 0%,#f3efe67d 30%,#f3efe6ed 58%,#f3efe6 100%);position:absolute;inset:0}.game-interface:not([data-mode=menu]):not([data-mode=playing]) .screen-panel{bottom:calc(env(safe-area-inset-bottom) + 25px)}.result-copy{text-align:left;margin-bottom:25px}.panel-eyebrow{color:var(--copper);letter-spacing:.17em;font-size:9px}.result-copy h2{margin-top:13px;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:clamp(26px,7.8vw,34px);font-weight:500;line-height:1.4}.result-copy p{color:#607263;letter-spacing:.05em;margin-top:12px;font-size:11px;line-height:1.7}.result-stats{border-block:1px solid var(--line);grid-template-columns:1.2fr 1fr 1fr;gap:8px;margin-top:26px;padding:17px 0;display:grid}.result-stats span{color:#6b796b;letter-spacing:.08em;font-size:9px;display:block}.result-stats strong{font-variant-numeric:tabular-nums;margin-top:6px;font-size:26px;font-weight:400;line-height:1.3;display:block}.result-stats>div:first-child strong{color:var(--copper)}.rotate-prompt{z-index:20;pointer-events:auto;background:#f1eddf;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.phone-outline{border:2px solid #6c806a;border-radius:8px;width:35px;height:58px;margin-bottom:19px;position:relative;transform:rotate(-10deg)}.phone-outline:after{content:"";background:var(--copper);width:8px;height:2px;position:absolute;bottom:5px;left:11px}.rotate-prompt h2{font-family:Songti SC,serif;font-size:24px;font-weight:500}.rotate-prompt p{color:var(--muted);margin-top:10px;font-size:12px}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (height<=740px) and (orientation:portrait){.intro{top:calc(env(safe-area-inset-top) + 23px)}h1{margin-top:19px;font-size:48px}.intro-caption{margin-top:10px}.menu-instruction{margin-bottom:14px}.screen-panel{bottom:calc(env(safe-area-inset-bottom) + 8px)}.preferences{margin-top:5px}.result-copy{margin-bottom:17px}.result-stats{margin-top:18px;padding-block:12px}}@media (width<=375px){.intro{left:24px;right:24px}.hud{gap:10px;left:16px;right:16px}.hud-route{gap:7px}.hud-route>span{font-size:10px}.screen-panel{left:24px;right:24px}.control-dock{left:17px;right:17px}}@media (orientation:landscape){.rotate-prompt{display:flex}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}