:root{--paper: #F4EFE4;--paper2: #E8E1D1;--ink: #1E1B17;--ink2: #3A3733;--muted: #5C564C;--rule: #D9D1C0;--verm: #B8432F;--gold: #C9A227;--gold-dark: #8A6A10;--horde: #4A3A5C;--panel: rgba(12, 14, 19, .86);--panel-solid: rgba(12, 14, 19, .93);--line: rgba(236, 228, 210, .16);--text: #ece4d2;--text2: #b3ab9a;--hud-gold: #e0b84a;--hud-gold2: #f2d48a;--hud-jade: #7fd3b8;--hud-verm: #ff7a5c;--hud-herb: #a6d86a;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px);--mini-w: 180px;--font-display: "Ma Shan Zheng", "Kaiti SC", "STKaiti", "KaiTi", "Noto Serif SC", "Songti SC", serif;--font-body: "Noto Serif SC", "Songti SC", "STSong", "SimSun", "PingFang SC", Georgia, serif;--font-ui: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#090c14;color:var(--text);font-family:var(--font-ui);-webkit-text-size-adjust:100%;overflow:hidden}#app{position:fixed;inset:0}button{font:inherit;color:inherit}.stage{position:absolute;inset:0;background:#090c14;touch-action:none;overflow:hidden}canvas#board{position:absolute;left:0;top:0;display:block;touch-action:none}.hud{position:absolute;z-index:4;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text)}.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ico.jade{color:var(--hud-jade)}.ico.herb{color:var(--hud-herb)}.ico.gold{color:var(--hud-gold)}.ico.verm{color:var(--hud-verm)}b.jade,.jade b{color:var(--hud-jade)}b.verm{color:var(--hud-verm)}.muted{color:var(--text2)}.hud-res{left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));height:44px;display:flex;align-items:center;gap:14px;padding:0 14px}.hud-res .res{display:flex;align-items:center;gap:5px;white-space:nowrap}.hud-res .res b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.hud-res .res small{font-size:11px;color:var(--text2)}.hud-res .sep{width:1px;height:22px;background:#ece4d233}.hud-res .cartline,.hud-res .cartline b{font-size:13px}.hud-score{left:50%;transform:translate(-50%);top:calc(10px + var(--safe-t));height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.hud-score b{font-family:var(--font-display);font-weight:400;font-size:17px}.hud-score b.ink{color:var(--hud-jade)}.hud-score b.verm{color:#ff9a80}.hud-score i{color:var(--text2);font-style:normal}.hud-score .time{margin-left:6px;padding-left:10px;border-left:1px solid rgba(236,228,210,.2);font-size:13px;color:var(--text2);font-weight:400}.hud-menu{right:calc(10px + var(--safe-r));top:calc(10px + var(--safe-t));width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer}.hud-alert{right:calc(62px + var(--safe-r));top:calc(10px + var(--safe-t));height:44px;display:flex;align-items:center;gap:8px;padding:0 14px;cursor:pointer;font-size:13px;font-weight:700}.hud-alert i{width:8px;height:8px;border-radius:50%;background:var(--hud-verm);box-shadow:0 0 0 4px #ff7a5c40}.hud-alert.verm{background:#3c140ee6;border-color:var(--hud-verm);color:#ffd0c4}.hud-alert.gold{background:#30260ce6;border-color:var(--hud-gold);color:var(--hud-gold2)}.hud-alert.gold i{background:var(--hud-gold);box-shadow:0 0 0 4px #e0b84a40}.hud-alert[hidden]{display:none}.hint{position:absolute;z-index:3;left:50%;top:calc(50px + var(--safe-t));transform:translate(-50%);padding:5px 12px;border-radius:999px;background:#0c0e13b8;color:var(--text2);font-size:12px;pointer-events:none;white-space:nowrap;max-width:70%;overflow:hidden;text-overflow:ellipsis}.hint[hidden]{display:none}.hud-mini{left:calc(10px + var(--safe-l));bottom:calc(10px + var(--safe-b));background:none;border:none;display:flex;flex-direction:column;gap:6px;width:var(--mini-w)}.hud-mini .chips{display:flex;gap:6px}.hud-mini .chips button{flex:1;height:32px;border-radius:8px;background:var(--panel);border:1px solid var(--line);font-size:12px;cursor:pointer}.hud-mini .chips button:active{border-color:var(--hud-gold);color:var(--hud-gold2)}#minimap{width:var(--mini-w);height:calc(var(--mini-w) * .585);display:block;border-radius:8px;border:1px solid rgba(236,228,210,.22);background:#1a231b;touch-action:none;cursor:crosshair}.drawer{position:absolute;z-index:5;left:calc(20px + var(--mini-w) + var(--safe-l));right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));background:var(--panel-solid);border:1px solid var(--line);border-radius:12px;padding:0 10px 8px;display:flex;flex-direction:column;gap:6px}.drawer.closed{padding-bottom:0}.drawer .tabs{height:34px;display:flex;align-items:flex-end;gap:2px;border-bottom:1px solid rgba(236,228,210,.12)}.drawer.closed .tabs{border-bottom:none}.drawer .tabs button{height:32px;padding:0 12px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text2);font-size:13px;cursor:pointer;white-space:nowrap}.drawer .tabs button.on{color:var(--hud-gold2);border-bottom-color:var(--hud-gold);font-weight:700}.drawer .tabs button i{font-style:normal;font-size:11px;margin-left:2px}.drawer .tabs .grow{flex:1;align-self:center;text-align:right;font-size:11px;color:var(--text2);padding-right:6px;white-space:nowrap;overflow:hidden}.drawer .tabs .fold{display:flex;align-items:center;gap:2px;font-size:11px}.drawer.closed .tabs .fold .ico{transform:rotate(180deg)}.drawer .pane[hidden]{display:none}.squads{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.squads::-webkit-scrollbar{display:none}.squad{flex:none;width:96px;height:50px;padding:4px 8px;border-radius:8px;background:#ece4d20d;border:1px solid rgba(236,228,210,.16);color:var(--text);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;text-align:left;touch-action:manipulation;user-select:none;-webkit-user-select:none}.squad.selected{border-color:var(--hud-gold);box-shadow:0 0 0 1px var(--hud-gold) inset}.squad.primary{background:#e0b84a1a}.squad.secret{border-style:dashed}.squad.dead{opacity:.4;cursor:default}.squad.dead.revivable{opacity:.9;border-color:var(--hud-herb);border-style:dashed;cursor:pointer}.squad .name{font-size:13px;font-weight:700;display:flex;justify-content:space-between;gap:4px}.squad .name small{font-size:11px;font-weight:400;color:var(--text2)}.squad .state{font-size:10px;color:var(--text2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.squad .hp{height:4px;border-radius:2px;background:#ece4d226;overflow:hidden}.squad .hp>i{display:block;height:4px;background:var(--hud-jade)}.cmds{display:flex;gap:5px;align-items:center;overflow-x:auto;scrollbar-width:none}.cmds::-webkit-scrollbar{display:none}.vsep{flex:none;width:1px;height:26px;background:#ece4d229;margin:0 2px}.btn{flex:none;min-width:44px;height:40px;padding:0 10px;border-radius:8px;border:1px solid rgba(236,228,210,.2);background:#ece4d20d;color:var(--text);font-size:12px;font-weight:700;cursor:pointer;touch-action:manipulation}.btn.sm{min-width:40px;padding:0 8px;font-weight:400}.btn.ic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 8px;min-width:46px}.btn.ic .ico{width:16px;height:16px}.btn.ic span{font-size:11px}.btn.sk{font-weight:400;min-width:44px;padding:0 8px}.btn:disabled{opacity:.3;cursor:default}.btn.armed{background:#e0b84a38;color:var(--hud-gold2);border-color:var(--hud-gold)}.btn.verm{border-color:#ff7a5c80;color:#ffb3a1}.btn.verm.armed{background:#ff7a5c33}.btn:focus-visible{outline:2px solid var(--hud-gold);outline-offset:2px}.bcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.bcard{display:flex;flex-direction:column;gap:3px;padding:7px 9px;border-radius:8px;background:#ece4d20a;border:1px solid rgba(236,228,210,.16);text-align:left;cursor:pointer;min-width:0}.bcard.on{background:#e0b84a24;border-color:var(--hud-gold)}.bcard.poor{opacity:.55}.bcard .bh{display:flex;align-items:center;gap:6px;font-size:13px}.bcard .bh em{margin-left:auto;font-style:normal;font-size:11px}.bcard .bh em.jade{color:var(--hud-jade)}.bcard .bh em.herb{color:var(--hud-herb)}.bcard .bn{font-size:11px;line-height:1.35;color:var(--text2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.bcard .bw{font-size:10px;color:var(--text2)}.bcard.on .bw{color:var(--hud-gold2)}.route{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.route::-webkit-scrollbar{display:none}.rrow{flex:none;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:6px;row-gap:2px;align-items:center;padding:6px 10px;min-height:50px;border-radius:8px;background:#ece4d20a;border:1px solid rgba(236,228,210,.14);text-align:left;cursor:pointer;font-size:12px}.rrow .ico{grid-row:1 / 3}.rrow span{font-weight:700}.rrow b,.rrow .muted{font-size:11px;justify-self:end}.rrow small{grid-column:2 / 4;font-size:10px;color:var(--text2);white-space:nowrap}.empty{font-size:12px;color:var(--text2);padding:12px 4px}.confirm{position:absolute;z-index:6;left:50%;transform:translate(-50%);bottom:calc(160px + var(--safe-b));display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:12px;background:var(--panel-solid);border:1px solid var(--hud-gold);font-size:13px;white-space:nowrap}.confirm[hidden]{display:none}.confirm .btn.ok{background:#e0b84a38;color:var(--hud-gold2);border-color:var(--hud-gold);min-width:64px}.drawer.closed~.confirm{bottom:calc(60px + var(--safe-b))}body:not(.eco) .hud-res .cartline,body:not(.eco) .hud-res .sep,body:not(.eco) #j-gate,body:not(.eco) #j-cart{display:none}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#090c14cc;overflow:auto;padding:12px}.overlay[hidden]{display:none}.card{width:min(560px,96%);max-height:100%;overflow:auto;padding:20px 22px;border-radius:14px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;gap:12px;font-family:var(--font-body)}.card h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1}.card p{margin:0;font-size:13px;line-height:1.65;color:var(--ink2)}.card p.small{font-size:12px;color:var(--muted)}.card .row{display:flex;gap:8px;flex-wrap:wrap}.card label{font-size:12px;color:var(--muted);letter-spacing:.08em}.card select,.card input{font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--rule);border-radius:8px;background:#fff;color:var(--ink)}.card .btn{height:44px;background:var(--ink);color:var(--paper);border-color:var(--ink);font-size:14px;padding:0 16px}.card .btn.secondary{background:transparent;color:var(--ink)}.card .result{font-family:var(--font-display);font-size:56px;line-height:1;color:var(--verm)}.card .log{max-height:150px;overflow:auto;font-size:12px;color:var(--muted);border-top:1px solid var(--rule);padding-top:8px}.selbox{position:absolute;border:1.5px solid var(--hud-gold);background:#e0b84a1f;pointer-events:none;z-index:3;box-sizing:border-box}.selbox[hidden]{display:none}@media (max-width: 700px){:root{--mini-w: 140px}.hud-res{gap:9px;padding:0 10px;height:40px}.hud-res .cartline,.hud-res .sep{display:none}.hud-score{top:calc(58px + var(--safe-t));left:calc(10px + var(--safe-l));transform:none}.hint{top:calc(96px + var(--safe-t));max-width:92%}.drawer{left:calc(10px + var(--safe-l))}.hud-mini{bottom:calc(150px + var(--safe-b))}.bcards{grid-template-columns:repeat(5,minmax(96px,1fr));overflow-x:auto}.hud-alert{top:calc(58px + var(--safe-t));right:calc(10px + var(--safe-r))}}@media (max-height: 480px){.card{padding:14px 18px;gap:8px}.card h2{font-size:28px}.card p{font-size:12px;line-height:1.55}.card .log{max-height:40px}.card .btn{height:40px}}@media (max-height: 400px){.hint{display:none}}