:root{--font-scale: 1;--bg: #f4efe6;--surface: #fffdf8;--surface-2: #ebe4d7;--ink: #2c2c2a;--ink-muted: #655f55;--line: #d5ccbd;--line-strong: #8a8172;--accent: #8a5a2b;--radius: 12px;--gap: 14px;--transition-mode: .24s}[data-mode=dark]{--bg: #14161a;--surface: #1d2026;--surface-2: #262a32;--ink: #e8e6e1;--ink-muted: #9aa0aa;--line: #343a44;--line-strong: #68707e;--accent: #d9a86c}*{box-sizing:border-box}html{font-size:calc(100% * var(--font-scale))}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Microsoft YaHei,sans-serif;font-size:.875rem;line-height:1.6}.shell,.shell *{transition:background-color var(--transition-mode) linear,border-color var(--transition-mode) linear,color var(--transition-mode) linear}[data-reduced="1"] .shell,[data-reduced="1"] .shell *{transition:none}@media (prefers-reduced-motion: reduce){.shell,.shell *{transition:none!important}}[data-cb="1"] body{filter:url(#cb-deuteranopia)}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.shell__topbar{display:flex;align-items:center;gap:20px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--line)}.brand{font-weight:500;letter-spacing:.04em}.nav{display:flex;gap:4px}.nav__item{appearance:none;border:1px solid transparent;background:transparent;color:var(--ink-muted);font:inherit;padding:6px 12px;border-radius:999px;cursor:pointer}.nav__item:hover{background:var(--surface-2);color:var(--ink)}.nav__item[aria-current=page]{background:var(--surface-2);border-color:var(--line);color:var(--ink)}.nav__item[aria-disabled=true]{opacity:.45;cursor:default}.shell__stage{display:grid;grid-template-columns:minmax(320px,46%) 1fr;gap:var(--gap);padding:var(--gap);align-items:stretch}.shell__scene{position:relative;min-height:320px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.shell__scene[hidden]{display:none}.shell__panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;overflow:auto}@media (max-width: 960px){.shell__stage{grid-template-columns:1fr}}.panel__header{margin-bottom:14px}.panel__title{margin:0;font-size:1.15rem;font-weight:500}.panel__title:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.panel__subtitle{margin:2px 0 0;color:var(--ink-muted);font-size:.85rem}.panel__section{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.section__title{margin:0 0 10px;font-size:.95rem;font-weight:500;color:var(--ink-muted)}.meta-row{display:flex;flex-wrap:wrap;gap:8px 18px;margin:8px 0}.kv{display:flex;flex-direction:column}.kv__label{font-size:.75rem;color:var(--ink-muted)}.kv__value{font-variant-numeric:tabular-nums}.muted{color:var(--ink-muted)}.actions{display:flex;gap:8px;margin-top:12px}.button{appearance:none;font:inherit;padding:7px 14px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);cursor:pointer}.button:hover:not(:disabled){border-color:var(--accent)}.button:disabled{opacity:.5;cursor:not-allowed}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--surface)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.unit-list,.opponent-list,.equip-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.unit,.opponent{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.unit__head,.opponent__main{display:flex;justify-content:space-between;gap:12px}.unit__name,.opponent__name{font-weight:500}.unit__power,.opponent__power{color:var(--ink-muted);font-variant-numeric:tabular-nums}.unit__meta,.opponent__units{margin:4px 0 0;color:var(--ink-muted);font-size:.82rem}.chip{display:inline-block;margin-right:6px;padding:1px 8px;border-radius:999px;background:var(--surface-2)}.equip{font-size:.82rem;color:var(--ink-muted)}.paperdoll{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:24px 14px;min-height:120px}.paperdoll[data-mode=dark]{background:#14161a;color:#e8e6e1;border-color:#343a44}.replay-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}.replay-controls__spacer{flex:1 1 auto}.replay-controls__position{margin-left:auto;color:var(--ink-muted);font-variant-numeric:tabular-nums}.progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden;margin:6px 0 12px}.progress__fill{height:100%;width:0;background:var(--accent)}.replay-meta{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:8px}.turn-order{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:4px 0 0;padding:0}.turn-order li{padding:2px 10px;border:1px solid var(--line);border-radius:999px;font-size:.82rem;color:var(--ink-muted)}.settlement__gap{margin:0 0 10px;font-variant-numeric:tabular-nums}.settlement__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}@media (max-width: 700px){.settlement__grid{grid-template-columns:1fr}}.settlement__heading{margin:0 0 6px;font-size:.9rem;font-weight:500;color:var(--ink-muted)}.settlement__units{list-style:none;margin:0;padding:0;display:grid;gap:6px}.settlement__unit{display:grid;grid-template-columns:1fr auto;gap:4px 10px;border:1px solid var(--line);border-radius:8px;padding:6px 10px}.settlement__power{font-variant-numeric:tabular-nums}.settlement__equip{grid-column:1 / -1;font-size:.78rem;color:var(--ink-muted)}.settlement__diff{margin-top:14px}.settlement__diff-list{margin:0;padding-left:20px;font-size:.85rem;color:var(--ink-muted)}.event-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.82rem}.event-table__caption{text-align:left;color:var(--ink-muted);padding-bottom:6px}.event-table th,.event-table td{text-align:left;padding:5px 8px;border-bottom:1px solid var(--line)}.event-table__row{cursor:pointer}.event-table__row--current{background:var(--surface-2);outline:1px solid var(--accent)}input[type=range],input[type=checkbox]{accent-color:var(--accent)}.setting{display:flex;align-items:center;gap:10px;padding:6px 0}.setting--range{flex-direction:column;align-items:stretch}.shortcut-list{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:4px 16px;margin:0}.shortcut-list dt{font-family:ui-monospace,Consolas,monospace;color:var(--ink-muted)}.shortcut-list dd{margin:0}.status{border:1px dashed var(--line);border-radius:10px;padding:14px;margin:8px 0}.status__label{margin:0;font-weight:500}.status__message{margin:4px 0 0;color:var(--ink-muted)}.status--error{border-style:solid;border-color:#b4552f}.skeleton{display:grid;gap:8px}.skeleton__row{height:42px;border-radius:8px;background:var(--surface-2)}.notice{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:8px 12px;margin-bottom:12px}.notice p{margin:2px 0;font-size:.85rem}.badge{align-self:center;padding:1px 10px;border-radius:999px;border:1px solid var(--line);font-size:.78rem}.badge--warn{border-color:#b4552f;color:#b4552f}.grant-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.grant{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:4px 10px}.grant__amount{font-variant-numeric:tabular-nums;color:var(--ink-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:8px;border:1px solid var(--line)}.skip-link:focus{left:12px}.modal__backdrop{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:absolute;inset:0;z-index:30}.modal__panel{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius);padding:18px;min-width:280px;max-width:560px;max-height:80vh;overflow:auto;display:grid;gap:12px}.modal__title{margin:0;font-size:1rem;font-weight:500}.modal__title:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.modal__close{justify-self:end}