:root{--bg: #16131f;--surface: #221d30;--line: #3a3150;--ink: #f4efe6;--muted: #b4a9c4;--accent: #f2c94c;--accent-ink: #231d2b;--ally: #4f8cff;color-scheme:dark}:root{--pad-bg: var(--bg);--pad-surface: var(--surface);--pad-ink: var(--ink);--pad-muted: var(--muted);--pad-line: var(--line);--pad-accent: var(--accent);--pad-accent-strong: var(--accent);--pad-accent-ink: var(--accent-ink);--pad-tile: var(--line)}@media(prefers-color-scheme:light){:root{--bg: #f6f1e7;--surface: #ffffff;--line: #e2d8c6;--ink: #231d2b;--muted: #6b5f7a;--accent: #b8860b;--accent-ink: #ffffff;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}.hud{font-variant-numeric:tabular-nums;font-weight:700}.pause{padding:4px 12px;font-size:.9rem}.pause[hidden]{display:none}main{position:relative;flex:1;min-height:0;margin:0 max(12px,env(safe-area-inset-left)) 8px max(12px,env(safe-area-inset-right))}canvas{display:block;width:100%;height:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;touch-action:none}.best{font-weight:700}.best:empty{display:none}button{font:inherit;font-weight:700;padding:12px 28px;color:var(--accent-ink);background:var(--accent);border:0;border-radius:999px;cursor:pointer}button:hover{filter:brightness(1.08)}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin:4px 0 0}.link{padding:0;color:var(--muted);background:none;font-weight:400;text-decoration:underline}.link:hover{color:var(--ink)}.command.idle .troops{visibility:hidden}.command{display:flex;gap:12px;align-items:stretch;margin:0 max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-right));user-select:none;-webkit-user-select:none;touch-action:none}.pad{display:none;flex:0 0 auto;width:132px;border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}body.touch .pad{display:flex}.pad span{flex:1;display:grid;place-items:center;font-size:1.6rem;color:var(--muted)}.pad span+span{border-left:1px solid var(--line)}.pad span.on{background:var(--line);color:var(--ink)}.troops{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.lead{position:relative;height:20px;border-radius:10px;background:var(--surface);border:1px solid var(--line);overflow:hidden}.lead span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#d9a520,#f2c94c)}.lead b{position:relative;display:block;text-align:center;font-size:.8rem;line-height:18px;color:#231d2b;text-shadow:0 0 3px rgba(255,255,255,.7);font-variant-numeric:tabular-nums}.cards{display:flex;gap:8px}.card{--cd: 0;position:relative;flex:0 1 64px;min-width:48px;height:64px;padding:0;display:grid;place-items:center;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:12px;overflow:hidden;touch-action:none}.card[hidden]{display:none}.card canvas{width:44px;height:44px}.card:after{content:"";position:absolute;inset:auto 0 0 0;height:calc(var(--cd) * 100%);background:#14101e8c;pointer-events:none}.card.ready{border-color:var(--accent)}.card.short canvas{opacity:.4}.card .cost{position:absolute;right:2px;bottom:2px;padding:0 3px;border-radius:6px;background:var(--surface);font-size:.72rem;font-weight:800;line-height:1.3;color:var(--accent)}.card .key{position:absolute;left:4px;top:1px;font-size:.65rem;color:var(--muted)}body.touch .card .key{display:none}.card.shake{animation:shake .25s}@keyframes shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}.hint{color:var(--muted);font-size:.92rem}.camp{text-align:left}.camp h3{margin:14px 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.purse{margin:0;font-size:1.15rem;font-weight:800}.upgrade{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line)}.upgrade.locked{opacity:.55}.portrait{flex:0 0 40px;width:40px;height:40px}.portrait.icon{display:grid;place-items:center;font-size:1.5rem}.what{flex:1;min-width:0;line-height:1.25}.what small{display:block;color:var(--muted)}.pips{color:var(--accent);letter-spacing:1px;font-size:.8rem}.upgrade button{flex:0 0 auto;padding:8px 14px;font-size:.88rem}.upgrade button:disabled{color:var(--muted);background:transparent;border:1px solid var(--line);cursor:default;filter:none}.upgrade button.short{opacity:.5}.replay{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:.9rem}.replay[hidden]{display:none}.replay select{font:inherit;max-width:100%}@media(orientation:portrait)and (max-width:700px){main{flex:0 0 auto;height:min(62vh,calc((100vw - 24px)*.92))}.command{flex-direction:column-reverse}body.touch .pad{width:auto;height:64px}.card{flex-basis:72px;height:72px}}.card-back{position:absolute;top:16px;left:16px;font-size:.85rem;color:var(--muted);text-decoration:none}.card-back:hover{color:var(--ink)}html:not(.has-pad-guide) .how-to{display:none}