:root{--ink:#0a1028;--paper:#f0e6d2;--accent:#e2603f;--accent-dim:#b34a30;--bamboo:#a8b06a;--serif:"Songti SC","Noto Serif SC","Noto Serif CJK SC","STSong","SimSun",serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}canvas#cv{position:fixed;inset:0;display:block;touch-action:none;cursor:grab}canvas#cv.holding{cursor:grabbing}canvas#cv3d{position:fixed;inset:0;display:block;pointer-events:none}.masthead{position:fixed;top:calc(26px + env(safe-area-inset-top));left:calc(20px + env(safe-area-inset-left));display:flex;gap:14px;pointer-events:none;color:var(--paper);font-family:var(--serif)}.masthead h1 em{font-style:normal;color:#f2c14e}.masthead h1{writing-mode:vertical-rl;font-size:clamp(30px,5.4vh,46px);font-weight:700;letter-spacing:.32em;text-shadow:0 0 24px rgba(255,170,100,.25)}.masthead .sub{writing-mode:vertical-rl;font-size:clamp(12px,1.8vh,15px);letter-spacing:.5em;opacity:.62;padding-top:10px}.masthead .seal{writing-mode:vertical-rl;align-self:flex-start;font-size:11px;letter-spacing:.28em;color:var(--ink);background:var(--accent);padding:8px 3px;border-radius:3px;opacity:.92}.hint{position:fixed;left:50%;bottom:calc(9vh + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:11px 24px;border-radius:999px;color:var(--paper);font-family:var(--serif);font-size:15px;letter-spacing:.22em;white-space:nowrap;background:#0e142c8c;border:1px solid rgba(240,230,210,.18);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;animation:bob 3.2s ease-in-out infinite;transition:opacity 1.2s ease}.hint .snd{font-size:12px;opacity:.55;letter-spacing:.1em}.hint svg{flex:none;opacity:.85;animation:spin 2.6s linear infinite}.hint.gone{opacity:0}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-7px)}}@keyframes spin{to{transform:rotate(360deg)}}.panel{position:fixed;right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--serif);color:var(--paper)}.meter{text-align:right;line-height:1.15}.meter b{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffcf9e;text-shadow:0 0 14px rgba(255,180,110,.35)}.meter label{display:block;font-size:11px;letter-spacing:.32em;opacity:.55}.panel button{font-family:var(--serif);font-size:14px;letter-spacing:.3em;padding:10px 18px 10px 22px;border-radius:999px;color:var(--paper);background:#0e142c8c;border:1px solid rgba(226,96,63,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer;transition:all .25s ease;touch-action:manipulation}.panel button:hover{border-color:var(--accent);box-shadow:0 0 18px #e2603f40}.panel button.on{background:var(--accent);border-color:var(--accent);color:#1b0f0a;box-shadow:0 0 26px #e2603f80}.unlock{position:fixed;left:50%;top:26%;transform:translate(-50%);padding:12px 26px;border-radius:999px;font-family:var(--serif);font-size:15px;letter-spacing:.2em;color:#1b0f0a;background:var(--accent);box-shadow:0 0 30px #e2603f8c;cursor:pointer;z-index:5;white-space:nowrap;animation:pulse 1.8s ease-in-out infinite;transition:opacity .5s ease}.unlock.gone{opacity:0;pointer-events:none}@keyframes pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.06)}}.ghlink{position:fixed;top:calc(24px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right));font-family:var(--serif);font-size:12px;letter-spacing:.26em;color:var(--paper);opacity:.5;text-decoration:none;border:1px solid rgba(240,230,210,.35);border-radius:999px;padding:6px 12px 6px 15px;transition:all .25s ease}.ghlink:hover{opacity:1;border-color:var(--accent);color:#ffcf9e;box-shadow:0 0 16px #e2603f40}.card{position:fixed;left:50%;top:26%;transform:translate(-50%);max-width:78vw;padding:14px 22px;border-radius:14px;font-family:var(--serif);font-size:14px;letter-spacing:.12em;line-height:2;color:var(--paper);background:#0e142ceb;border:1px solid rgba(226,96,63,.55);box-shadow:0 0 30px #00000080;z-index:6;text-align:center;cursor:pointer;transition:opacity .4s ease}.card.gone{opacity:0;pointer-events:none}.battle{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#060916b8;backdrop-filter:blur(3px);font-family:var(--serif);color:var(--paper)}.battle-race{background:none;backdrop-filter:none;pointer-events:none;align-items:flex-start}.battle-race .battle-quit{pointer-events:auto}.battle-card{max-width:82vw;padding:22px 26px;border-radius:16px;text-align:center;background:#0e142cf2;border:1px solid rgba(226,96,63,.55);box-shadow:0 0 40px #0009;max-height:82vh;overflow-y:auto}.battle-card h3{margin:0 0 6px;font-size:16px;letter-spacing:.14em;font-weight:400}.battle-sub{margin:4px 0 14px;font-size:12px;opacity:.6;letter-spacing:.1em;line-height:1.9}.battle-btn{margin:6px 5px 0;padding:9px 20px;border-radius:999px;cursor:pointer;font-family:var(--serif);font-size:13px;letter-spacing:.14em;color:var(--paper);background:#ffffff0f;border:1px solid rgba(240,230,210,.28);touch-action:manipulation}.battle-btn:first-of-type{background:var(--accent);border-color:var(--accent);color:#1a0d08}.battle-qr{display:block;margin:10px auto 8px;border-radius:8px;width:200px;height:200px}.battle-url{font-size:11px;opacity:.7;word-break:break-all;cursor:pointer;margin:0 0 12px;letter-spacing:.04em}.battle-count{font-size:44px;line-height:1.1;color:var(--accent);letter-spacing:0}.battle-hud{margin:calc(12px + env(safe-area-inset-top)) auto 0;padding:12px 16px;width:min(92vw,420px);border-radius:14px;background:#0e142cd1;border:1px solid rgba(226,96,63,.4)}.battle-clock{font-size:22px;text-align:center;color:var(--accent);letter-spacing:.06em}.battle-tug{margin-top:10px}.tug-track{height:14px;border-radius:7px;overflow:hidden;background:#6f8fd0}.battle-mine{height:100%;width:50%;background:var(--accent);border-radius:7px 0 0 7px;transition:width .2s linear}.tug-legend{display:flex;justify-content:space-between;margin-top:5px;font-size:12px}.tug-me,.tug-foe{display:flex;gap:6px;align-items:baseline;max-width:48%}.tug-foe{justify-content:flex-end}.tug-who{opacity:.65;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tug-me .tug-num{color:var(--accent)}.tug-foe .tug-num{color:#9db4e6}.tug-num{white-space:nowrap}.battle-quit{position:fixed;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));margin:0;padding:7px 16px;font-size:12px;background:#0e142cd9;border:1px solid rgba(240,230,210,.28);color:var(--paper);border-radius:999px;font-family:var(--serif);cursor:pointer}.battle-lead{background:#06091673;pointer-events:none}.battle-lead-num{font-size:132px;line-height:1;color:var(--accent);text-shadow:0 0 40px rgba(226,96,63,.6)}.battle-lead-num.pop{animation:leadpop 1s cubic-bezier(.2,.8,.3,1) forwards}@keyframes leadpop{0%{transform:scale(.55);opacity:0}18%{transform:scale(1.12);opacity:1}to{transform:scale(2.4);opacity:0}}.battle-verdict{font-size:22px!important;color:var(--accent)}.battle-score{font-size:26px;letter-spacing:.06em;margin:6px 0 2px}.battle-list{margin:6px 0 14px;padding:0;list-style:none;font-size:12.5px;text-align:left}.battle-list li{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid rgba(240,230,210,.08)}.battle-board{min-width:min(88vw,320px)}.stats{position:fixed;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));transform:translate(-50%);font-family:var(--serif);font-size:11px;letter-spacing:.14em;color:#f0e6d28c;white-space:nowrap;pointer-events:none}.cities{display:block;margin-top:3px;opacity:.72;font-size:11px}.cities i{font-style:normal;margin-right:8px;white-space:nowrap}.stats b{font-weight:700;color:#ffcf9e9e;font-variant-numeric:tabular-nums;display:inline-block}.stats .mine{display:inline-block;transform-origin:center;transition:transform .35s ease,color .35s ease,text-shadow .35s ease}.stats .mine b{transition:color .35s ease,text-shadow .35s ease}.stats .mine.hot{color:#ffb36b;transform:scale(1.22);text-shadow:0 0 10px rgba(255,150,80,.55)}.stats .mine.hot b{color:#ffd08a;text-shadow:0 0 16px rgba(255,160,90,.95)}.stats .mine.minepop{animation:minepop .5s cubic-bezier(.2,1.6,.4,1)}@keyframes minepop{0%{transform:scale(1.22)}35%{transform:scale(1.7)}to{transform:scale(1.22)}}.stats b.wahflash{animation:wahflash .5s ease}@keyframes wahflash{0%{color:#ff8a50;text-shadow:0 0 12px rgba(255,138,80,.8)}}.lore{position:fixed;left:calc(22px + env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));pointer-events:none;font-family:var(--serif);font-size:11.5px;letter-spacing:.24em;color:var(--paper);opacity:.42;line-height:2}@media(max-width:640px){.lore{display:none}.ghlink{font-size:10.5px;padding:5px 10px 5px 13px}.stats{left:calc(12px + env(safe-area-inset-left));transform:none;bottom:calc(14px + env(safe-area-inset-bottom));max-width:56vw;white-space:normal;line-height:2;text-align:left}.hint{font-size:13px;letter-spacing:.14em;padding:10px 18px;bottom:calc(132px + env(safe-area-inset-bottom))}.hint .snd{display:none}}@media(prefers-reduced-motion:reduce){.hint,.hint svg{animation:none}}