.fighter-select{--select-yellow: #ffe449;--select-silver: #d9ebff;position:absolute;inset:0;z-index:30;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.3vw,18px);padding:clamp(14px,2.2vw,30px) clamp(18px,5vw,68px);overflow:hidden;color:#f3f8ff;background:linear-gradient(115deg,#071a49f5,#031026f8 54%,#24091df5),url(/assets/kallimarmaro-crowd.webp) center/cover;pointer-events:auto;isolation:isolate;font-family:var(--display, Impact, "Arial Black", sans-serif);animation:fighter-select-enter .25s ease-out both}.fighter-select[hidden]{display:none!important}.fighter-select__texture{position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(135deg,transparent 0 68px,#1962bd24 68px 70px),repeating-linear-gradient(0deg,#0002 0 1px,transparent 1px 4px)}.fighter-select__texture:after{content:"";position:absolute;left:-10%;right:-10%;top:50%;height:32%;border-top:2px solid #2979cb66;border-bottom:2px solid #2979cb33;background:#0b347742;transform:skewY(-8deg)}.fighter-select__header{position:relative;z-index:1;text-align:center}.fighter-select__topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px;color:#8daedb;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(9px,.8vw,12px);font-weight:800;letter-spacing:.12em}.fighter-select__topline>span:first-child{display:flex;align-items:center;gap:8px}.fighter-select__topline b{padding:3px 7px;background:var(--select-yellow);color:#0c2045;font-family:var(--display);font-size:13px;font-style:italic;transform:skew(-8deg)}.fighter-select__mode{color:#ffd64a;white-space:nowrap}.fighter-select h2{margin:0;color:#eef7ff;font-size:clamp(26px,3.9vw,58px);font-weight:400;font-style:italic;letter-spacing:.025em;line-height:1.08;text-shadow:2px 2px #2473ce,4px 4px #02091c}.fighter-select h2 span{color:#ffe347;text-shadow:2px 2px #a86309,4px 4px #02091c}.fighter-select__title-rule{display:flex;justify-content:center;gap:5px;margin:10px auto 0;width:min(78%,620px);height:5px;transform:skew(-30deg)}.fighter-select__title-rule i{flex:1;background:#246fd1;box-shadow:0 1px #9bcfff}.fighter-select__title-rule i:nth-child(2){flex:5;background:linear-gradient(90deg,#1f72d9,#dceeff 46%,#ffe54a 54%,#df3446)}.fighter-select__title-rule i:last-child{background:#da2d46}.fighter-select__choices{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,4.6vw,64px);min-height:0;width:min(100%,900px);height:100%;max-height:480px;margin:auto}.fighter-choice{--choice-color: #51c9ff;--choice-dark: #063b8e;position:relative;display:block;min-width:0;min-height:44px;width:100%;padding:0;overflow:hidden;border:3px solid #7996bd;border-top-color:#d7eaff;border-right-color:#254a7c;border-bottom-color:#1c335b;background:linear-gradient(135deg,#1256ae,#061b42 70%);box-shadow:0 0 0 2px #041329,5px 6px #0007,inset 0 0 0 2px #020c2466;color:#fff;text-align:left;cursor:pointer;touch-action:manipulation;transition:border-color .13s,background .13s,box-shadow .13s}.fighter-choice--woman{--choice-color: #ff707c;--choice-dark: #821d43;background:linear-gradient(225deg,#9b284c,#251333 72%)}.fighter-choice__texture{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 26px,#bddeff0b 26px 27px),repeating-linear-gradient(90deg,transparent 0 26px,#bddeff0b 26px 27px);pointer-events:none}.fighter-choice__texture:after{content:"";position:absolute;width:110%;height:24%;top:36%;left:-5%;transform:rotate(-12deg);background:var(--choice-color);opacity:.12}.fighter-choice__number{position:absolute;top:9%;right:-2%;color:var(--choice-color);font-size:clamp(90px,15vw,230px);font-style:italic;letter-spacing:-.08em;line-height:1;opacity:.18;pointer-events:none}.fighter-choice__tag{position:absolute;left:15px;top:13px;z-index:2;border-left:4px solid var(--choice-color);padding-left:7px;color:#e5f2ff;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(9px,.85vw,12px);font-weight:800;letter-spacing:.16em}.fighter-choice__marker{position:absolute;right:13px;top:10px;z-index:3;color:var(--select-yellow);font-size:clamp(18px,2vw,28px);font-style:italic;text-shadow:2px 2px #0c1028;opacity:0;transform:translateY(-5px);transition:opacity .13s,transform .13s}.fighter-choice__marker b{font-size:.65em}.fighter-choice__portrait{position:absolute;inset:6% 5% 16%;display:block}.fighter-choice__portrait img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(8px 8px 4px #0006) saturate(.92);transition:filter .15s;pointer-events:none;-webkit-user-select:none;user-select:none}.fighter-choice__plate{position:absolute;left:-1px;right:-1px;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:16%;padding:9px 15px;border-top:2px solid #d0e7ff;background:linear-gradient(#ceddf1 0,#f5f9ff 42%,#7e9abc 44%,#bdcfe9);color:#12294f;text-shadow:0 1px #fff}.fighter-choice__name{font-size:clamp(27px,3.4vw,50px);font-style:italic;line-height:1;letter-spacing:.015em}.fighter-choice__select{display:flex;align-items:center;gap:6px;font-size:clamp(10px,1vw,14px);font-style:italic}.fighter-choice__select b{font-size:1.5em}.fighter-choice__corner{position:absolute;z-index:4;width:24px;height:24px;border:0 solid #fff485;opacity:0;pointer-events:none}.fighter-choice__corner--top{top:4px;left:4px;border-top-width:3px;border-left-width:3px}.fighter-choice__corner--bottom{right:4px;bottom:4px;border-right-width:3px;border-bottom-width:3px}.fighter-choice.is-highlighted,.fighter-choice:hover{border-color:#fff28d;border-bottom-color:#bf861d;box-shadow:0 0 0 2px #e69d20,5px 6px #0009,inset 0 0 26px #83beff16}.fighter-choice.is-highlighted .fighter-choice__marker{opacity:1;transform:translateY(0)}.fighter-choice.is-highlighted .fighter-choice__corner{opacity:1}.fighter-choice.is-highlighted .fighter-choice__portrait img{filter:drop-shadow(8px 8px 4px #0008) saturate(1.06)}.fighter-choice.is-highlighted .fighter-choice__plate{background:linear-gradient(#fff9bf,#ffe84d 43%,#d3961b 45%,#ffe257);color:#1b2845}.fighter-choice:focus-visible{outline:3px solid #fffcc1;outline-offset:5px}.fighter-choice:active{transform:translateY(2px)}.fighter-select__versus{position:absolute;z-index:5;left:50%;top:46%;display:grid;place-items:center;width:clamp(54px,7vw,92px);height:clamp(54px,7vw,92px);transform:translate(-50%,-50%) rotate(-9deg);color:#fff8c5;font-size:clamp(34px,4.6vw,66px);font-style:italic;line-height:1;-webkit-text-stroke:1px #febd2a;text-shadow:3px 3px #b72434,5px 5px #02091f;pointer-events:none}.fighter-select__versus:before{content:"";position:absolute;inset:7%;z-index:-1;border:2px solid #f74757;background:#071634;transform:rotate(45deg);box-shadow:3px 3px #020816}.fighter-select__footer{position:relative;z-index:2;width:min(100%,980px);margin:0 auto}.fighter-select__matchup{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.fighter-select__opponent{color:#ffdf47;font-size:clamp(16px,1.7vw,25px);font-weight:400;font-style:italic;letter-spacing:.07em}#fighter-select-detail{color:#93b0d7;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(9px,.8vw,12px);font-weight:800;letter-spacing:.06em}.fighter-select__navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.fighter-select__back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:100px;min-height:44px;padding:7px 14px;border:2px solid #789dd0;border-top-color:#d1e4ff;border-bottom-color:#152d55;background:linear-gradient(#254d8c,#112c5b);color:#e7f1ff;font-family:var(--display);font-size:16px;font-style:italic;box-shadow:2px 3px #02091c}.fighter-select__back:hover{background:#236ac0;border-color:#d9edff}.fighter-select__keys{display:flex;align-items:center;gap:6px;margin:0;color:#a1badd;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:10px;font-weight:800;letter-spacing:.03em}.fighter-select__keys>span{width:10px}.fighter-select__keys kbd{min-width:23px;padding:3px 5px;border:1px solid #769acd;border-bottom-width:3px;background:#10294c;color:#ebf5ff;font:11px/1.2 Arial Narrow,sans-serif}.fighter-select__touch-hint{display:none;margin:0;color:#9db8db;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:10px;font-weight:800;text-align:right}@keyframes fighter-select-enter{0%{opacity:0}to{opacity:1}}@media(max-height:600px)and (orientation:landscape){.fighter-select{gap:6px;padding:10px 6%}.fighter-select__topline{margin-bottom:3px;font-size:9px}.fighter-select__topline b{font-size:11px;padding:2px 6px}.fighter-select h2{font-size:clamp(24px,4vw,36px)}.fighter-select__title-rule{margin-top:5px;height:3px}.fighter-select__choices{width:min(90%,670px);gap:46px}.fighter-choice__tag{top:9px;left:9px;font-size:8px}.fighter-choice__marker{top:6px;right:8px;font-size:20px}.fighter-choice__plate{min-height:20%;padding:4px 10px}.fighter-choice__name{font-size:27px}.fighter-choice__portrait{bottom:18%}.fighter-choice__select{font-size:9px}.fighter-select__opponent{font-size:17px}#fighter-select-detail{font-size:9px}.fighter-select__navigation{margin-top:3px}.fighter-select__back{min-width:87px;min-height:44px;padding:5px 12px;font-size:14px}.fighter-select__keys{font-size:9px}}@media(orientation:portrait){#ui.is-choosing-fighter{position:fixed;inset:0;z-index:30;container-type:normal}.fighter-select{gap:14px;padding:max(20px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom))}.fighter-select__topline{font-size:9px;margin-bottom:12px}.fighter-select h2{font-size:clamp(26px,6vw,42px)}.fighter-select__title-rule{width:90%;margin-top:12px}.fighter-select__choices{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:16px;max-height:none;max-width:520px}.fighter-choice__portrait{inset:2% 46% 2% 0}.fighter-choice__number{top:12%;right:4%;font-size:clamp(100px,28vw,170px)}.fighter-choice__tag{left:auto;right:15px;top:14px;max-width:43%;font-size:9px;border-left-width:3px}.fighter-choice__marker{right:15px;top:37px;font-size:23px}.fighter-choice__plate{left:52%;right:0;bottom:13%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:31%;padding:9px 10px;border-bottom:2px solid #5b7399}.fighter-choice__name{font-size:clamp(29px,7.8vw,46px)}.fighter-choice__select{font-size:11px}.fighter-select__versus{top:50%;left:50%;width:53px;height:53px;font-size:37px}.fighter-select__matchup{gap:6px}.fighter-select__opponent{font-size:23px}#fighter-select-detail{font-size:10px}.fighter-select__navigation{margin-top:12px}.fighter-select__keys{display:none}.fighter-select__touch-hint{display:block;max-width:190px;font-size:10px;line-height:1.5}}@media(orientation:portrait)and (max-height:670px){.fighter-select{gap:9px;padding:12px 16px}.fighter-select__topline{margin-bottom:6px}.fighter-select__title-rule{margin-top:7px}.fighter-select__opponent{font-size:19px}.fighter-select__navigation{margin-top:6px}.fighter-choice__tag{top:10px}.fighter-choice__marker{top:30px;font-size:20px}}@media(pointer:coarse)and (orientation:landscape){.fighter-select__keys{display:none}.fighter-select__touch-hint{display:block}}@media(prefers-reduced-motion:reduce){.fighter-select,.fighter-select *{animation:none!important;transition:none!important}}@font-face{font-family:Kontres Arcade;src:url(/assets/fonts/RobotoCondensed-Italic.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}.story-intro{--story-blue: #69bbff;--story-yellow: #ffe04b;--story-silver: #c7def8;position:absolute;inset:0;z-index:40;display:flex;flex-direction:column;padding:clamp(16px,2.8vw,38px);overflow:hidden;color:#eff6ff;background:linear-gradient(180deg,#020817b3,#0208170a 23%,#02081700 48%,#020817c9);pointer-events:auto;isolation:isolate;animation:story-enter .3s ease-out both}.story-intro[hidden]{display:none!important}.story-welcome[hidden]{display:none}.story-welcome{position:absolute;top:12%;bottom:25%;left:50%;transform:translate(-50%);aspect-ratio:2 / 3;padding:5px;border:2px solid #88caff;border-top:5px solid #ffe04b;background:#07122b;box-shadow:0 8px 30px #0008}.story-welcome video{display:block;width:100%;height:100%;object-fit:contain}.story-intro[data-phase=welcome] .story-intro__caption{z-index:1}#ui.has-story-intro>.fight-hud,#ui.has-story-intro>.phase-banner,#ui.has-story-intro>.touch-controls,#ui.has-story-intro>.utility-controls{visibility:hidden}.story-intro:before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 110px #01071766;pointer-events:none}.story-intro__top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.story-intro__slate{padding:5px 0 7px 13px;border-left:4px solid var(--story-yellow);text-shadow:2px 2px #010817}.story-intro__chapter{color:var(--story-blue);font:italic clamp(11px,1vw,15px)/1 var(--display, Impact, sans-serif);letter-spacing:.15em}.story-intro h2{margin:5px 0 0;font:800 clamp(12px,1.2vw,18px)/1.2 "Arial Narrow","Avenir Next Condensed",sans-serif;letter-spacing:.04em}.story-intro__skip{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 14px;min-width:160px;min-height:55px;padding:9px 18px 7px;border:2px solid #fff4a4;border-bottom-color:#986506;background:linear-gradient(#fff6a6,#ffe04c 48%,#f6b824 50%,#ffd647);box-shadow:3px 4px #031129b3;color:#172548;font:italic clamp(17px,1.5vw,22px)/1 var(--display, Impact, sans-serif);text-align:left;transform:skew(-6deg)}.story-intro__skip b{font-size:20px}.story-intro__skip small{grid-column:1 / -1;color:#65501c;font:800 9px/1.3 Arial Narrow,sans-serif;letter-spacing:.1em}.story-intro__skip:hover{filter:brightness(1.12)}.story-intro__skip:active{transform:skew(-6deg) translateY(2px)}.story-intro__caption{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;width:min(100%,1240px);min-height:156px;max-height:29%;margin:auto auto 0;padding:13px 18px;border:2px solid #7296c5;border-top-color:#d7ebff;border-bottom-color:#284369;background:linear-gradient(110deg,#103a80ed,#07162ef5 38%,#09162af5);box-shadow:0 0 0 3px #04112980,6px 7px #01071580}.story-intro__caption:before{content:"";position:absolute;top:-2px;left:0;width:27%;height:4px;background:var(--story-blue)}.story-intro__portrait{position:relative;align-self:stretch;min-height:130px;overflow:hidden;border:1px solid #5684bc;border-top-color:#c8e0ff;background:repeating-linear-gradient(0deg,transparent 0 3px,#05112655 3px 4px),linear-gradient(140deg,#155cac,#06112c)}.story-intro__fighter{position:absolute;inset:0;display:none;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(3px 2px 4px #0007)}.story-intro__emblem{position:absolute;inset:0;display:grid;place-content:center;grid-auto-flow:column;color:#e3f1ff;font:italic clamp(70px,9vw,120px)/1 var(--display, Impact, sans-serif);text-shadow:3px 3px #0c366f,5px 5px #02091d}.story-intro__emblem span{color:#ffe144}.story-intro__portrait-rule{position:absolute;bottom:0;right:0;left:0;height:6px;background:linear-gradient(90deg,#0879f4 0 44%,#edf6ff 44% 56%,#ef354c 56%)}.story-intro[data-speaker=man] .story-intro__fighter--man,.story-intro[data-speaker=woman] .story-intro__fighter--woman,.story-intro[data-speaker=both] .story-intro__fighter{display:block}.story-intro[data-speaker=man] .story-intro__emblem,.story-intro[data-speaker=woman] .story-intro__emblem,.story-intro[data-speaker=both] .story-intro__emblem{display:none}.story-intro[data-speaker=woman]{--story-blue: #ff818f}.story-intro[data-speaker=woman] .story-intro__portrait{background:repeating-linear-gradient(0deg,transparent 0 3px,#05112655 3px 4px),linear-gradient(140deg,#86284f,#1f102d)}.story-intro[data-speaker=both] .story-intro__fighter--man{left:-17%;width:80%}.story-intro[data-speaker=both] .story-intro__fighter--woman{left:37%;width:80%}.story-intro__dialogue{display:flex;flex-direction:column;gap:10px;min-width:0;min-height:0}.story-intro__speaker-row{display:flex;align-items:baseline;justify-content:space-between;gap:18px;flex-shrink:0}.story-intro__speaker{color:var(--story-yellow);font:900 clamp(16px,1.7vw,25px)/1.2 "Arial Narrow","Avenir Next Condensed",sans-serif;letter-spacing:.04em;text-shadow:2px 2px #031229}.story-intro__counter{color:#7897bd;font:italic 14px/1 var(--display, Impact, sans-serif);white-space:nowrap}.story-intro__text{flex:1;min-height:0;margin:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#4169a0 #0b1b35;scrollbar-width:thin;color:#f1f5ff;font:500 clamp(15px,1.25vw,19px)/1.4 "Avenir Next","Arial",sans-serif;text-wrap:pretty}.story-intro__playback{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:17px;flex-shrink:0}.story-intro__status{color:#849fc1;font:800 9px/1.4 Arial Narrow,Avenir Next Condensed,sans-serif;letter-spacing:.045em}.story-intro__play{flex-shrink:0;min-height:44px;padding:9px 14px;border:2px solid #86c9ff;border-bottom-color:#28547a;background:linear-gradient(#1667b9,#133468);color:#edf8ff;font:800 12px/1.2 Arial Narrow,Avenir Next Condensed,sans-serif;box-shadow:2px 2px #0007}.story-intro__play[hidden]{display:none!important}.story-intro__progress{position:absolute;bottom:-2px;left:0;display:block;width:100%;height:4px;border:0;appearance:none;background:#193559}.story-intro__progress::-webkit-progress-bar{background:#193559}.story-intro__progress::-webkit-progress-value{background:var(--story-yellow)}.story-intro__progress::-moz-progress-bar{background:var(--story-yellow)}.story-intro__disclosure{margin:10px 0 0;color:#a8b9d3;font:600 10px/1.35 Arial Narrow,Avenir Next Condensed,sans-serif;text-align:center;text-shadow:1px 1px #010817}.story-intro.is-paused{z-index:3;pointer-events:none}.story-intro.is-paused *{pointer-events:none}.story-versus[hidden]{display:none}.story-versus{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;background:linear-gradient(116deg,#126bff28,transparent 43%,transparent 58%,#f6345533)}.story-versus:before{content:"";position:absolute;width:5px;height:140%;transform:rotate(16deg);background:#e7f6ff;box-shadow:0 0 15px #74caff,0 0 70px #207fff;opacity:.7}.story-versus__mark{position:relative;font:italic 950 clamp(120px,25vw,340px)/1 var(--display, Impact, sans-serif);letter-spacing:-.12em;padding-right:.12em;color:#ffe55c;-webkit-text-stroke:3px #fff0b5;text-shadow:6px 7px #9e322b,11px 12px #160c28,0 0 50px #ffcf5955;transform:rotate(-9deg);animation:versus-slam .28s cubic-bezier(.14,.74,.31,1) both}.story-versus__eyebrow{position:absolute;top:9%;color:#e3ecff;font:900 italic clamp(13px,2vw,23px)/1 sans-serif;letter-spacing:.28em;text-shadow:2px 3px #050a16}.story-versus__names{position:absolute;bottom:13%;width:91%;display:flex;justify-content:space-between;color:#fff}.story-versus__names>span{--name-light: #72d6ff;position:relative;flex:0 0 34%;min-width:0;padding:13px 22px 15px;border-bottom:4px solid var(--name-light);background:linear-gradient(100deg,#062d62ed,#09275494 82%,#09275400);transform:skew(-8deg);animation:name-slam-left .5s .08s both}.story-versus__names>span:last-child{--name-light: #ff789b;text-align:right;background:linear-gradient(-100deg,#5c1034ed,#3d102f94 82%,#3d102f00);animation-name:name-slam-right}.story-versus__names small{display:block;margin-bottom:4px;color:var(--name-light);font:italic 700 clamp(12px,1.45vw,22px)/1 "Kontres Arcade",sans-serif;letter-spacing:.27em}.story-versus__names strong{display:block;font:italic 900 clamp(24px,4.3vw,66px)/1 "Kontres Arcade",sans-serif;letter-spacing:.015em;text-shadow:2px 3px #031020,0 0 18px #ffffff38}.story-versus__names>span:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff4d 49%,transparent 63%);transform:translate(-130%);animation:name-sheen 1s .24s both;pointer-events:none}.story-versus:after{content:"";position:absolute;inset:0;z-index:2;background:#c4eaff;pointer-events:none;animation:versus-flash .55s both}.story-intro.is-paused *,.story-intro.is-paused *:before,.story-intro.is-paused *:after{animation-play-state:paused!important}.story-versus__venue{position:absolute;bottom:8%;font:800 clamp(10px,1vw,15px)/1 sans-serif;letter-spacing:.3em;color:#d5dbe5}.story-intro[data-phase=versus] .story-intro__caption,.story-intro[data-phase=versus] .story-intro__disclosure,.story-intro[data-phase=versus] .story-intro__slate{visibility:hidden}.story-intro[data-phase=versus] .story-intro__skip{position:relative;z-index:2;margin-left:auto}.story-intro[data-phase=versus]{background:linear-gradient(#0207119e,transparent 23%,transparent 68%,#020711cc)}@keyframes versus-slam{0%{transform:rotate(-9deg) scale(2.2);opacity:0}to{transform:rotate(-9deg) scale(1);opacity:1}}@keyframes versus-flash{0%{opacity:.38}55%,to{opacity:0}}@keyframes name-slam-left{0%{transform:translate(-65%) skew(-8deg);opacity:0}to{transform:translate(0) skew(-8deg);opacity:1}}@keyframes name-slam-right{0%{transform:translate(65%) skew(-8deg);opacity:0}to{transform:translate(0) skew(-8deg);opacity:1}}@keyframes name-sheen{to{transform:translate(130%)}}@keyframes story-enter{0%{opacity:0}to{opacity:1}}@media(orientation:portrait){.story-versus__names{bottom:24%;width:94%}.story-versus__names>span{flex-basis:39%;padding:10px 8px}.story-versus__names strong{font-size:clamp(20px,6vw,34px)}#ui.has-story-intro{position:fixed;inset:0;z-index:40;container-type:normal}.story-intro{padding:max(18px,env(safe-area-inset-top)) 15px max(15px,env(safe-area-inset-bottom));background:linear-gradient(#020817c7,transparent 28%,transparent 43%,#020817f0 72%)}.story-intro__top{align-items:center;gap:10px}.story-intro__slate{padding-left:9px}.story-intro h2{max-width:145px;font-size:11px;line-height:1.4}.story-intro__chapter{font-size:10px}.story-intro__skip{min-width:142px;min-height:54px;padding:9px 11px;font-size:17px;gap:4px 8px}.story-intro__skip small{font-size:8px}.story-intro__caption{grid-template-columns:58px minmax(0,1fr);gap:11px;min-height:0;max-height:53%;padding:14px 12px}.story-intro__portrait{min-height:0;height:94px;align-self:start}.story-intro__emblem{font-size:49px}.story-intro__speaker{font-size:16px}.story-intro__speaker-row{gap:8px}.story-intro__counter{font-size:11px}.story-intro__dialogue{gap:9px}.story-intro__text{font-size:15px;line-height:1.5}.story-intro__playback{flex-wrap:wrap;gap:8px}.story-intro__status{font-size:8px}.story-intro__disclosure{font-size:9px;line-height:1.4}#app:has(.story-intro:not([hidden])) .site-footer{display:none}body.is-playing #app:has(.story-intro[data-phase=versus]:not([hidden])){justify-content:center;padding-top:0}#ui.has-story-intro:has(.story-intro[data-phase=versus]){position:absolute}.story-intro[data-phase=versus]{padding:6px 10px}.story-intro[data-phase=versus] .story-intro__skip{min-width:120px;min-height:44px;padding:4px 8px;font-size:14px}.story-intro[data-phase=versus] .story-intro__skip small{display:none}.story-versus__mark{font-size:clamp(80px,24vw,140px);-webkit-text-stroke-width:1px}.story-versus__eyebrow{display:none}.story-versus__names{bottom:10%}.story-versus__names>span{flex-basis:39%;padding:5px 8px;border-bottom-width:2px}.story-versus__names small{font-size:9px;margin-bottom:2px}.story-versus__names strong{font-size:clamp(18px,5.6vw,34px)}.story-versus__venue{bottom:3%;font-size:7px;letter-spacing:.2em}}@media(orientation:landscape)and (max-height:600px){.story-intro{padding:12px 20px}.story-intro__slate{padding:2px 0 4px 10px}.story-intro__chapter{font-size:10px}.story-intro h2{font-size:11px}.story-intro__skip{min-width:149px;min-height:46px;padding:5px 12px;font-size:16px}.story-intro__skip small{font-size:8px}.story-intro__caption{grid-template-columns:83px minmax(0,1fr);gap:14px;min-height:0;max-height:59%;padding:11px 14px}.story-intro__portrait{min-height:107px}.story-intro__emblem{font-size:71px}.story-intro__dialogue{gap:5px}.story-intro__speaker{font-size:16px}.story-intro__text{font-size:13px;line-height:1.4}.story-intro__status{font-size:8px}.story-intro__disclosure{margin-top:7px;font-size:8px}}@media(prefers-reduced-motion:reduce){.story-intro,.story-versus__mark,.story-versus__names>span{animation:none}.story-versus:after,.story-versus__names>span:after{display:none}}:root{color-scheme:dark;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;color:#f5f8ff;background:#040817;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #0879f4;--cyan: #40dbff;--red: #ff363d;--yellow: #ffdb38;--gold: #ffbe1c;--paper: #f5f8ff;--muted: #8cadd2;--display: Impact, "Arial Black", "Arial Narrow", sans-serif;--condensed: Impact, "Arial Black", "Arial Narrow", sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(ellipse at 50% 0,#132452,#040817 75%)}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #fff36b;outline-offset:4px}button,kbd{-webkit-user-select:none;user-select:none}[hidden]{display:none!important}#app,.app-shell{--shell-chrome: 150px;--shell-padding: clamp(14px, 3.5vw, 60px);width:min(1600px,100%,calc((100dvh - var(--shell-chrome)) * 16 / 9 + var(--shell-padding) + var(--shell-padding)));min-height:100dvh;margin:0 auto;padding:0 var(--shell-padding);display:flex;flex-direction:column;justify-content:center}.site-header,.masthead{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a6c4ee}.brand,.wordmark,.site-title{color:#fff;font-family:var(--display);font-size:24px;font-style:italic;letter-spacing:.03em;text-decoration:none;text-shadow:2px 2px #035ee2}.brand span,.wordmark span{color:var(--yellow)}.site-header p,.masthead p{margin:0}.header-detail,.venue-detail{display:flex;align-items:center;gap:12px}.header-detail:before,.venue-detail:before{content:"";width:7px;height:7px;background:var(--yellow);transform:skew(-15deg)}.header-tag{padding-left:16px;border-left:2px solid #295186;color:#728bb2}main{width:100%}#arena{width:100%;aspect-ratio:16 / 9;position:relative;isolation:isolate;overflow:hidden;background:#060d1c;box-shadow:0 0 0 2px #4a6284,0 0 0 5px #141e33,0 22px 65px #0007}#arena:after{content:"";position:absolute;inset:0;z-index:8;pointer-events:none;border:1px solid #a4cff74d}#game{width:100%;height:100%;position:absolute;inset:0}#game canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}#ui{position:absolute;inset:0;z-index:2;pointer-events:none}#ui.referee-screen-active .phase-banner{visibility:hidden}.game-ui{container-type:inline-size}body.is-playing #app,body.is-playing .app-shell{width:100%;max-width:none;padding:0;min-height:100dvh;align-items:center;justify-content:center}body.is-playing .site-header,body.is-playing .site-footer{display:none}body.is-playing #arena{width:min(100vw,calc(100dvh * 16 / 9));max-width:none;flex:0 0 auto;box-shadow:none}.site-footer,.controls-footer{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:10px;font-weight:600;letter-spacing:.05em;color:#849ec4}.control-guide{display:flex;flex-direction:column;gap:8px}.control-guide p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.control-guide strong{color:var(--cyan);width:21px;font-family:var(--display);font-size:14px;font-style:italic}.control-guide p:nth-child(2) strong{color:#ff6467}.control-guide span{margin-right:8px}kbd{min-width:21px;min-height:20px;padding:2px 4px;border:1px solid #5c82b6;border-bottom:2px solid #254572;background:#14274a;color:#d6e6ff;font:9px/1.35 Arial Narrow,sans-serif;text-align:center}.footer-caption{color:#738aaf;font-size:9px;white-space:nowrap;text-transform:uppercase}.controls-group{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.controls-group strong,.controls-label{color:var(--cyan)}.controls-group--p2 strong{color:var(--red)}.control-item,.key-hint{display:inline-flex;gap:6px;align-items:center}.menu-screen{position:absolute;inset:0;overflow:hidden;pointer-events:auto}.menu-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#030a1d24,#020a23a6 36% 64%,#030a1d24),linear-gradient(0deg,#020824d9,transparent 30%,transparent 74%,#071434c9)}.menu-screen:before,.intro-screen:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#00000018 0 1px,transparent 1px 4px)}.menu-topline{position:absolute;top:4%;left:3.5%;right:3.5%;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d6e9ff;font-family:var(--display);font-size:1cqw;font-style:italic;letter-spacing:.07em}.venue-coordinate{padding:.35cqw .8cqw;border-left:4px solid var(--cyan);background:#053ea793;transform:skew(-8deg)}.arena-label{display:flex;gap:8px;align-items:center;color:var(--yellow)}.arena-label i{width:6px;height:6px;background:var(--yellow)}.menu-content{position:absolute;width:42%;top:13%;left:29%;text-align:center;z-index:3}.menu-kicker{margin:0 0 .8cqw;display:flex;align-items:center;justify-content:center;gap:10px;color:#cfeaff;font-family:var(--display);font-size:1cqw;font-style:italic;letter-spacing:.12em;text-shadow:2px 2px #031836;white-space:nowrap}.menu-kicker span{width:26px;height:4px;background:var(--red);transform:skew(-25deg);box-shadow:0 3px var(--blue)}.game-title{position:relative;display:flex;flex-direction:column;align-items:center;margin:0;transform:skew(-6deg);filter:drop-shadow(0 5px 0 #041743) drop-shadow(3px 1px 0 #28adff)}.game-title>strong{position:relative;font-family:var(--display);font-size:9.4cqw;font-weight:400;font-style:italic;line-height:.97;letter-spacing:-.015em;padding-right:.14em;color:#eef6ff;background:linear-gradient(#fff 2%,#e9f5ff 32%,#7598ce 48%,#1b3973 50%,#dee9ff 57%,#fff 78%,#8cabe0 97%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.09cqw #f1f7ff}.game-title>span{margin-top:-.15cqw;padding-right:.1em;color:var(--yellow);font-family:var(--display);font-size:3.2cqw;font-weight:400;font-style:italic;line-height:1;letter-spacing:.17em;-webkit-text-stroke:.05cqw #ffe783;text-shadow:0 3px #a65302}.menu-tagline{color:var(--yellow);font-family:var(--display);font-size:1.25cqw;font-style:italic;letter-spacing:.13em;margin:1.15cqw 0 1cqw;text-shadow:2px 2px #562400;animation:press-start 1.5s steps(1,end) infinite}.mode-options{width:78%;margin:0 auto;display:flex;flex-direction:column;gap:.48cqw;text-align:left}.mode-button{position:relative;display:flex;align-items:center;gap:1cqw;width:100%;min-height:4.15cqw;padding:.38cqw .95cqw;border:2px solid #72b4f5;border-top-color:#b1dbff;border-bottom-color:#09256d;background:linear-gradient(#1466ce,#08357a);box-shadow:3px 3px #030919;color:#f5f9ff;text-align:left;transform:skew(-7deg);transition:background .12s,transform .12s}.mode-button:hover{background:linear-gradient(#2689ff,#1356bc);transform:skew(-7deg) translate(3px)}.mode-button:active{transform:skew(-7deg) translate(2px,2px);box-shadow:1px 1px #030919}.mode-button--primary{color:#17203e;background:linear-gradient(#fff393,#ffde43 44%,#ffb521);border-color:#fff5b1;border-bottom-color:#c07806}.mode-button--primary:hover{background:linear-gradient(#ffffca,#ffe56f 50%,#ffc229)}.mode-index{font-family:var(--display);font-size:1.5cqw;font-style:italic;opacity:.68}.mode-name{display:flex;flex:1;flex-direction:column;gap:.15cqw;font-family:var(--display);font-size:1.9cqw;font-style:italic;font-weight:400;letter-spacing:.045em;line-height:1}.mode-name small{font-family:Arial Narrow,sans-serif;font-size:.65cqw;font-style:normal;font-weight:700;letter-spacing:.07em;opacity:.72}.mode-arrow{font-family:var(--display);font-size:2cqw;font-weight:400}.menu-footer{position:absolute;bottom:7.5%;left:5%;right:5%;display:flex;justify-content:space-between;align-items:flex-end}.rival-label{color:#e7f6ff;font-family:var(--display);font-size:3.15cqw;font-style:italic;line-height:1;-webkit-text-stroke:.08cqw #004cab;text-shadow:3px 3px #03152f}.rival-label em{display:block;margin-top:.3cqw;color:#81dfff;font-family:Arial Narrow,sans-serif;font-size:.72cqw;font-weight:700;font-style:normal;letter-spacing:.15em;-webkit-text-stroke:0}.rival-label--right{text-align:right;-webkit-text-stroke-color:#b2213a}.rival-label--right em{color:#ff939b}.menu-rule{padding:.35cqw .8cqw;border-top:2px solid #3566b5;color:#ffdf51;font-family:var(--display);font-size:.9cqw;font-style:italic;letter-spacing:.08em}.menu-rule b{padding:0 .55cqw;color:#fff}.is-ready .menu-content{animation:menu-enter .35s ease-out both}@keyframes menu-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes press-start{0%,70%{opacity:1}71%,to{opacity:.55}}.fight-hud{position:absolute;inset:0;pointer-events:none}.health-row{position:absolute;top:3.1%;left:3.5%;right:3.5%;display:grid;grid-template-columns:1fr 10.5% 1fr;align-items:start;gap:2%}.fighter-panel{--fighter-color: #36c7ff;--fighter-frame: #075acf;min-width:0}.fighter-panel--right{--fighter-color: #ff6869;--fighter-frame: #c61d3b}.fighter-heading{display:flex;align-items:center;gap:.7cqw;padding:0 .4cqw .4cqw}.fighter-number{flex-shrink:0;min-width:2.8cqw;padding:.22cqw .3cqw;border:2px solid var(--fighter-color);background:var(--fighter-frame);color:#fff;font-family:var(--display);font-size:1.25cqw;font-style:italic;text-align:center;transform:skew(-9deg);box-shadow:2px 2px #010b22}.fighter-identity{display:flex;flex-direction:column;gap:.1cqw;min-width:0}.fighter-name{color:#fff;font-family:var(--display);font-size:2.75cqw;font-weight:400;font-style:italic;line-height:.95;letter-spacing:.02em;text-shadow:2px 2px 0 #071122,-1px -1px 0 var(--fighter-frame),3px 3px 0 var(--fighter-frame)}.fighter-side{color:#e2edff;font-size:.64cqw;font-weight:700;letter-spacing:.09em;text-shadow:1px 1px 2px #000}.round-marks{display:flex;gap:.4cqw;margin-left:auto;padding:0 .2cqw}.round-marks i{display:grid;place-items:center;width:1.3cqw;height:1.3cqw;border:2px solid #6684b0;border-radius:50%;background:#081832d9;box-shadow:1px 2px #010610}.round-marks i:after{content:"★";font-size:.85cqw;line-height:1;color:#45608c;font-style:normal}.round-marks i.is-won{background:linear-gradient(#fff592,#ffa919);border-color:#fff1a4}.round-marks i.is-won:after{color:#a56508;text-shadow:0 1px #fff58b}.health-track{position:relative;height:2cqw;background:#111a30;border:3px solid var(--fighter-frame);outline:1px solid var(--fighter-color);box-shadow:0 3px #050b20,inset 0 1px #eef7ff;transform:skew(-13deg);overflow:hidden}.health-fill,.health-trail{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:left}.health-fill{background:repeating-linear-gradient(90deg,transparent 0 20px,#926814b0 20px 22px),linear-gradient(#fffca2,#ffe443 47%,#f4ad12 50%,#ffd44c);transition:width 85ms linear;box-shadow:inset 0 2px #ffffd4}.health-trail{background:#ff4859;transition:width .5s ease-out .17s}.health-value{position:absolute;top:50%;right:.7cqw;transform:translateY(-50%) skew(13deg);color:#483709;font-family:var(--display);font-size:.95cqw;font-style:italic;line-height:1;text-shadow:0 1px #ffffac}.fighter-panel--right .fighter-heading{flex-direction:row-reverse}.fighter-panel--right .fighter-identity{align-items:flex-end}.fighter-panel--right .round-marks{margin-left:0;margin-right:auto}.fighter-panel--right .health-track{transform:skew(13deg)}.fighter-panel--right .health-fill,.fighter-panel--right .health-trail{left:auto;right:0;transform-origin:right}.fighter-panel--right .health-value{right:auto;left:.7cqw;transform:translateY(-50%) skew(-13deg)}.energy-line{display:flex;align-items:center;gap:.6cqw;margin-top:.5cqw;padding:0 .2cqw}.energy-track{width:43%;height:.55cqw;min-height:3px;background:#071028cf;border:1px solid #849ec8;transform:skew(-13deg)}.energy-fill{width:0;height:100%;background:repeating-linear-gradient(90deg,#267cdb 0 16px,#104074 16px 18px);transition:width .15s linear}.energy-label{color:#afc8e4;font-family:var(--display);font-size:.75cqw;font-style:italic;letter-spacing:.05em;text-shadow:1px 1px #000}.fighter-panel--right .energy-line{flex-direction:row-reverse}.fighter-panel--right .energy-fill{margin-left:auto;background:repeating-linear-gradient(90deg,#d64465 0 16px,#791e3b 16px 18px)}.is-charged .energy-fill{background:repeating-linear-gradient(90deg,#fbf060 0 16px,#bd9f14 16px 18px);box-shadow:0 0 7px #ffeb7a66}.is-charged .energy-label{color:#fff568}.is-critical .health-fill{background:repeating-linear-gradient(90deg,transparent 0 20px,#852124b0 20px 22px),linear-gradient(#ffb296,#ff714a 47%,#df2736 50%,#ff7951)}.round-clock{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-.4cqw}.timer-caption{color:var(--yellow);font-family:var(--display);font-size:1cqw;font-style:italic;letter-spacing:.12em;line-height:1;text-shadow:2px 2px #041b48}.timer-value{color:#fffceb;font-family:var(--display);font-size:5.3cqw;font-style:italic;font-weight:400;line-height:.95;padding-right:.1em;-webkit-text-stroke:.1cqw #15366c;paint-order:stroke fill;text-shadow:3px 4px #061128}.timer-value.is-urgent{color:#ffb43f}.round-label{order:3;margin-top:.28cqw;color:#ffe648;font-family:var(--display);font-size:.82cqw;font-style:italic;white-space:nowrap;text-shadow:1px 2px #020816}.match-mode{order:4;margin-top:.15cqw;color:#9bc3f8;font-size:.55cqw;font-weight:700;letter-spacing:.06em;white-space:nowrap;text-shadow:1px 1px #000}.combo-readout{position:absolute;top:24%;display:flex;align-items:center;gap:.6cqw;color:#ffec54;font-family:var(--display);font-style:italic;text-shadow:3px 3px #042f80,5px 5px #030814}.combo-readout--left{left:5%}.combo-readout--right{right:5%;flex-direction:row-reverse;text-shadow:3px 3px #9a1732,5px 5px #030814}.combo-readout strong{font-size:5cqw;font-weight:400}.combo-readout span{max-width:6cqw;font-size:1.3cqw;line-height:.95}.phase-banner{position:absolute;inset:31% 13% auto;display:flex;flex-direction:column;align-items:center;text-align:center}.phase-caption{padding:.3cqw 1.6cqw;border-top:2px solid #57b7ff;border-bottom:2px solid #183875;background:#062766bf;color:#fff;font-family:var(--display);font-size:1.2cqw;font-style:italic;letter-spacing:.1em;transform:skew(-8deg);text-shadow:2px 2px #020817}.phase-title{color:#ffe447;font-family:var(--display);font-size:9.4cqw;font-style:italic;font-weight:400;line-height:1.1;letter-spacing:-.02em;padding-right:.12em;-webkit-text-stroke:.12cqw #fff4a3;paint-order:stroke fill;text-shadow:.35cqw .35cqw #cc3516,.6cqw .6cqw #050a20}.phase-rule{width:24cqw;height:.5cqw;background:linear-gradient(90deg,transparent,#45bfff 20%,#fff 50%,#ed3347 80%,transparent);transform:skew(-20deg)}.phase-banner[data-kind=fight] .phase-title{font-size:11.4cqw}.phase-banner[data-kind=ko] .phase-title{color:#fff;font-size:12cqw;-webkit-text-stroke-color:#ffc757;text-shadow:.35cqw .35cqw #d52030,.6cqw .6cqw #050a20}.is-paused .phase-banner{display:none}.utility-controls{position:absolute;right:2.5%;bottom:2%;display:flex;align-items:center;gap:.65cqw;pointer-events:auto;z-index:5}.utility-button{display:flex;align-items:center;gap:6px;min-height:25px;padding:.32cqw .6cqw;border:1px solid #688abb;border-top-color:#a9caee;border-bottom-color:#223858;background:linear-gradient(#213966e6,#101e3be6);color:#cee4ff;font-family:var(--display);font-size:.7cqw;font-style:italic;letter-spacing:.03em;box-shadow:2px 2px #0008}.utility-button:hover{color:#fff78d;border-color:#fe8}.utility-button svg{width:1.15cqw;height:1.15cqw;min-width:13px;min-height:13px}.sound-cross,.is-muted .sound-waves{display:none}.is-muted .sound-cross{display:block}.dialog-screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:#030b20bd;z-index:4}.game-dialog{position:relative;width:33%;min-width:235px;padding:2cqw 2.5cqw;border:3px solid #98bade;border-top-color:#e3f1ff;border-bottom-color:#33547b;background:linear-gradient(125deg,#144daa,#082150 55%,#123779);box-shadow:0 0 0 4px #06142f,8px 8px #0009;text-align:center}.game-dialog:before{content:"";position:absolute;top:-3px;left:14%;right:14%;height:5px;background:#ffe944;box-shadow:0 2px #af5a00}.dialog-kicker{margin:0 0 .45cqw;color:#93c7ff;font-family:var(--display);font-size:.95cqw;font-style:italic;letter-spacing:.06em}.game-dialog h2{margin:0;color:#ffe544;font-family:var(--display);font-size:5.6cqw;font-style:italic;font-weight:400;line-height:1;text-shadow:3px 3px #ca371a,5px 5px #020a24}.dialog-rule{display:block;width:62%;height:3px;margin:1.3cqw auto;background:#5c8ed0;box-shadow:0 1px #0a1634}.action-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:3.5cqw;padding:.75cqw 1cqw;margin-top:.65cqw;border:2px solid #8bc6ff;border-bottom-color:#164986;background:linear-gradient(#1769c7,#0c3b87);color:#fff;font-family:var(--display);font-size:1.35cqw;font-style:italic;letter-spacing:.035em;text-align:left;box-shadow:2px 2px #030b21;transform:skew(-5deg)}.action-button span{font-size:1.5cqw}.action-button:hover{background:linear-gradient(#318eec,#1c5db4)}.action-button--primary{border-color:#fff6aa;border-bottom-color:#b57708;background:linear-gradient(#fff18a,#ffcf35 55%,#ffb223);color:#152343}.action-button--primary:hover{background:linear-gradient(#ffffc1,#ffe876 55%,#ffc83c)}.dialog-note{color:#9bbcee;font-size:.7cqw;font-weight:700;letter-spacing:.06em;margin:1.15cqw 0 0}.dialog-note kbd{font-size:.65cqw;min-height:0;min-width:0;margin-right:4px}.result-dialog{width:37%}.result-title{margin:.4cqw 0 1.1cqw;color:#fff;font-family:var(--display);font-size:2cqw;font-style:italic;letter-spacing:.1em;text-shadow:2px 2px #073988}.result-score{display:flex;align-items:center;justify-content:center;gap:1.2cqw;margin-bottom:1.3cqw;padding:.5cqw;background:#04133480;color:#b7d8ff;font-family:var(--display);font-size:.9cqw;font-style:italic}.result-score span{display:flex;align-items:center;gap:.8cqw}.result-score b{color:#fff4a8;font-size:2.2cqw;font-weight:400}.result-score i{color:#4879b9;font-style:normal}.game-toast{position:absolute;bottom:10%;left:50%;transform:translate(-50%) skew(-6deg);max-width:75%;padding:10px 20px;border:2px solid #b8daff;background:#123d8aed;color:#fff39b;font-family:var(--display);font-size:15px;font-style:italic;text-align:center;z-index:7}.loading-screen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#164da0,#040c28 70%);pointer-events:auto;z-index:10}.loading-monogram{color:#fff;font-family:var(--display);font-size:7cqw;font-style:italic;line-height:1;text-shadow:4px 4px #0079fb,7px 7px #011639}.loading-monogram span{color:var(--yellow)}.loading-screen p{margin:1.5cqw 0 1cqw;color:#e7f4ff;font-family:var(--display);font-size:1.3cqw;font-style:italic;letter-spacing:.06em}.loading-track{height:.7cqw;width:30%;background:#081832;border:2px solid #92c9fa;transform:skew(-10deg)}.loading-fill{width:0;height:100%;background:repeating-linear-gradient(90deg,#ffe451 0 16px,#b3861d 16px 18px);transition:width .2s}.loading-message{margin-top:.8cqw;color:#89b8ee;font-size:.8cqw;letter-spacing:.03em}.loading-percent{margin-top:.8cqw;color:var(--yellow);font-family:var(--display);font-size:2cqw;font-style:italic}.intro-screen{position:absolute;inset:0;z-index:9;overflow:hidden;background:#030a24;pointer-events:auto}.intro-atmosphere{position:absolute;inset:-10%;background:repeating-linear-gradient(135deg,transparent 0 44px,#1552b11c 44px 46px),radial-gradient(ellipse at 50% 40%,#0d5ac19c,transparent 65%);animation:intro-atmosphere 2.8s ease-out both}.intro-flare{position:absolute;top:-40%;width:54%;height:180%;transform:rotate(28deg);filter:blur(10px);opacity:.35}.intro-flare--fire{left:-39%;background:linear-gradient(90deg,transparent,#f3293a 55%,#ffc92b);animation:flare-fire 2.8s ease-out both}.intro-flare--ice{right:-39%;background:linear-gradient(90deg,#4ee5ff,#0059fc 45%,transparent);animation:flare-ice 2.8s ease-out both}.intro-emblem{position:absolute;top:11%;left:43%;width:14%;height:27%;filter:drop-shadow(3px 5px 0 #000a);animation:emblem-reveal 2.8s ease-out both}.intro-emblem svg{display:block;width:100%;height:100%;overflow:visible}.emblem-ring{stroke:#c2e5ff;stroke-width:2;fill:#0b327362}.emblem-line{stroke:#ffe243;stroke-width:3}.emblem-blade--fire{fill:#ffda42;stroke:#fffbcb;stroke-width:1}.emblem-blade--ice{fill:#4ebfff;stroke:#effcff;stroke-width:1}.intro-wordmark{position:absolute;top:41%;left:5%;right:5%;text-align:center;transform:skew(-6deg);animation:intro-title 2.8s cubic-bezier(.2,.8,.25,1) both}.intro-wordmark p{margin:0;color:#f0f7ff;font-family:var(--display);font-size:9cqw;font-weight:400;font-style:italic;letter-spacing:-.01em;line-height:1.05;-webkit-text-stroke:.08cqw #e8f5ff;paint-order:stroke fill;text-shadow:.3cqw .4cqw #1179e5,.55cqw .65cqw #021439}.intro-wordmark p span{color:#ffdc44;-webkit-text-stroke-color:#fff199;text-shadow:.3cqw .4cqw #bf3a18,.55cqw .65cqw #021439}.intro-caption{display:inline-block;margin-top:1.8cqw;padding:.4cqw 1.5cqw;border-top:2px solid #648ccd;border-bottom:2px solid #234c88;background:#061636b0;color:#fff66d;font-family:var(--display);font-size:1.4cqw;font-style:italic;letter-spacing:.19em}.intro-horizon{position:absolute;bottom:24%;left:8%;right:8%;height:3px;background:linear-gradient(90deg,transparent,#0097ff 30%,#fff 50%,#ff3c48 70%,transparent);transform:skew(-24deg);animation:horizon-reveal 2.8s ease-out both}.intro-skip{position:absolute;right:4%;bottom:6%;display:flex;align-items:center;gap:1.8cqw;padding:.65cqw 1.2cqw;border:2px solid #fff09a;border-bottom-color:#c88a10;background:linear-gradient(#fff48a,#ffbd29);color:#1c2850;font-family:var(--display);font-size:1.25cqw;font-style:italic;letter-spacing:.04em;box-shadow:3px 3px #0009;transform:skew(-7deg);z-index:3}.intro-skip span{font-size:1.5cqw}.intro-skip:hover{background:#fff38e}.intro-sparks{position:absolute;inset:0;overflow:hidden}.intro-sparks i{position:absolute;bottom:-4%;left:calc(5% + var(--spark) * 5.2%);width:2px;height:9px;background:#ffd256;transform:rotate(28deg);animation:ember-rise calc(1.4s + var(--spark) * 28ms) linear infinite;animation-delay:calc(var(--spark) * -.17s)}.intro-sparks i:nth-child(2n){background:#7ce8ff;height:5px}[data-screen=intro] .utility-controls{display:none}@keyframes intro-atmosphere{0%{opacity:0;transform:scale(1.2)}40%,to{opacity:1;transform:scale(1)}}@keyframes flare-fire{0%{transform:translate(-40%) rotate(28deg);opacity:0}45%{opacity:.6}to{transform:translate(3%) rotate(28deg);opacity:.3}}@keyframes flare-ice{0%{transform:translate(40%) rotate(28deg);opacity:0}45%{opacity:.6}to{transform:translate(-3%) rotate(28deg);opacity:.3}}@keyframes emblem-reveal{0%{opacity:0;transform:scale(1.8) rotate(-12deg)}35%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes intro-title{0%,8%{opacity:0;transform:translate(-8%) skew(-6deg)}35%,to{opacity:1;transform:translate(0) skew(-6deg)}}@keyframes horizon-reveal{0%,20%{opacity:0;transform:scaleX(.1)}60%,to{opacity:1;transform:scaleX(1)}}@keyframes ember-rise{0%{opacity:0;transform:translate(0) rotate(28deg)}20%{opacity:.8}to{opacity:0;transform:translate(12cqw,-60cqw) rotate(28deg)}}.touch-controls{display:none;position:absolute;left:3%;right:3%;bottom:5%;justify-content:space-between;align-items:end;pointer-events:none}.touch-key{width:44px;height:44px;padding:0;border:2px solid #5ca6eb;border-bottom-color:#254878;background:linear-gradient(#183c76dd,#0b1f48dd);color:#eef9ff;font-family:var(--display);font-size:9px;font-style:italic;border-radius:50%;box-shadow:0 3px #030b21b8;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.touch-key:active,.touch-key.is-pressed{background:#ffe264;border-color:#fff6b9;color:#13294f;transform:translateY(2px);box-shadow:0 1px #030b21}.touch-direction{display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}.touch-direction .touch-key{font-family:Arial Narrow,sans-serif;font-size:24px;font-style:normal;border-radius:5px}.touch-jump{grid-column:2;grid-row:1}.touch-left{grid-column:1;grid-row:2}.touch-crouch{grid-column:2;grid-row:2}.touch-right{grid-column:3;grid-row:2}.touch-actions{display:grid;grid-template-columns:repeat(3,44px);gap:5px}.touch-guard{grid-column:2;color:#adf}.touch-special{grid-column:3;color:#fff587;border-color:#d7b53f;background:linear-gradient(#6a4a13dd,#302718dd)}.touch-key[data-control=punch]{border-color:#ff6376;background:linear-gradient(#8e234add,#39182bdd)}.touch-key[data-control=highKick]{border-color:#51d4d5;background:linear-gradient(#146377dd,#0a2835dd)}.touch-key[data-control=lowKick]{border-color:#d9bd62;background:linear-gradient(#665922dd,#272618dd)}[data-screen=menu] .touch-controls,[data-screen=result] .touch-controls,.is-paused .touch-controls{display:none}@media(pointer:coarse){[data-screen=fight]:not(.is-paused) .touch-controls{display:flex}.utility-button{min-height:32px;min-width:32px;justify-content:center}.utility-button span{display:none}}@media(max-width:900px){#app,.app-shell{--shell-chrome: 146px;--shell-padding: 18px}.site-header,.masthead{min-height:60px;font-size:8px}.brand,.wordmark,.site-title{font-size:22px}.site-footer,.controls-footer{gap:12px;min-height:86px}.control-guide{gap:7px}.control-guide p{gap:5px}.footer-caption{display:none}.mode-name small{font-size:max(6px,.65cqw)}}@media(max-width:600px){#app,.app-shell{--shell-padding: 10px;justify-content:flex-start}.site-header,.masthead{min-height:60px;gap:8px}.brand,.wordmark,.site-title{font-size:20px}.header-detail,.venue-detail{font-size:6px;letter-spacing:.03em;gap:6px}.header-detail:before{width:4px;height:4px}.header-tag{padding-left:7px}.site-footer,.controls-footer{padding:18px 6px;align-items:flex-start;flex-direction:column;gap:14px;font-size:9px}.control-guide{gap:13px}.control-guide p{gap:5px;line-height:1.8}.control-guide strong{width:100%}.control-guide span{margin-right:5px}.menu-topline{top:4%;font-size:1.4cqw}.venue-coordinate{border-left-width:2px}.arena-label{gap:4px}.arena-label i{width:3px;height:3px}.menu-content{width:62%;left:19%;top:10%}.menu-kicker{margin-bottom:1cqw;font-size:1.7cqw;gap:5px}.menu-kicker span{width:12px;height:2px;box-shadow:0 2px var(--blue)}.game-title>strong{font-size:12.5cqw}.game-title>span{font-size:4cqw}.menu-tagline{font-size:2.2cqw;margin:1.1cqw 0 1.4cqw}.mode-options{width:88%;gap:.8cqw}.mode-button{min-height:6.7cqw;padding:.4cqw 1.4cqw;gap:1.4cqw;border-width:1px}.mode-name{font-size:3.2cqw}.mode-name small{display:none}.mode-index{font-size:2.7cqw}.mode-arrow{font-size:3cqw}.menu-footer{bottom:9%;left:4%;right:4%}.rival-label{font-size:3.6cqw}.rival-label em{font-size:1.15cqw;letter-spacing:.04em}.menu-rule{display:none}.utility-controls{right:2%;bottom:1.5%;gap:6px}.utility-button{min-height:20px;padding:3px}.utility-button span{display:none}.utility-button svg{min-width:12px;min-height:12px}.health-row{top:4%;left:3%;right:3%;gap:2.5%;grid-template-columns:1fr 10% 1fr}.fighter-heading{gap:1cqw}.fighter-name{font-size:3.6cqw}.fighter-number{min-width:3.6cqw;padding:.3cqw;font-size:1.9cqw;border-width:1px}.fighter-side{font-size:1.15cqw}.round-marks{gap:.7cqw}.round-marks i{width:1.8cqw;height:1.8cqw;border-width:1px}.round-marks i:after{font-size:1.2cqw}.health-track{height:2.5cqw;border-width:1px}.health-fill{background-size:50% 100%}.health-value{font-size:1.5cqw}.energy-track{height:.8cqw}.energy-label{font-size:1.25cqw}.timer-caption{font-size:1.4cqw}.timer-value{font-size:6.4cqw}.round-label{font-size:1.25cqw}.match-mode{font-size:.9cqw}.phase-caption{font-size:2cqw;border-width:1px}.game-dialog{width:62%;min-width:190px;padding:2.5cqw 3cqw;border-width:2px;box-shadow:0 0 0 2px #06142f,4px 4px #0009}.dialog-kicker{font-size:1.8cqw}.game-dialog h2{font-size:7cqw}.dialog-rule{margin:1.5cqw auto;height:2px}.action-button{min-height:7cqw;margin-top:1cqw;padding:1cqw 2cqw;font-size:2.7cqw;border-width:1px}.action-button span{font-size:2.7cqw}.dialog-note{font-size:1.35cqw;margin-top:1.5cqw}.dialog-note kbd{font-size:1.3cqw}.result-title{font-size:3cqw}.result-score{font-size:1.7cqw}.result-score b{font-size:3.5cqw}.loading-screen p{font-size:2cqw}.loading-message{font-size:1.6cqw}.loading-percent{font-size:3cqw}.intro-caption{font-size:2cqw;border-width:1px}.intro-skip{min-height:7cqw;font-size:2.4cqw;padding:.8cqw 2cqw;border-width:1px}.intro-skip span{font-size:3cqw}.game-toast{font-size:11px;padding:7px 10px}}@media(max-width:600px)and (pointer:coarse)and (orientation:portrait){body.is-playing #app{justify-content:flex-start;padding-top:max(12px,env(safe-area-inset-top))}body.is-playing .site-footer{display:flex;width:100%}#arena:has([data-screen=fight]){overflow:visible}#ui[data-screen=fight] .touch-controls{top:calc(100% + 25px);bottom:auto;left:2%;right:2%}#ui[data-screen=fight] .touch-key{width:44px;height:44px;font-size:9px}#ui[data-screen=fight] .touch-direction{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px);gap:5px}#ui[data-screen=fight] .touch-direction .touch-key{font-size:23px}#ui[data-screen=fight] .touch-actions{grid-template-columns:repeat(3,44px);gap:5px}#ui[data-screen=fight] .utility-controls{top:calc(100% + 143px);bottom:auto;left:2%;right:2%;justify-content:center;gap:24px}#ui[data-screen=fight] .utility-button{min-width:44px;min-height:36px}#ui[data-screen=fight] .utility-button svg{width:18px;height:18px}#app:has([data-screen=fight]) .site-footer{min-height:235px;justify-content:flex-end;align-items:center}#app:has([data-screen=fight]) .control-guide{display:none}#app:has([data-screen=fight]) .site-footer:after{content:"ROTATE YOUR PHONE FOR A WIDER ARENA";align-self:flex-end;margin-bottom:5px;color:#8dafe0;font-family:var(--display);font-size:10px;font-style:italic;letter-spacing:.06em}.menu-footer{display:none}}@media(max-height:600px)and (orientation:landscape){#app,.app-shell{--shell-chrome: 0px;--shell-padding: 0px;min-height:100dvh;align-items:center;justify-content:center}.site-header,.masthead,.site-footer,.controls-footer{display:none}main{max-width:calc(100dvh * 16 / 9)}#arena{max-width:calc(100dvh * 16 / 9);margin:0 auto}}@media(max-height:600px)and (orientation:landscape)and (pointer:coarse){[data-screen=fight] .utility-controls{top:22%;bottom:auto}}#arena:fullscreen{width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);max-width:none;margin:auto}#arena::backdrop{background:#030614}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.intro-sparks{display:none}}