.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fight-intro{--fighter-accent:#c98777;position:fixed;inset:0;z-index:20;pointer-events:none;overflow:hidden;background:linear-gradient(0deg,#080d0de8,transparent 43%,transparent 76%,#080d0dc9);color:#eeede1}
.fight-intro::before,.fight-intro::after{content:'';position:absolute;left:0;right:0;height:5.5vh;background:#090e0e;z-index:2}.fight-intro::before{top:0}.fight-intro::after{bottom:0}
.intro-top{position:absolute;left:4vw;right:4vw;top:max(7vh,env(safe-area-inset-top));display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.18em;text-shadow:0 1px 8px #000}.intro-top>span:first-child{color:var(--fighter-accent)}.intro-location{text-transform:uppercase;font-weight:400;max-width:45%;text-align:center}.intro-count{font-variant-numeric:tabular-nums}
.intro-diagonal{position:absolute;inset:-50%;background:linear-gradient(108deg,transparent 48.9%,#e8e2c608 49%,#e8e2c608 49.1%,transparent 49.2%,transparent 51.5%,#e8e2c60d 51.6%,transparent 51.8%);transform:translateX(-12%);transition:transform .9s}.fight-intro[data-shot="1"] .intro-diagonal{transform:translateX(12%)}
.intro-title{position:absolute;left:7vw;bottom:17vh;border-left:2px solid var(--fighter-accent);padding:0 0 0 24px;text-shadow:0 3px 24px #000;transition:opacity .2s}.intro-type{font-size:9px;letter-spacing:.25em;color:var(--fighter-accent)}.intro-title h2{font:600 clamp(74px,12vw,168px)/.94 Barlow,Impact,sans-serif;letter-spacing:-.03em;margin:12px 0 4px}.intro-title p{font:italic clamp(18px,2.4vw,28px) Georgia,serif;color:#deddd1}.intro-title small{display:block;font-size:11px;letter-spacing:.04em;color:#b4bab2;margin-top:18px}
.fight-intro[data-shot="1"] .intro-title{left:auto;right:7vw;text-align:right;border-left:0;border-right:2px solid var(--fighter-accent);padding:0 24px 0 0}.fight-intro[data-shot="2"] .intro-title{opacity:0}
.intro-matchup{position:absolute;left:6vw;right:6vw;top:27%;display:flex;align-items:center;justify-content:space-between;opacity:0;transition:opacity .2s;gap:20px}.fight-intro[data-shot="2"] .intro-matchup{opacity:1}.intro-card{display:flex;align-items:center;gap:15px;background:linear-gradient(90deg,#101610d9,transparent);border-bottom:1px solid #e9ead43a;width:32%;max-width:360px;height:110px}.intro-card img{width:70px;height:120px;object-fit:cover;object-position:50% 12%;filter:saturate(.65);mask-image:linear-gradient(#000 70%,transparent)}.intro-card span{font:600 clamp(24px,4vw,54px) Barlow}.intro-card-b{flex-direction:row-reverse;background:linear-gradient(-90deg,#101610d9,transparent)}.intro-matchup>strong{font:italic 46px Georgia,serif;color:#d2bb95;text-shadow:0 2px 20px #000}.journey-intro .intro-matchup{display:none}
.intro-ready{position:absolute;top:48%;left:0;right:0;text-align:center;font:600 clamp(65px,12vw,160px)/1 Barlow,Impact,sans-serif;letter-spacing:.03em;text-shadow:0 4px 50px #000;transform:skewX(-8deg);color:#d6d5c8}.intro-fight .intro-ready{color:#e9c4ad;text-shadow:0 3px 40px #24150d;letter-spacing:.09em}
.intro-bottom{position:absolute;left:6vw;right:6vw;bottom:8vh;display:flex;align-items:center;gap:25px;font-size:8px;letter-spacing:.2em;color:#b6baac}.intro-bottom>div{height:2px;flex:1;background:#fff2}.intro-bottom i{display:block;transform-origin:left;width:100%;height:100%;background:var(--fighter-accent)}
.intro-playing #battle-ui .hud,.intro-playing #announcement,.intro-playing #touch-controls,.intro-playing #adventure-hud,.intro-playing .battle-footer,.intro-playing #move-readout{visibility:hidden!important}.intro-playing .arena-nav{opacity:0;pointer-events:none}
.ultimate-banner{--art-color:#b9c7b2;position:fixed;z-index:6;top:27%;left:0;padding:14px 5vw 16px 4vw;max-width:min(80vw,640px);border-top:1px solid #fff2;border-bottom:1px solid #fff2;border-left:3px solid var(--art-color);background:linear-gradient(90deg,#0b1110f2,#101610c9,transparent);pointer-events:none;opacity:0;transform:translateX(-25px);transition:opacity .16s,transform .2s}.ultimate-banner.visible{opacity:1;transform:translateX(0)}.ultimate-banner span{font-size:8px;letter-spacing:.3em;color:var(--art-color)}.ultimate-banner strong{display:block;margin-top:4px;font:600 clamp(23px,3vw,42px)/1.1 Barlow,sans-serif;letter-spacing:.02em;color:#e0dfd0}.ultimate-banner small{display:block;font-size:9px;color:#a6b0a6;letter-spacing:.09em;margin-top:6px}
@media(max-width:600px){.intro-top{top:max(6vh,env(safe-area-inset-top));font-size:7px;letter-spacing:.07em}.intro-top>span:first-child{max-width:90px}.intro-location{max-width:52%;font-size:8px}.intro-title{left:7vw;bottom:18vh;padding-left:16px}.intro-title h2{font-size:clamp(74px,21vw,110px)}.intro-title small{font-size:10px;max-width:250px}.intro-type{font-size:8px;letter-spacing:.12em}.intro-bottom{gap:12px;font-size:7px;letter-spacing:.07em}.intro-bottom>span:last-child{display:none}.intro-matchup{top:24%;left:5vw;right:5vw;gap:8px}.intro-card{width:40%;height:80px;gap:4px}.intro-card img{width:40px;height:90px}.intro-card span{font-size:28px}.intro-matchup>strong{font-size:25px}.intro-ready{top:49%;font-size:24vw}.ultimate-banner{top:29%;max-width:90vw;padding:10px 25px 12px 14px}.ultimate-banner strong{font-size:24px}.ultimate-banner small{font-size:8px}}
@media(max-height:540px) and (orientation:landscape){.intro-top{top:max(8vh,env(safe-area-inset-top));font-size:8px}.intro-title{bottom:17vh}.intro-title h2{font-size:24vh;margin:5px 0}.intro-title p{font-size:18px}.intro-title small{font-size:9px;margin-top:7px}.intro-type{font-size:8px}.intro-ready{font-size:24vh;top:47%}.intro-card{height:65px}.intro-card img{height:70px;width:40px}.intro-card span{font-size:35px}.intro-matchup{top:21%}.intro-bottom{bottom:8vh}.ultimate-banner{top:40%;padding:7px 24px 8px 12px;max-width:48vw}.ultimate-banner strong{font-size:22px}.ultimate-banner small{display:none}}
@media(prefers-reduced-motion:reduce){.fight-intro *,.ultimate-banner{transition:none!important}.intro-diagonal{display:none}}