:root{--paper: #f4efe4;--paper-2: #ebe3d2;--ink: #1f1a14;--ink-2: #5b5246;--line: #cbbfa8;--seal: #b3261e;--seal-ink: #fff8f0;--gold: #8a6a12;--focus: #1f5fa8;--danger: #a3221a;--ok: #2f7d3a;--road: #d8c9a8;--deploy-own: #f0e9da;--deploy-ai: #e4dccb;--expand: #c9bea6;--u-blade: #a8432f;--u-bow: #3f7a3a;--u-spear: #2f5f8f;--u-cavalry: #7a5527;--u-name: #9a7a18;--u-shovel: #6b645a;--u-text: #fffaf2;--radius: 10px;--font-serif: "Noto Serif TC", "Songti TC", "PMingLiU", "MingLiU", serif;--font-sans: system-ui, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--paper: #17140f;--paper-2: #221d16;--ink: #ece4d4;--ink-2: #a89c88;--line: #3d352a;--seal: #d2473c;--seal-ink: #1a0f0c;--gold: #d9b45a;--focus: #7ab0f0;--danger: #ef6a5f;--ok: #6cc477;--road: #1d1913;--deploy-own: #3d3428;--deploy-ai: #2e271e;--expand: #25201a;--u-blade: #b9533d;--u-bow: #4f8d48;--u-spear: #3f72a6;--u-cavalry: #8c6634;--u-name: #a68524;--u-shovel: #6f685d;--u-text: #fffaf2;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5}#app{min-height:100%}h1,h2,h3,.title,.rank-name,.seal,.big{font-family:var(--font-serif)}h1{font-size:1.6rem;margin:0 0 .5rem}h2{margin:0 0 1rem}h3{margin:1.25rem 0 .25rem;font-size:1rem}.muted{color:var(--ink-2)}button{font:inherit;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:.55rem 1rem;cursor:pointer}button:hover:not(:disabled){border-color:var(--ink-2)}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}button.primary{background:var(--seal);color:var(--seal-ink);border-color:var(--seal)}button.danger{color:var(--danger);border-color:var(--danger);background:transparent}button.link{background:none;border:none;padding:0 .25rem;text-decoration:underline}button small{display:block;font-size:.75rem;font-family:var(--font-sans);letter-spacing:normal;opacity:.85}.screen{max-width:480px;margin:0 auto;padding:16px}.center{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.title{font-size:2.2rem;letter-spacing:.2em;text-align:center}.center>.muted{text-align:center}.lobby{display:flex;flex-direction:column;gap:16px}.topbar{display:flex;gap:12px}.stat{flex:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2)}.stat strong{font-size:1.25rem;font-variant-numeric:tabular-nums}.stat-label{color:var(--ink-2);font-size:.85rem}.stat-sub{width:100%;color:var(--ink-2);font-size:.8rem;font-variant-numeric:tabular-nums}.rank-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--line);border-radius:var(--radius)}.seal{width:64px;height:64px;flex:none;display:grid;place-items:center;background:var(--seal);color:var(--seal-ink);border-radius:6px;font-size:1.4rem;letter-spacing:.05em;writing-mode:vertical-rl}.rank-name{font-size:1.4rem}.rank-stars{color:var(--gold);letter-spacing:.15em}.record{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--ink-2);font-size:.9rem}.big{font-size:1.6rem;letter-spacing:.3em;padding:1rem}.features{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.tile{padding:.9rem .5rem;font-family:var(--font-serif);font-size:1.1rem}.savebar{font-size:.8rem;text-align:center}.notice{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .8rem;border-left:4px solid var(--seal);background:var(--paper-2);font-size:.9rem}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:16px}.dialog{width:100%;max-width:420px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.row{display:flex;align-items:center;gap:.5rem}.dialog-actions{display:flex;justify-content:flex-end;margin-top:1.25rem}.recovery pre{white-space:pre-wrap;word-break:break-all;max-height:40vh;overflow:auto;background:var(--paper-2);padding:.75rem;border-radius:var(--radius);font-size:.8rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.5rem}.confirm{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.battle{max-width:560px;padding:8px 8px 16px;display:flex;flex-direction:column;gap:8px}.hud{display:flex;flex-direction:column;gap:4px;font-size:.95rem}.hud-line{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.hud-wave{font-family:var(--font-serif)}.hud-lives{color:var(--seal);letter-spacing:.1em}.hud-gold{font-size:1.2rem;font-variant-numeric:tabular-nums}.hud-actions{display:flex;gap:6px}.hud button{padding:.4rem .8rem}.canvas-wrap{position:relative}.battle-canvas{display:block;width:100%;height:auto;aspect-ratio:640 / 950;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius);border:1px solid var(--line)}.toast{position:absolute;left:50%;top:12px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:.35rem .9rem;border-radius:999px;font-size:.9rem;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:.92}[hidden]{display:none!important}.result .title.win{color:var(--seal)}.result .title.lose{color:var(--ink-2)}.center-text{text-align:center}.result-list{display:grid;grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:1rem 0;padding:1rem;border:1px solid var(--line);border-radius:var(--radius)}.result-list dt{color:var(--ink-2)}.result-list dd{margin:0}.item-bar{display:flex;flex-wrap:wrap;gap:6px}.item{font-family:var(--font-serif);font-size:.95rem;padding:.35rem .7rem}.item.armed{outline:3px solid var(--gold);outline-offset:1px}.item.passive{border:1px dashed var(--line);border-radius:var(--radius);color:var(--ink-2)}.item-ai{font-size:.8rem}.panel{display:flex;flex-direction:column;gap:12px}.panel-head{display:flex;align-items:center;gap:12px}.panel-head h1{margin:0}.panel-body{display:flex;flex-direction:column;gap:16px}.card-list{display:flex;flex-direction:column;gap:6px}.card-list h2{font-size:1.05rem;margin:0 0 4px}.row-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2)}.row-item.wrap{flex-wrap:wrap}.row-item .grow{flex:1;min-width:0}.row-item p{margin:0;width:100%}.small{font-size:.82rem}select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:.4rem}.rank-table{width:100%;border-collapse:collapse;font-size:.9rem}.rank-table th,.rank-table td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}.rank-table tr.current td{color:var(--seal);font-weight:700}.tutorial-tip{padding:.5rem .8rem;border-left:4px solid var(--gold);background:var(--paper-2);font-size:.95rem}