:root{color-scheme:light;--ink: #111316;--paper: #f2f3f5;--card: #ffffff;--line: #d5d8dd;--muted: #5f6670;--faint: #a5abb3;--damage: #d9480f;--buff: #1d6fd1;--tribe-beast: #c2410c;--tribe-construct: #1f4e79;--tribe-undead: #6d6875;--tribe-mystic: #0e8c7f;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.625rem;--tracking-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--rule: 1px solid var(--line);--rule-strong: 1px solid var(--ink);--touch: 44px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans)}#app{max-width:1280px;margin:0 auto;padding:var(--space-4) var(--space-4) 48px}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--buff);outline-offset:2px}.label{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted)}.damage{color:var(--damage);font-family:var(--font-mono);font-weight:600}.topbar{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-1) var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--rule-strong)}.wordmark{font-size:var(--text-xl);font-weight:700;letter-spacing:-.04em}.topbar h1{font-size:var(--text-md);margin:0;letter-spacing:-.01em}.topbar h1 small{color:var(--muted);font-weight:400;font-size:var(--text-sm)}.topbar .vs{color:var(--muted);font-weight:400}.meta{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);color:var(--muted)}.file{font-size:var(--text-sm);margin-left:auto}.file input{margin-left:var(--space-2);font:inherit;font-size:var(--text-xs);max-width:200px}.layout{display:flex;flex-wrap:wrap;gap:var(--space-4) 20px;align-items:flex-start;margin-top:var(--space-4)}.rounds{flex:1 1 100%;min-width:0}.stage{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:var(--space-3)}.log{flex:1 1 260px;min-width:0}.rounds ol{list-style:none;margin:0;padding:0;display:flex;gap:3px;overflow-x:auto}.rounds button{min-width:var(--touch);height:var(--touch);border:var(--rule);background:var(--card);font-family:var(--font-mono);font-size:var(--text-xs);display:grid;place-items:center}.rounds .r-text,.rounds .r-hp{display:none}.rounds .is-win-1{color:var(--damage)}.rounds button[aria-current=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}@media(min-width:1000px){.rounds{flex:0 0 220px}.rounds ol{flex-direction:column;gap:0;border-top:var(--rule-strong);overflow:visible}.rounds button{width:100%;height:auto;min-height:36px;border:none;border-bottom:var(--rule);background:transparent;display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--space-2);padding:6px;text-align:left;font-family:var(--font-sans);font-size:var(--text-sm)}.rounds .r-n,.rounds .r-hp{font-family:var(--font-mono);font-size:var(--text-xs)}.rounds .r-text,.rounds .r-hp{display:inline}.rounds .r-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log{flex:0 1 300px}}.tabs,.seat-switch,.speed{display:flex;border:var(--rule-strong)}.tabs button,.seat-switch button,.speed button{flex:1 1 0;min-width:var(--touch);height:var(--touch);border:none;background:var(--card);font-size:var(--text-sm)}.speed button{font-family:var(--font-mono);font-size:var(--text-xs)}.tabs button[aria-pressed=true],.seat-switch button[aria-pressed=true],.speed button[aria-pressed=true]{background:var(--ink);color:var(--card);font-weight:700}.wide{width:100%;height:var(--touch);border:var(--rule-strong);background:var(--card);font-weight:700}.primary{background:var(--ink);color:var(--card);border-color:var(--ink)}.combat,.combat-frame{display:flex;flex-direction:column;gap:var(--space-3)}.player{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-3)}.player-name{font-weight:700;font-size:var(--text-md)}.player-class{font-size:var(--text-sm);color:var(--muted)}.player-hp{display:flex;align-items:center;gap:var(--space-3)}.hp-bar{width:120px;height:4px;background:var(--line)}.hp-bar div{height:4px;background:var(--ink);transition:width .25s ease-out}.hp-num{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:600;line-height:1}.event{min-height:108px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:var(--space-3) 0;border-top:var(--rule);border-bottom:var(--rule)}.event span{font-family:var(--font-mono);font-size:var(--text-xs);margin-right:10px}.event-prev{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.event-prev:first-child:not(:only-of-type){color:var(--faint)}.event-now{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:1.2}.event-now span{font-weight:600}.event-result{font-size:var(--text-sm);font-weight:500}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:var(--rule-strong)}.buttons{display:flex;gap:6px}.buttons button{width:var(--touch);height:var(--touch);border:var(--rule-strong);background:var(--card);display:grid;place-items:center}.buttons button.primary{background:var(--ink);color:var(--card)}.scrubber{flex:1 1 140px;accent-color:var(--ink);min-height:var(--touch)}.board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.board-empty{grid-column:1 / -1;font-size:var(--text-sm);color:var(--muted);padding:var(--space-3) 0}.unit{position:relative;min-height:104px;box-sizing:border-box;padding:6px;background:var(--card);border:var(--rule);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-1);min-width:0;transition:transform .2s ease-out,background-color .15s,color .15s,border-color .15s,opacity .2s}.unit-empty{background:transparent;border-style:dashed}.unit-top{display:flex;justify-content:space-between;align-items:center}.tribe{width:14px;height:14px;background:var(--muted);flex-shrink:0}.tribe-beast{background:var(--tribe-beast)}.tribe-construct{background:var(--tribe-construct)}.tribe-undead{background:var(--tribe-undead)}.tribe-mystic{background:var(--tribe-mystic)}.tribe-unknown{background:transparent;border:1px solid var(--muted);box-sizing:border-box}.tag{font-family:var(--font-mono);font-size:9px;color:var(--muted)}.tag.buff{color:var(--buff);font-weight:600}.unit-name{font-weight:700;font-size:var(--text-xs);line-height:1.15;overflow-wrap:anywhere}.unit-item{font-size:10px;color:var(--muted)}.unit-stats{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--text-md);font-weight:600}.unit.is-attacking{background:var(--ink);color:var(--card);border-color:var(--ink)}.unit.is-attacking .tag,.unit.is-attacking .unit-item{color:var(--faint)}.side-bottom .unit.is-attacking{transform:translateY(-6px)}.side-top .unit.is-attacking{transform:translateY(6px)}.unit.is-hit{border-color:var(--damage)}.unit.is-hit .unit-hp{color:var(--damage)}.unit.is-source{border-color:var(--ink)}.unit.is-buffed{border-color:var(--buff)}.unit.is-buffed .unit-stats{color:var(--buff)}.unit.is-summoned,.unit.is-revived{border-color:var(--buff);animation:appear .25s ease-out}.unit.is-fainted{opacity:.35}.unit.is-fainted .unit-name{text-decoration:line-through}.unit-tag{position:absolute;top:30%;right:-4px;padding:1px 5px;font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--card);animation:rise .6s ease-out both}.tag-damage{background:var(--damage)}.tag-buff{background:var(--buff)}@keyframes rise{0%{transform:translateY(6px);opacity:0}20%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:.85}}@keyframes appear{0%{transform:scale(.9);opacity:0}to{transform:none;opacity:1}}@media(min-width:720px){.unit{min-height:128px;padding:var(--space-2)}.unit-name{font-size:var(--text-sm)}.unit-stats{font-size:var(--text-lg)}.event-now{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){.unit,.hp-bar div{transition:none}.unit.is-attacking{transform:none}.unit-tag,.unit.is-summoned,.unit.is-revived{animation:none}}.log details{border-top:var(--rule-strong)}.log summary{padding:var(--space-2) 0;cursor:pointer}#log{list-style:none;margin:0;padding:0;max-height:560px;overflow-y:auto;position:relative}#log button{width:100%;min-height:32px;display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--space-2);padding:6px var(--space-1);border:none;border-bottom:var(--rule);background:transparent;text-align:left;font-size:12px;line-height:1.35}#log button span{font-family:var(--font-mono);font-size:10px;padding-top:2px}#log button.is-current{background:var(--ink);color:var(--card)}#log button.is-later{color:var(--faint)}.shop{display:flex;flex-direction:column;gap:var(--space-3)}.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.facts div{background:var(--card);border:var(--rule);padding:var(--space-2);display:flex;flex-direction:column;gap:2px;min-width:0}.facts .fact-wide{grid-column:span 2}.facts span{font-family:var(--font-mono);font-size:9px;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--muted)}.facts b{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.facts .fact-wide b{font-family:var(--font-sans);font-size:var(--text-md)}.actions{list-style:none;margin:0;padding:0;border-top:var(--rule-strong)}.actions li{display:grid;grid-template-columns:22px 64px minmax(0,1fr);gap:var(--space-2);align-items:baseline;padding:7px 0;border-bottom:var(--rule);font-size:var(--text-sm)}.actions .n{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.actions .op{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600}.actions .is-invalid .op,.actions .is-invalid span:last-child{color:var(--damage)}