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