.battle{--plan-swap-opacity: .72;position:relative;display:grid;grid-template-rows:var(--bar-top) 1fr var(--bar-bottom);height:100vh;height:100dvh;background:var(--surface-base)}.battle__top{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-0) var(--sp-4) var(--sp-0) var(--sp-0);background:var(--surface-panel);border-bottom:var(--border)}.battle__top>.ds-topbar{flex:1;min-width:var(--sp-0);border-bottom:none}.battle__col{display:flex;min-width:var(--sp-0);min-height:var(--sp-0)}.battle__col>.ds-panel{flex:1;border:none;border-radius:var(--radius-none)}.battle__col--plan{flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--plan-pad);overflow:auto}.battle__frame{display:block;border:var(--border);border-radius:var(--radius)}.battle-plan{display:block;line-height:var(--lh-tight)}.battle-plan__canvas{display:block}@keyframes battle-plan-swap{0%{opacity:var(--plan-swap-opacity)}to{opacity:1}}.battle-plan__canvas--swap{animation:battle-plan-swap var(--dur-tick) var(--ease)}.battle__plan-foot{display:flex;align-items:center;gap:var(--sp-4)}.battle__outcome{font-family:var(--font-display);font-size:var(--fs-display-s);color:var(--text-body)}.battle-check{display:flex;flex:0 1 auto;align-items:center;gap:var(--sp-1);min-width:var(--sp-0);overflow-x:auto}.battle-check__group{display:flex;align-items:center;gap:var(--sp-1);padding-left:var(--sp-2);border-left:var(--border)}.battle-frame{display:contents}.battle-frame--panel{display:flex;flex-direction:column;min-block-size:var(--sp-0);overflow:hidden}.battle__vitals{display:flex;flex-direction:column;margin:var(--sp-0);padding:var(--sp-0);list-style:none}.battle__vital{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-height:var(--vital-h);padding:var(--sp-0) var(--plan-pad);border-bottom:var(--border);font-family:var(--font-mono);font-size:var(--fs-mono)}.battle__vital-name{color:var(--text-dim)}.battle__vital-value{color:var(--text-body);font-variant-numeric:tabular-nums}.battle__vital--warn .battle__vital-value{color:var(--text-false)}.battle__time{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--plan-pad);border-top:var(--border)}.battle__time-acts{display:flex;flex:0 0 auto;gap:var(--sp-1)}.battle--portrait{display:block;height:auto;min-height:100dvh;overflow:visible}.battle-frame .battle__frame{display:flex;align-items:center;justify-content:center}.battle-frame .battle__frame{inline-size:100%}.battle-frame .battle__frame canvas{inline-size:100%;block-size:auto;max-inline-size:calc(var(--plan-cell) * var(--plan-cols));max-block-size:var(--plan-max-h);object-fit:contain}.battle__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);min-width:var(--sp-0);padding:var(--sp-0) var(--plan-pad);overflow:hidden;background:var(--surface-panel)}.battle__bar--top{height:var(--bar-top);border-bottom:var(--border)}.battle__bar--bottom{min-height:var(--bar-bottom);height:auto;flex-wrap:wrap;padding-block:var(--sp-1);border-top:var(--border)}.battle__bar--bottom .ds-resource{white-space:nowrap}.battle__location{flex:0 1 auto;min-width:var(--sp-0);overflow:hidden;font-family:var(--font-display);font-size:var(--fs-num-l);font-weight:var(--fw-semibold);letter-spacing:var(--ls-display);line-height:var(--lh-tight);color:var(--text-display);text-overflow:ellipsis;white-space:nowrap}.battle__tick{display:inline-flex;flex:0 0 auto;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--fs-display-s);font-weight:var(--fw-regular);line-height:var(--lh-tight);color:var(--text-data);font-variant-numeric:tabular-nums}.battle__tick-glyph{color:var(--text-dim)}.battle__controls{display:flex;flex:0 1 auto;align-items:center;min-width:var(--sp-0);overflow-x:auto}.battle__controls>*{flex-wrap:wrap}.battle__controls .ds-button{flex:0 0 auto;white-space:nowrap}.battle__speed-bar{display:flex;align-items:center;padding:var(--sp-0) var(--plan-pad);background:var(--surface-panel);border-bottom:var(--border)}.battle__speed{display:flex;flex:1;gap:var(--bw);height:var(--speed-box-h);overflow:hidden;background:var(--line);border:var(--border);border-radius:var(--radius)}.battle__speed .ds-button{flex:1;justify-content:center;min-width:var(--sp-0);height:100%;padding:var(--sp-0);color:var(--text-dim);background:var(--surface-panel);border:none;border-radius:var(--radius-none)}.battle__speed .ds-button--active{color:var(--text-body);background:var(--surface-raised)}.battle-frame .battle__col--plan{position:relative;display:flex;justify-content:center;gap:var(--sp-0);padding:var(--plan-pad);overflow:visible;background:var(--surface-plan)}.battle__over{position:absolute;inset-inline:var(--sp-0);inset-block-end:var(--sp-0);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2);pointer-events:none}.battle__status{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--bar-status);padding:var(--sp-0) var(--plan-pad);overflow:hidden;background:var(--surface-panel);border-top:var(--border);border-bottom:var(--border)}.battle__verdict{font-family:var(--font-mono);font-size:var(--fs-mono-s);font-weight:var(--fw-regular);line-height:var(--lh-data);white-space:nowrap}.battle__verdict--dim{color:var(--text-dim)}.battle__verdict--true{color:var(--state-true)}.battle__verdict--danger{color:var(--state-warn)}.battle__sheet{display:flex;flex-direction:column;min-height:var(--sp-0);background:var(--surface-panel)}.battle__tabs{display:flex;flex:0 0 auto;height:var(--sheet-tab-h);border-bottom:var(--border)}.battle__tab{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--sp-1);min-width:var(--sp-0);overflow:hidden;white-space:nowrap;min-height:var(--tap-min);font-family:var(--font-body);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-tight);color:var(--text-dim);background:transparent;border:none;border-radius:var(--radius-none);cursor:pointer;transition:var(--transition-hover)}.battle__tab+.battle__tab{border-left:var(--border)}.battle__tab--on{font-weight:var(--fw-semibold);color:var(--text-body);background:var(--surface-raised)}.battle__tab-count{font-family:var(--font-mono);font-size:var(--fs-mono-s);font-weight:var(--fw-regular);color:var(--text-dim);font-variant-numeric:tabular-nums}.battle__sheet-body{flex:1;min-height:calc(var(--log-row-h) * 10);max-height:calc(var(--log-row-h) * 14);overflow-y:auto}.battle-frame:not(.battle-frame--panel) .battle__sheet-body{min-height:var(--sheet-body-h);max-height:var(--sheet-body-h)}.battle__sheet-foot{display:grid;flex:0 0 auto;row-gap:var(--sp-3);padding:var(--sp-3) var(--plan-pad);border-top:var(--border)}.battle__sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.battle__sheet-actions .ds-button{justify-content:center;height:var(--btn-h)}.battle-ls__top{display:flex;align-items:center;gap:var(--sp-3);min-width:var(--sp-0);padding:var(--sp-0) var(--sp-3);background:var(--surface-panel);border-bottom:var(--border)}.battle-ls__gap{flex:1;min-width:var(--sp-0)}.battle-ls__controls{display:flex;flex:0 1 auto;align-items:center;min-width:var(--sp-0);overflow-x:auto}.battle-ls__body{display:grid;grid-template-columns:minmax(var(--sp-0),1fr) var(--col-sheet);min-height:var(--sp-0)}.battle-ls__panel{display:flex;min-width:var(--sp-0);min-height:var(--sp-0);border-left:var(--border)}.battle--landscape .battle__sheet{flex:1;min-width:var(--sp-0)}.battle--landscape .battle__col--plan{gap:var(--sp-0);padding:var(--plan-pad);overflow:hidden;background:var(--surface-plan)}.battle-ls__bottom{display:flex;align-items:center;gap:var(--sp-5);min-width:var(--sp-0);padding:var(--sp-0) var(--sp-3);background:var(--surface-panel);border-top:var(--border)}.battle-ls__rule-line{flex:0 0 auto;width:var(--bw);height:var(--fs-num-l);background:var(--line)}.battle-ls__verdict{font-family:var(--font-mono);font-size:var(--fs-mono-s);font-weight:var(--fw-regular);line-height:var(--lh-data);white-space:nowrap}.battle--landscape .battle__location,.battle--landscape .battle__tick{font-size:var(--fs-display-s)}.battle--landscape .battle__speed{flex:0 0 auto}.battle--landscape .battle__speed .ds-button{flex:0 0 var(--speed-cell-w);font-size:var(--fs-mono-s)}.battle--landscape .battle__tab{min-height:var(--sheet-tab-h);font-size:var(--fs-mono)}.battle--landscape .battle__sheet-foot{grid-template-columns:var(--sheet-gauge-w) minmax(var(--sp-0),1fr);align-items:center;column-gap:var(--sp-3);padding:var(--sp-2) var(--sp-3)}.battle--portrait .battle__bar--top{position:sticky;inset-block-start:var(--sp-0);z-index:2;height:auto;min-height:var(--bar-top);flex-wrap:wrap;row-gap:var(--sp-1);padding-block:var(--sp-1);overflow:visible}.battle--portrait .battle__controls{display:block;min-height:var(--bar-controls);padding:var(--sp-1) var(--plan-pad);border-block-end:var(--border);overflow:visible}.battle--portrait .battle__frame canvas{max-inline-size:100%}.battle--portrait .battle__col--plan{padding-inline:var(--sp-0)}.battle--portrait .battle__controls .launch{gap:var(--sp-1);row-gap:var(--sp-1);justify-content:flex-start}.battle--portrait .battle__controls .launch *{white-space:nowrap}.battle--portrait .battle__controls .launch>.ds-expr{display:none}.battle--portrait .battle__bar--bottom .ds-resource__pips{display:none}.battle__cooldowns{flex:0 0 auto;padding:var(--sp-1) var(--plan-pad);overflow:hidden;border-bottom:var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:var(--fs-mono-s)}.settle{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-2) var(--plan-pad)}.settle__floor{display:flex;flex-direction:column;gap:var(--sp-1)}.settle__head{padding-bottom:var(--sp-1);border-bottom:var(--border);color:var(--text-body);font-family:var(--font-mono);font-size:var(--fs-mono-s)}.settle__row{display:flex;gap:var(--sp-2);align-items:baseline;font-family:var(--font-mono);font-size:var(--fs-mono-s)}.settle__glyph{flex:0 0 auto;color:var(--text-dim)}.settle__text{flex:1 1 auto;color:var(--text-body);overflow-wrap:anywhere}