@media (max-width:1023px){:is(html:has(.battle-screen--fit),body:has(.battle-screen--fit)){overscroll-behavior:none;height:100dvh;overflow:hidden}body:has(.battle-screen--fit) [data-cattsy-region=mobile-header]{display:none}.battle-screen--fit{z-index:10;box-sizing:border-box;height:calc(100dvh - var(--sc-nav-height) - env(safe-area-inset-bottom,0px) - 1px);padding-top:calc(env(safe-area-inset-top,0px) + 8px);overscroll-behavior:none;touch-action:pan-x pinch-zoom;background:var(--sc-background);flex-direction:column;padding-bottom:8px;display:flex;position:fixed;inset:0 0 auto}.battle-mobile-prompt{line-height:24px}.battle-screen--fit .battle-arena{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-height:0;margin-top:8px;container-type:size}.battle-screen--fit .battle-arena>div{width:min(100%, calc((100cqh - 112px) / 2 * var(--cattsy-photo-aspect-ratio)));flex:none}.battle-screen--fit .battle-arena>div>div:first-child{margin-bottom:4px}.battle-screen--fit .battle-arena>span{height:24px;transform:translateY(12px)}}.battle-elo-result{pointer-events:none;color:#ffd778;letter-spacing:-.03em;text-shadow:0 2px 4px #000,0 0 18px #000;background:radial-gradient(#0000004d,#0000 65%);justify-content:center;align-items:center;font-size:clamp(1.5rem,7vw,2.5rem);font-weight:800;animation:.18s ease-out both battle-elo-pop;display:flex;position:absolute;inset:0}@keyframes battle-elo-pop{0%{opacity:0;transform:translateY(4px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.battle-elo-result{animation:none}}.battle-card{transition:transform var(--sc-motion-normal) var(--sc-ease), opacity var(--sc-motion-normal) var(--sc-ease);will-change:transform, opacity}.battle-card__image{transition:transform var(--sc-motion-normal) var(--sc-ease), box-shadow var(--sc-motion-normal) var(--sc-ease)}.battle-card--selected .battle-card__image{box-shadow:0 0 0 2px var(--sc-accent);transform:scale(1.015)}.battle-card--winner .battle-card__image{box-shadow:0 0 0 1px var(--sc-champion-border), 0 8px 30px #e7b84b0d;transform:scale(1.015)}.battle-card--dimmed{opacity:.42}.battle-card--dimmed .battle-card__image{border-color:var(--sc-border)}.battle-arena{transition:opacity var(--sc-motion-fast) var(--sc-ease), transform var(--sc-motion-fast) var(--sc-ease)}.battle-arena--exit{opacity:0;transform:translate(-4px)}.battle-arena--enter{animation:battle-enter var(--sc-motion-fast) var(--sc-ease) both}@keyframes battle-enter{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.battle-card,.battle-card__image,.battle-arena{transition:none!important}.battle-card--selected .battle-card__image,.battle-card--winner .battle-card__image,.battle-card--dimmed{transform:none}.battle-arena--exit{opacity:0;transform:none}.battle-arena--enter{animation:none}}@media (max-width:1023px){.battle-screen--fit :is(.battle-card--selected,.battle-card--winner) .battle-card__image{transform:none}}@media (min-width:1024px){.battle-screen--fit .battle-arena{max-width:min(100%, calc(72svh * var(--cattsy-photo-aspect-ratio) * 2 + 4rem));margin-inline:auto}}