.battle-scene{--tint:#ee8b45;isolation:isolate;border:1px solid color-mix(in srgb, var(--tint) 26%, #1b2c33);background:radial-gradient(75% 55% at 50% 0%, color-mix(in srgb, var(--tint) 15%, transparent), transparent 72%), linear-gradient(180deg, #0c161b 0%, #0a1216 55%, #070b0e 100%);border-radius:14px;padding:.55rem .45rem .9rem;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 18px -12px #000c}.battle-scene[data-theme=trials]{--tint:#d9b56d}.battle-scene[data-theme=raid]{--tint:#e0489e}.battle-scene:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--tint) 12%, transparent), transparent);height:34%;position:absolute;bottom:4px;left:4%;right:4%}.battle-scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--tint) 40%, transparent), transparent);width:1px;position:absolute;top:14%;bottom:8%;left:50%}.battle-banner{background:#070d10cc;border:1px solid #1f3239;border-radius:999px;justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.15rem;padding:.18rem .5rem;display:flex}.battle-banner[data-side=player]{border-color:#2a6a61}.battle-banner[data-side=enemy]{border-color:#6b3a2a}.battle-banner-name{letter-spacing:.16em;text-transform:uppercase;color:#c9d6d9;font-size:.64rem;font-weight:700}.battle-banner[data-side=player] .battle-banner-name{color:#7fe5d3}.battle-banner[data-side=enemy] .battle-banner-name{color:#f0a56b}.battle-banner-count{font-variant-numeric:tabular-nums;color:#aabcc1;font-size:.68rem;font-weight:700}.battle-dais{z-index:-1;pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--rar,#9aa1b6) 50%, #0a1216), transparent);border:1px solid color-mix(in srgb, var(--rar,#9aa1b6) 40%, transparent);border-radius:50%;width:124%;height:12px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.fighter-ko .battle-dais{opacity:.4}.battle-fighter-meta{background:#070d10b3;border:1px solid #1a2a30;border-radius:8px;margin-top:.3rem;padding:.18rem .35rem .25rem}.hp-track-compact{width:100%;height:.42rem;box-shadow:inset 0 0 0 1px #1d2f36}.position-badge{width:auto;min-width:14px;height:auto;font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:0 4px;font-size:9px;line-height:14px;top:-6px;left:-6px}.gene-corner-badge{border-radius:50%;top:-6px;right:-6px}.gene-corner-popover{border-radius:8px}.battle-narration{border-color:color-mix(in srgb, var(--eg-gold,#d9b56d) 28%, #1b2c33)}.battle-skill{background-image:linear-gradient(#101a20,#0b1317);border-radius:10px}.battle-skill:not(:disabled):hover{border-color:color-mix(in srgb, var(--color-ember) 55%, transparent)}.battle-skill:focus-visible{outline-offset:1px;outline:2px solid #a9e4ea}.battle-result-icon{--ic-accent:currentColor;color:inherit}.battle-scene{--battle-art:clamp(5rem, 15vw, 8.5rem)}.battle-scene .art-frame{--art-size:var(--battle-art)!important}.battle-fighter-meta{max-width:calc(var(--battle-art) + 1.6rem)}.gene-corner-badge{background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;top:-21px;right:-21px}.gene-corner-badge[data-passive=true]{pointer-events:none}.gene-corner-glyph{background:color-mix(in oklab, var(--color-ink) 88%, transparent);color:#ffd66b;border:1px solid #ffd66b80;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;line-height:1;display:grid}.gene-corner-popover{top:calc(100% - 8px);right:12px}