.battle-page{min-height:calc(100vh - var(--nav-height));background:var(--color-surface-soft)}.battle-page__container{display:grid;grid-template-columns:280px 1fr;gap:0;max-width:1600px;margin:0 auto;min-height:calc(100vh - var(--nav-height))}.battle-page__sidebar{background:var(--color-canvas);border-right:1px solid var(--color-hairline);padding:var(--spacing-md);overflow-y:auto;max-height:calc(100vh - var(--nav-height));position:sticky;top:var(--nav-height)}.battle-page__main{padding:var(--spacing-lg);overflow-y:auto}.sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;flex-shrink:0}.sidebar__title{font-size:18px;font-weight:600}.sidebar__count{font-size:13px;color:var(--color-muted);background:var(--color-surface-card);padding:2px 10px;border-radius:var(--radius-pill);font-variant-numeric:tabular-nums}.sidebar__target-hint{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-surface-card);border-radius:var(--radius-md);font-size:13px}.target-hint__text{color:var(--color-muted)}.target-hint__badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill);color:#fff}.target-hint__badge--attacker{background:#f97316}.target-hint__badge--defender{background:#3b82f6}.sidebar__search{flex-shrink:0;margin-bottom:var(--spacing-sm)}.sidebar__filters{display:flex;gap:var(--spacing-xs);flex-shrink:0;margin-bottom:var(--spacing-sm);flex-wrap:wrap}.sidebar__select{flex:1;min-width:0;height:36px;padding:0 var(--spacing-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-body);color:var(--color-ink);background:var(--color-canvas);cursor:pointer;outline:none}.sidebar__select:focus{border-color:var(--color-ink)}.sidebar__list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.creature-entry{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;flex-shrink:0;outline:none}.creature-entry:hover{background:var(--color-surface-card)}.creature-entry:focus-visible{background:var(--color-surface-card);outline:2px solid var(--color-brand-accent);outline-offset:-2px}.creature-entry--hidden{display:none!important}.creature-entry--selected{background:var(--color-surface-soft);outline:2px solid var(--color-ink)}.creature-entry__img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.creature-entry__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.creature-entry__name{font-size:14px;font-weight:600;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creature-entry__types{display:flex;gap:4px}.creature-entry__type{font-size:11px;padding:1px 6px;line-height:1.4}.creature-entry__stat{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:1px}:global(.creature-entry__stat-label){font-size:10px;color:var(--color-muted-soft);font-weight:500;line-height:1}:global(.creature-entry__stat-value){font-size:14px;font-weight:700;color:var(--color-ink);font-variant-numeric:tabular-nums;line-height:1}.sidebar__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:14px}.battle-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.battle-toolbar__target{display:flex;gap:var(--spacing-xs)}.target-btn{min-width:100px}.battle-toolbar__right{display:flex;gap:var(--spacing-xs)}.battle-config{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.battle-config__attacker,.battle-config__defender,.battle-config__conditions{background:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--color-hairline);min-height:300px}.battler-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-muted)}.battler-empty__icon{font-size:48px;margin-bottom:var(--spacing-md)}.battler-empty__title{font-size:16px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-ink)}.battler-empty__desc{font-size:13px}.battler-panel__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.battler-panel__img{width:64px;height:64px;object-fit:contain;flex-shrink:0}.battler-panel__name{font-size:18px;font-weight:700;margin-bottom:4px}.battler-panel__types{display:flex;gap:4px}.battler-panel__stats{margin-bottom:var(--spacing-md)}.battler-stat{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:4px;font-size:13px}.battler-stat__label{width:36px;flex-shrink:0;color:var(--color-muted);font-weight:500}.battler-stat__base{width:28px;text-align:right;flex-shrink:0;color:var(--color-muted-soft);font-variant-numeric:tabular-nums;font-size:11px}.battler-stat__track{flex:1;height:6px;background:var(--color-surface-soft);border-radius:3px;overflow:hidden}.battler-stat__fill{height:100%;background:var(--color-brand-accent);border-radius:3px;transition:width .2s}.battler-stat__computed{width:44px;text-align:right;flex-shrink:0;font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.stat-up,.stat-up small{color:#16a34a}.stat-down,.stat-down small{color:#dc2626}.battler-panel__config{margin-bottom:var(--spacing-md)}.battle-config-section{margin-bottom:var(--spacing-sm)}.battle-config-label{display:block;font-size:13px;font-weight:600;color:var(--color-ink);margin-bottom:4px}.battle-config-select{width:100%;height:36px;padding:0 var(--spacing-xs);border:1px solid var(--color-hairline);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-body);color:var(--color-ink);background:var(--color-canvas);cursor:pointer;outline:none}.battle-config-select:focus{border-color:var(--color-ink)}.battler-level{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.battler-level__label{font-size:13px;font-weight:600;color:var(--color-ink);flex-shrink:0}.battler-level__input{width:70px;height:32px;text-align:center}.iv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.iv-header__hint{font-size:11px;color:var(--color-muted)}.iv-grid{display:flex;flex-direction:column;gap:4px}.iv-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px 0;height:30px;box-sizing:border-box}.iv-row--custom{background:var(--color-surface-card);border-radius:var(--radius-sm);padding:2px var(--spacing-xs)}.iv-row__label{width:36px;font-size:12px;color:var(--color-muted);flex-shrink:0}.iv-row__val{width:20px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.iv-row__val--active{color:var(--color-brand-accent)}.iv-row__controls{display:flex;gap:2px;flex:1;height:26px;align-items:center}.iv-val-btn{width:28px;height:26px;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);font-size:12px;cursor:pointer;color:var(--color-ink);line-height:1}.iv-val-btn:hover{border-color:var(--color-ink)}.iv-val-btn--active{background:var(--color-brand-accent);color:#fff;border-color:var(--color-brand-accent)}.iv-deselect-btn{width:26px;height:26px;border:1px solid var(--color-hairline);border-radius:var(--radius-sm);background:var(--color-canvas);font-size:11px;cursor:pointer;color:var(--color-muted);line-height:1}.iv-deselect-btn:hover{color:#dc2626;border-color:#dc2626}.iv-select-btn{width:100%;height:26px;border:1px dashed var(--color-hairline);border-radius:var(--radius-sm);background:transparent;font-size:11px;cursor:pointer;color:var(--color-muted);line-height:1}.iv-select-btn:hover{border-color:var(--color-brand-accent);color:var(--color-brand-accent)}.iv-select-btn--disabled{opacity:.4;cursor:not-allowed}.battler-skills{margin-top:var(--spacing-sm)}.battler-skills__header{font-size:13px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-ink)}.battler-skills__list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.battler-skills__empty{color:var(--color-muted);font-size:13px;text-align:center;padding:var(--spacing-md)}.skill-row{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;font-size:13px;border:1px solid transparent}.skill-row:hover{background:var(--color-surface-card)}.skill-row--selected{background:var(--color-surface-soft);border-color:var(--color-brand-accent)}.skill-row__icon{flex-shrink:0;width:18px;text-align:center}.skill-row__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.skill-row__type{font-size:11px;padding:1px 6px;border-radius:var(--radius-pill);flex-shrink:0}.skill-row__cat{font-size:11px;color:var(--color-muted);flex-shrink:0}.skill-row__pow{font-size:13px;font-weight:700;color:var(--color-ink);width:32px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}.conditions-panel__title{font-size:16px;font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-ink)}.cond-section{margin-bottom:var(--spacing-md)}.cond-label{display:block;font-size:13px;font-weight:600;color:var(--color-ink);margin-bottom:4px}.cond-input{width:100%;height:34px}.cond-input--sm{width:80px}.cond-hint{display:block;font-size:11px;color:var(--color-muted);margin-top:2px}.cond-stab{display:flex;flex-direction:column;gap:4px}.cond-radio{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;cursor:pointer}.cond-radio input{cursor:pointer}.boost-list{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--spacing-xs);min-height:24px}.boost-empty{font-size:12px;color:var(--color-muted)}.boost-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;padding:2px 8px;border-radius:var(--radius-pill);font-weight:500}.boost-tag--atk{background:#f9731626;color:#ea580c}.boost-tag--def{background:#3b82f626;color:#2563eb}.boost-tag__remove{border:none;background:none;cursor:pointer;font-size:14px;line-height:1;color:inherit;opacity:.6;padding:0}.boost-tag__remove:hover{opacity:1}.boost-add{display:flex;gap:var(--spacing-xs);align-items:center}.battle-result{background:var(--color-canvas);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-hairline)}.result-empty{text-align:center;color:var(--color-muted);padding:var(--spacing-xl);font-size:14px}.result-panel__title{font-size:18px;font-weight:700;margin-bottom:var(--spacing-lg);color:var(--color-ink)}.result-stage{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface-soft);border-radius:var(--radius-md)}.result-stage__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.result-stage__num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-brand-accent);color:#fff;border-radius:50%;font-size:13px;font-weight:700;flex-shrink:0}.result-stage__title{font-size:15px;font-weight:700;color:var(--color-ink)}.result-stage__formula{font-size:12px;color:var(--color-muted);margin-bottom:var(--spacing-xs);font-family:var(--font-mono, monospace)}.result-stage__calc{font-size:14px;color:var(--color-ink);font-variant-numeric:tabular-nums}.result-stage__calc strong{font-size:16px;color:var(--color-brand-accent)}.result-summary{margin-top:var(--spacing-lg)}.result-hp-bar{margin-bottom:var(--spacing-md)}.result-hp-bar__track{height:32px;background:#dc2626;border-radius:var(--radius-md);overflow:hidden;display:flex;position:relative}.result-hp-bar__damage{background:#dc2626;transition:width .3s}.result-hp-bar__remain{background:#16a34a;transition:width .3s}.result-hp-bar__labels{display:flex;justify-content:space-between;margin-top:4px;font-size:13px;font-weight:600}.result-hp-bar__dmg-label{color:#dc2626}.result-hp-bar__hp-label{color:var(--color-muted)}.result-kill{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:18px;font-weight:700}.result-kill--yes{background:#dc26261a;color:#dc2626}.result-kill--no{background:#16a34a1a;color:#16a34a}.result-kill__icon{font-size:24px}.result-kill__text{flex:1}.result-kill__pct{font-variant-numeric:tabular-nums}.battle-sidebar-toggle{display:none;position:fixed;bottom:16px;left:16px;z-index:100;padding:10px 16px;border-radius:var(--radius-pill);background:var(--color-brand-accent);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;box-shadow:var(--shadow-lg)}.battle-sidebar-backdrop{display:none;position:fixed;inset:0;background:#0006;z-index:98}.battle-sidebar-backdrop.is-visible{display:block}.battle-page .badge-pill{display:inline-block;padding:2px 8px;font-size:12px}@media(max-width:1024px){.battle-page__container{grid-template-columns:1fr}.battle-page__sidebar{position:fixed;left:0;bottom:0;width:300px;z-index:99;transform:translate(-100%);transition:transform .25s ease;max-height:100vh;top:0;padding-top:var(--spacing-lg)}.battle-page__sidebar.is-open{transform:translate(0)}.battle-sidebar-toggle{display:block}.battle-config{grid-template-columns:1fr}}@media(max-width:768px){.battle-page__main{padding:var(--spacing-md)}.battle-toolbar{flex-direction:column;align-items:stretch}.battle-toolbar__target,.battle-toolbar__right{justify-content:center}}