.battleStart{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:24px;background:#10160fd4;color:#eee6cf;font-family:var(--ca-sans);backdrop-filter:blur(3px);isolation:isolate;touch-action:none;outline:none;transition:opacity .24s}
.battleStartPanel{width:min(820px,100%);padding:32px 38px;border:1px solid #c9ad75;border-radius:4px;background:linear-gradient(120deg,#2b3025fa,#192218fa);box-shadow:0 20px 100px #0008,inset 0 0 0 7px #b7a5770a;text-align:center;animation:battleStartReveal .6s ease-out both}
.battleStartRound{margin:0 0 8px;font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#d2bd90}
.battleStartTitle{font:500 clamp(30px,4vw,48px)/1.15 var(--ca-serif);margin:0 0 28px;color:#f2dfb5}
.battleStartParties{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center}
.battleStartTeam{font:600 14px var(--ca-sans);letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px;color:#e8d5ad}
.battleStartHeroes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.battleStartHeroes img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 10%;border:1px solid #a28f67;border-radius:3px}
.battleStartHeroName{display:block;font:500 15px/1.2 var(--ca-serif);margin-top:8px;color:#f0e5cc}
.battleStartVersus{font:500 24px var(--ca-serif);color:#c8ac73}
.battleStartLead{font:500 24px/1.2 var(--ca-serif);color:#f2dfb5;margin:28px 0 18px}
.battleStartProgress{height:2px;width:160px;background:#b7a57733;margin:auto;overflow:hidden}
.battleStartProgress:after{content:"";display:block;height:100%;background:#e5c88f;transform-origin:left;animation:battleStartProgress var(--intro-duration) linear both}
.battleStart.isLeaving{opacity:0}
body.battleStarting #fxLayer,body.battleStarting #hoverTip{visibility:hidden!important}
body.theme-candlelit .battleStartPanel{background:linear-gradient(120deg,#21313afa,#102029fa)}
@keyframes battleStartReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes battleStartProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.battleStart{padding:14px}.battleStartPanel{padding:22px 18px;max-height:calc(100dvh - 28px);overflow:auto}.battleStartTitle{margin-bottom:18px}.battleStartParties{grid-template-columns:1fr;gap:14px}.battleStartHeroes{max-width:300px;margin:auto}.battleStartHeroes img{max-height:105px;aspect-ratio:1;object-position:center 8%}.battleStartVersus{font-size:18px}.battleStartTeam{margin-bottom:8px}.battleStartLead{margin:20px 0 12px;font-size:22px}}
@media(prefers-reduced-motion:reduce){.battleStartPanel,.battleStartProgress:after{animation:none!important}.battleStart{transition:none}.battleStartProgress:after{transform:none}}