.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-select[data-count="3"] .fighter-select__choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2.4vw,34px);width:min(100%,1040px)}.fighter-select[data-count="4"] .fighter-select__choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.8vw,26px);width:min(100%,1120px)}.fighter-select:not([data-count="2"]) .fighter-choice__name{font-size:clamp(20px,2.5vw,40px)}.fighter-select[data-count="10"] .fighter-select__choices{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(8px,1.2vw,18px);width:min(100%,1180px);max-height:560px}.fighter-select[data-count="10"] .fighter-choice__name{font-size:clamp(15px,1.7vw,28px)}.fighter-select[data-count="10"] .fighter-choice__number{font-size:clamp(60px,8vw,120px)}.fighter-select[data-count="10"] .fighter-choice__tag{left:9px;top:8px;font-size:clamp(7px,.7vw,10px)}.fighter-select[data-count="10"] .fighter-choice__plate{padding:5px 9px}.fighter-select:not([data-count="2"]) .fighter-choice__select{display:none}.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--adonis{--choice-color: #ffd34a;--choice-dark: #7a5a0e;background:linear-gradient(135deg,#1d4ea6,#0a1533 70%)}.fighter-choice--paul{--choice-color: #ff5a4a;--choice-dark: #7a1410;background:linear-gradient(225deg,#8f1d1d,#2a0c0c 72%)}.fighter-choice--alex{--choice-color: #2ecc71;--choice-dark: #0f5a31;background:linear-gradient(135deg,#17603a,#08201a 70%)}.fighter-choice--koul{--choice-color: #ff44aa;--choice-dark: #7a1450;background:linear-gradient(225deg,#8a1f5d,#2a0c20 72%)}.fighter-choice--floutsos{--choice-color: #ea80fc;--choice-dark: #5d2a7a;background:linear-gradient(135deg,#5b2a86,#160b2a 70%)}.fighter-choice--orinos{--choice-color: #ffb347;--choice-dark: #7a4a10;background:linear-gradient(225deg,#8a5418,#2a170a 72%)}.fighter-choice--giorgi{--choice-color: #b07cff;--choice-dark: #3f1f7a;background:linear-gradient(135deg,#3d2380,#0d0a2a 70%)}.fighter-choice--fan{--choice-color: #1de9b6;--choice-dark: #0d5a4a;background:linear-gradient(225deg,#11705d,#06221d 72%)}.fighter-choice.is-taken{cursor:default;filter:grayscale(.7) brightness(.62)}.fighter-choice__turn{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;filter:drop-shadow(8px 8px 4px #0008)}.fighter-choice.is-turning .fighter-choice__portrait img{visibility:hidden}.fighter-choice.is-taken .fighter-choice__marker{opacity:1;transform:none;color:#9fd8ff}.fighter-select[data-player="2P"] .fighter-select__player{background:#ff6b78}.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-select[data-count="10"] .fighter-select__choices{width:min(96%,940px);gap:8px}.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-select:not([data-count="2"]) .fighter-select__choices{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:minmax(0,1fr);gap:12px}.fighter-select[data-count="10"] .fighter-select__choices{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:8px}.fighter-select[data-count="10"] .fighter-choice__name{font-size:clamp(13px,4vw,20px)}.fighter-select[data-count="10"] .fighter-choice__tag{display:none}.fighter-select:not([data-count="2"]) .fighter-choice__portrait{inset:6% 5% 16%}.fighter-select:not([data-count="2"]) .fighter-choice__tag{left:10px;right:auto;top:10px;max-width:none;font-size:8px}.fighter-select:not([data-count="2"]) .fighter-choice__marker{right:10px;top:8px;font-size:18px}.fighter-select:not([data-count="2"]) .fighter-choice__plate{left:-1px;right:-1px;bottom:0;flex-direction:row;min-height:16%;padding:6px 10px;border-bottom:0}.fighter-select:not([data-count="2"]) .fighter-choice__name{font-size:clamp(18px,5.6vw,30px)}.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}}.fighter-select[data-layout=arena] .fighter-select__arena{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(8px,1.6vw,24px);height:100%;min-height:0;width:100%;margin:0 auto}.fighter-select[data-layout=arena] .fighter-select__choices{grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;gap:clamp(5px,.8vw,12px);width:100%;height:auto;max-height:none;align-self:center;margin:0}.fighter-select[data-layout=arena]:is([data-count="13"],[data-count="14"],[data-count="15"],[data-count="16"],[data-count="17"],[data-count="18"]) .fighter-select__choices{max-width:calc((100dvh - 200px)*1.7);justify-self:center}.fighter-select[data-layout=arena] .fighter-choice__plate{padding-inline:2px}.fighter-choice--nik2{--choice-color: #ffd957;--choice-dark: #745115}.fighter-choice--anna2{--choice-color: #ef9dff;--choice-dark: #792d91}.fighter-select[data-layout=arena] .fighter-choice{aspect-ratio:1 / 1.12;height:auto;border-width:2px}.fighter-select[data-layout=arena] .fighter-choice__number,.fighter-select[data-layout=arena] .fighter-choice__tag,.fighter-select[data-layout=arena] .fighter-choice__select{display:none}.fighter-select[data-layout=arena] .fighter-choice__portrait{inset:0 0 20%}.fighter-select[data-layout=arena] .fighter-choice__portrait img{object-fit:cover;object-position:center top;filter:saturate(.95)}.fighter-select[data-layout=arena] .fighter-choice__plate{min-height:20%;padding:2px 6px;justify-content:center}.fighter-select[data-layout=arena] .fighter-choice__name{font-size:clamp(9px,1.1vw,18px);white-space:nowrap}.fighter-select[data-layout=arena] .fighter-choice--floutsos .fighter-choice__name{font-size:clamp(7.5px,.9vw,15px)}.fighter-select[data-layout=arena] .fighter-choice__marker{top:3px;right:5px;font-size:clamp(12px,1.2vw,18px)}.fighter-select[data-layout=arena] .fighter-choice.is-chosen{animation:tile-chosen .65s ease-out both}.select-hero{position:relative;margin:0;height:100%;min-height:0;overflow:visible;--hero: #51c9ff;--flip: 1}.select-hero--p2{--hero: #ff5a78}.select-hero__body{position:absolute;left:50%;bottom:11%;width:auto;height:96%;translate:-50% 0;object-fit:contain;object-position:center bottom;transform:scaleX(var(--flip));filter:drop-shadow(0 0 1.2vw color-mix(in srgb,var(--hero) 70%,transparent)) drop-shadow(6px 8px 4px #000a)}.select-hero__turn{position:absolute;pointer-events:none;filter:drop-shadow(0 0 1.2vw color-mix(in srgb,var(--hero) 70%,transparent)) drop-shadow(6px 8px 4px #000a)}.select-hero.is-turning .select-hero__body{visibility:hidden}.select-hero__beam{position:absolute;left:12%;right:12%;bottom:10%;height:92%;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--hero) 45%,transparent),transparent 62%);opacity:.75}.select-hero__glow{position:absolute;inset:-6% -10% 6%;z-index:3;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 50% 55%,#fffbe6 0,color-mix(in srgb,var(--hero) 80%,#fff) 22%,transparent 64%);mix-blend-mode:screen}.select-hero figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:6px 4px;border-top:2px solid var(--hero);background:linear-gradient(#0b1a3ee6,#050c1fee)}.select-hero__tag{padding:1px 6px;background:var(--hero);color:#06122c;font-family:var(--display);font-size:clamp(11px,1vw,15px);font-style:italic}.select-hero__name{color:#fff;font-family:var(--display);font-size:clamp(18px,2.4vw,38px);font-weight:400;font-style:italic;line-height:1;text-shadow:2px 2px #02091c}.select-hero__title{color:#9fb8de;font-family:Arial Narrow,sans-serif;font-size:clamp(8px,.75vw,11px);font-weight:800;letter-spacing:.12em}.select-hero__unknown{position:absolute;inset:0 0 13%;display:none;place-items:center;color:color-mix(in srgb,var(--hero) 60%,#fff);font-family:var(--display);font-size:clamp(80px,12vw,180px);font-style:italic;opacity:.55}.select-hero.is-unknown .select-hero__unknown{display:grid}.select-hero.is-unknown .select-hero__body,.select-hero.is-unknown .select-hero__name,.select-hero.is-unknown .select-hero__title{visibility:hidden}.select-hero.is-entering .select-hero__body{animation:hero-in-left .32s cubic-bezier(.2,.9,.3,1) both}.select-hero--p2.is-entering .select-hero__body{animation-name:hero-in-right}.select-hero.is-chosen .select-hero__glow{animation:hero-flare .65s ease-out both}.select-hero.is-chosen .select-hero__body,.select-hero.is-chosen .select-hero__turn{animation:hero-chosen .65s ease-out both}.select-hero.is-chosen .select-hero__beam{opacity:1}@keyframes hero-in-left{0%{opacity:0;translate:-68% 0}to{opacity:1;translate:-50% 0}}@keyframes hero-in-right{0%{opacity:0;translate:-32% 0}to{opacity:1;translate:-50% 0}}@keyframes hero-flare{0%{opacity:0;transform:scale(.6)}25%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}@keyframes hero-chosen{0%{filter:brightness(1) drop-shadow(0 0 0 #fff)}25%{filter:brightness(2.2) drop-shadow(0 0 2.4vw #fff6c8)}to{filter:brightness(1.12) drop-shadow(0 0 1.6vw color-mix(in srgb,var(--hero) 90%,#fff))}}@keyframes tile-chosen{0%,to{box-shadow:0 0 0 2px #e69d20}30%{box-shadow:0 0 0 4px #fff,0 0 26px 8px #ffe66b}}@media(orientation:portrait){.fighter-select[data-layout=arena] .fighter-select__arena{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"p1 p2" "grid grid";align-items:stretch}.fighter-select[data-layout=arena] .select-hero--p1{grid-area:p1}.fighter-select[data-layout=arena] .select-hero--p2{grid-area:p2}.fighter-select[data-layout=arena] .fighter-select__choices{grid-area:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:8px}.select-hero{height:100%;min-height:140px}.fighter-select[data-layout=arena] .fighter-choice__portrait{inset:0 0 20%}.fighter-select[data-layout=arena] .fighter-choice__plate{left:-1px;right:-1px;bottom:0;flex-direction:row;min-height:20%;padding:2px 4px;border-bottom:0}.fighter-select[data-layout=arena] .fighter-choice__name{font-size:clamp(10px,3.4vw,17px)}.fighter-select[data-layout=arena] .fighter-choice--floutsos .fighter-choice__name{font-size:clamp(9px,2.9vw,15px)}}@media(orientation:portrait)and (max-height:740px){.fighter-select[data-layout=arena] .fighter-select__choices{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.fighter-select[data-layout=arena] .fighter-choice__name{font-size:clamp(8px,2.3vw,12px)}.fighter-select[data-layout=arena] .fighter-choice--floutsos .fighter-choice__name{font-size:clamp(7px,1.9vw,10px)}}@media(max-height:600px)and (orientation:landscape){.fighter-select[data-layout=arena] .fighter-select__choices{width:100%;gap:5px}}.fighter-select[data-team=true] .fighter-choice.is-taken{filter:grayscale(1) brightness(.4)}.presenter-clip{position:absolute;inset:0;z-index:45;background:#000;pointer-events:auto}.presenter-clip[hidden]{display:none}.presenter-clip__video{width:100%;height:100%;object-fit:cover}.presenter-clip__skip{position:absolute;right:2.5%;bottom:4%;padding:.6cqw 1.3cqw;border:.15cqw solid #fff28d;background:linear-gradient(#ffe84d,#d3961b);color:#1b2845;font-family:var(--display);font-size:1.3cqw;font-style:italic;transform:skew(-8deg);cursor:pointer}.fighter-select[data-team=true] .fighter-select__back{visibility:hidden}.fighter-choice.is-taken[data-out]{filter:none}.fighter-choice.is-taken[data-out]>:not(.fighter-choice__marker){filter:grayscale(1) brightness(.42)}.fighter-choice[data-out]:after{content:attr(data-out);position:absolute;left:-3px;right:-3px;top:30%;z-index:4;padding:3px 0 2px;background:#050a18f2;border-block:1px solid #ffd84a99;color:#ffd84a;font-family:var(--display);font-size:clamp(6.5px,.78vw,12px);font-style:italic;letter-spacing:.03em;line-height:1.05;text-align:center;white-space:normal;transform:rotate(-7deg);pointer-events:none}@media(orientation:portrait){.fighter-choice[data-out]:after{font-size:clamp(7px,2.2vw,11px)}}@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}}.match-loading{--select-yellow: #ffe449;position:absolute;inset:0;z-index:35;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;outline:none;color:#f3f8ff;background:linear-gradient(115deg,#071a49f5,#031026f8 54%,#24091df5),url(/assets/kallimarmaro-crowd.webp) center/cover,#040c22;pointer-events:auto;isolation:isolate;font-family:var(--display, Impact, "Arial Black", sans-serif)}.match-loading[hidden]{display:none!important}.match-loading.is-leaving{opacity:0;pointer-events:none;transition:opacity .22s ease-out}.match-loading__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)}.match-loading__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)}.match-loading__header{position:relative;z-index:1;text-align:center}.match-loading__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}.match-loading__topline>span:first-child{display:flex;align-items:center;gap:8px}.match-loading__topline b{padding:3px 7px;background:var(--select-yellow);color:#0c2045;font-family:var(--display);font-size:13px;font-style:italic;transform:skew(-8deg)}.match-loading__mode{color:#ffd64a;white-space:nowrap}.match-loading 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;white-space:nowrap}.match-loading h2 i{color:#ffe347;font-size:.62em;text-shadow:2px 2px #a86309,4px 4px #02091c}.match-loading__rule{display:flex;justify-content:center;gap:5px;margin:10px auto 0;width:min(78%,620px);height:5px;transform:skew(-30deg)}.match-loading__rule i{flex:1;background:#246fd1;box-shadow:0 1px #9bcfff}.match-loading__rule i:nth-child(2){flex:5;background:linear-gradient(90deg,#1f72d9,#dceeff 46%,#ffe54a 54%,#df3446)}.match-loading__rule i:last-child{background:#da2d46}.match-loading__arena{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1.5fr) minmax(0,1.45fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(8px,1.6vw,24px);height:100%;min-height:0;width:100%;margin:0 auto}.match-loading .select-hero__body{filter:brightness(1.12) drop-shadow(0 0 1.6vw color-mix(in srgb,var(--hero) 90%,#fff)) drop-shadow(6px 8px 4px #000a)}.match-loading .select-hero__beam{opacity:1;animation:match-loading-beam 1.3s ease-in-out infinite alternate}.match-loading__centre{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1vw,14px);min-width:0;text-align:center}.match-loading__mark{position:relative;display:grid;place-items:center;width:clamp(54px,7vw,92px);height:clamp(54px,7vw,92px);margin-bottom:clamp(4px,1vw,14px);color:#fff8c5;font-size:clamp(34px,4.6vw,66px);font-weight:400;font-style:italic;line-height:1;-webkit-text-stroke:1px #febd2a;text-shadow:3px 3px #b72434,5px 5px #02091f;rotate:-9deg;animation:match-loading-mark 1.1s ease-in-out infinite alternate}.match-loading__mark:before{content:"";position:absolute;inset:7%;z-index:-1;border:2px solid #f74757;background:#071634;transform:rotate(45deg);box-shadow:3px 3px #020816}.match-loading__teams{display:flex;align-items:center;justify-content:center;gap:clamp(6px,.9vw,12px)}.match-loading__teams>span{display:flex;gap:clamp(3px,.4vw,6px)}.match-loading__teams img{width:clamp(26px,3.1vw,44px);height:clamp(26px,3.1vw,44px);border:2px solid #51c9ff;border-radius:50%;background:#0b1f48;object-fit:cover;object-position:center top}.match-loading__teams>span:last-child img{border-color:#ff5a78}.match-loading__teams b{color:#ffe347;font-size:clamp(11px,1.2vw,17px);font-weight:400;font-style:italic}.match-loading[data-team=true] .match-loading__mark{display:none}.match-loading__status{margin:0;color:#dcebff;font-size:clamp(12px,1.35vw,20px);font-style:italic;letter-spacing:.08em;text-shadow:2px 2px #02091c}.match-loading__track{position:relative;width:min(100%,420px);height:clamp(10px,1.1vw,16px);overflow:hidden;border:2px solid #92c9fa;background:#081832;box-shadow:3px 3px #02091c;transform:skew(-10deg)}.match-loading__fill{position:relative;width:var(--progress, 0%);height:100%;overflow:hidden;background:repeating-linear-gradient(90deg,#ffe451 0 16px,#b3861d 16px 18px);transition:width .22s linear}.match-loading__fill:after{content:"";position:absolute;top:0;bottom:0;left:0;width:90px;background:linear-gradient(90deg,transparent,#fffbe6cc,transparent);animation:match-loading-sheen 1.1s linear infinite}.match-loading__percent{color:var(--select-yellow);font-size:clamp(20px,2.6vw,40px);font-style:italic;line-height:1;text-shadow:2px 2px #a86309,4px 4px #02091c}.match-loading__retry{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:8px 18px;border:2px solid #fff09a;border-bottom-color:#c88a10;background:linear-gradient(#fff48a,#ffbd29);color:#1c2850;font-family:var(--display);font-size:clamp(14px,1.4vw,20px);font-style:italic;letter-spacing:.04em;box-shadow:3px 3px #0009;transform:skew(-7deg)}.match-loading__retry:hover{background:linear-gradient(#fffbc4,#ffd24d)}.match-loading[data-state=error] .match-loading__status{color:#ff9aa5}.match-loading[data-state=error] .match-loading__track,.match-loading[data-state=error] .match-loading__percent{display:none}.match-loading[data-state=error] .match-loading__mark,.match-loading[data-state=error] .select-hero__beam{animation:none}.match-loading__footer{position:relative;z-index:2;width:min(100%,980px);margin:0 auto}.match-loading__matchup{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.match-loading__venue{color:#ffdf47;font-size:clamp(16px,1.7vw,25px);font-weight:400;font-style:italic;letter-spacing:.07em}.match-loading__detail{color:#93b0d7;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-size:clamp(9px,.8vw,12px);font-weight:800;letter-spacing:.06em}.match-loading__navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.match-loading__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}.match-loading__back:hover{background:#236ac0;border-color:#d9edff}.match-loading__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}.match-loading__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}@keyframes match-loading-beam{0%{opacity:.55}to{opacity:1}}@keyframes match-loading-mark{0%{scale:.94}to{scale:1.06}}@keyframes match-loading-sheen{0%{transform:translate(-90px)}to{transform:translate(420px)}}@media(max-height:600px)and (orientation:landscape){.match-loading{gap:6px;padding:10px 6%}.match-loading__topline{margin-bottom:3px;font-size:9px}.match-loading__topline b{font-size:11px;padding:2px 6px}.match-loading h2{font-size:clamp(24px,4vw,36px)}.match-loading__rule{margin-top:5px;height:3px}.match-loading__venue{font-size:17px}.match-loading__detail{font-size:9px}.match-loading__navigation{margin-top:3px}.match-loading__back{min-width:87px;padding:5px 12px;font-size:14px}.match-loading__keys{font-size:9px}}@media(orientation:portrait){#ui.is-loading-match{position:fixed;inset:0;z-index:30;container-type:normal}.match-loading{gap:14px;padding:max(20px,env(safe-area-inset-top)) 22px max(16px,env(safe-area-inset-bottom))}.match-loading__topline{font-size:9px;margin-bottom:12px}.match-loading h2{font-size:clamp(22px,6vw,42px)}.match-loading__rule{width:90%;margin-top:12px}.match-loading__arena{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"p1 p2" "centre centre"}.match-loading .select-hero--p1{grid-area:p1}.match-loading .select-hero--p2{grid-area:p2}.match-loading__centre{grid-area:centre;padding-bottom:6px}.match-loading__mark{display:none}.match-loading__venue{font-size:23px}.match-loading__detail{font-size:10px}.match-loading__navigation{margin-top:12px}.match-loading__keys{display:none}}@media(pointer:coarse)and (orientation:landscape){.match-loading__keys{display:none}}@media(prefers-reduced-motion:reduce){.match-loading,.match-loading *{animation:none!important;transition:none!important}}.bonus-picker{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6cqw;padding:3cqw;background:radial-gradient(ellipse at 50% 35%,#0d3a86f0,#040c22f7 70%);pointer-events:auto}.bonus-picker[hidden],.bonus-hud[hidden],.bonus-banner[hidden],.bonus-result[hidden]{display:none}.bonus-picker:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#00000018 0 1px,transparent 1px 4px)}.bonus-picker__header{text-align:center}.bonus-picker__kicker{color:#9fdcff;font-family:var(--display);font-size:1.1cqw;font-style:italic;letter-spacing:.2em}.bonus-picker h2{margin:.3cqw 0 0;color:#eef6ff;font-family:var(--display);font-size:4.4cqw;font-style:italic;font-weight:400;letter-spacing:.02em;text-shadow:.3cqw .3cqw #071c4d}.bonus-picker h2 span{color:var(--yellow)}.bonus-picker__cards{display:grid;grid-template-columns:1fr 1fr;gap:2cqw;width:min(100%,78cqw)}.bonus-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:3px solid #98bade;border-top-color:#e3f1ff;border-bottom-color:#33547b;background:linear-gradient(125deg,#144daa,#082150 60%,#123779);box-shadow:0 0 0 4px #06142f,8px 8px #0009;transform:skew(-4deg)}.bonus-card__art{height:12.5cqw;background:var(--art, linear-gradient(#173d7c, #0a1938)) center 70% / cover no-repeat;border-bottom:3px solid #071a45}.bonus-card--hoop .bonus-card__art{background-position:center 60%}.bonus-card__body{padding:1.1cqw 1.4cqw 1.3cqw;transform:skew(4deg)}.bonus-card h3{margin:0;color:#ffe447;font-family:var(--display);font-size:3cqw;font-style:italic;font-weight:400;letter-spacing:.02em;text-shadow:.2cqw .2cqw #a52b10,.35cqw .35cqw #050a20}.bonus-card p{margin:.35cqw 0 1cqw;color:#cfe6ff;font-family:Arial Narrow,sans-serif;font-size:.95cqw;font-weight:700;letter-spacing:.05em}.bonus-card__actions{display:flex;gap:.8cqw}.bonus-button{flex:1;display:flex;justify-content:space-between;align-items:center;min-height:2.9cqw;padding:.4cqw .9cqw;border:2px solid #72b4f5;border-top-color:#b1dbff;border-bottom-color:#09256d;background:linear-gradient(#1466ce,#08357a);color:#f5f9ff;font-family:var(--display);font-size:1.25cqw;font-style:italic;letter-spacing:.04em;box-shadow:3px 3px #030919;cursor:pointer}.bonus-button--primary{color:#17203e;background:linear-gradient(#fff393,#ffde43 44%,#ffb521);border-color:#fff5b1;border-bottom-color:#c07806}.bonus-button:hover,.bonus-button:focus-visible{outline:none;filter:brightness(1.15);transform:translate(2px)}.bonus-back{padding:.5cqw 1.4cqw;border:1px solid #688abb;background:linear-gradient(#213966e6,#101e3be6);color:#cee4ff;font-family:var(--display);font-size:1.1cqw;font-style:italic;letter-spacing:.05em;cursor:pointer}.bonus-back:hover,.bonus-back:focus-visible{color:#fff78d;border-color:#fe8;outline:none}.bonus-hud{position:absolute;inset:0;pointer-events:none;z-index:3}.bonus-commentator{position:absolute;left:13%;top:2%;z-index:5;width:clamp(84px,9.5%,160px);pointer-events:none}.bonus-commentator[hidden]{display:none}.bonus-commentator__frame{position:relative;aspect-ratio:4 / 5;overflow:hidden;border:2px solid #8fc3ff;border-radius:6px;background:#08152e;box-shadow:0 6px 18px #0009,0 0 0 1px #000}.bonus-commentator video{display:block;width:100%;height:100%;object-fit:cover}.bonus-commentator__live{position:absolute;left:6%;top:5%;padding:0 6px;border-radius:3px;background:#e0262f;color:#fff;font:800 clamp(8px,.75vw,11px)/1.6 "Arial Black",sans-serif;letter-spacing:.08em}.bonus-commentator__caption{margin:4px 0 0;padding:3px 6px;border-left:3px solid #ffdb38;background:#0b1c3dd9;color:#fff;font:italic 800 clamp(9px,.9vw,13px)/1.25 sans-serif}.bonus-commentator.is-in{animation:bonus-commentator-in .28s ease-out both}@keyframes bonus-commentator-in{0%{transform:translate(-24px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.bonus-commentator.is-in{animation:none}}.bonus-sprint{position:absolute;top:3%;left:3.5%;right:3.5%;display:grid;grid-template-columns:1fr 11cqw;grid-template-rows:auto auto;column-gap:1.6cqw;row-gap:.5cqw}.bonus-lane{grid-column:1;display:grid;grid-template-columns:2.2cqw 7cqw 1fr 9cqw;align-items:center;gap:.7cqw;padding:.3cqw .7cqw;border-left:4px solid var(--cyan);background:linear-gradient(90deg,#04163cd9,#04163c80);transform:skew(-8deg);color:#fff;font-family:var(--display);font-style:italic}.bonus-lane--1{border-left-color:var(--red)}.bonus-lane__tag{color:var(--cyan);font-size:1.15cqw}.bonus-lane--1 .bonus-lane__tag{color:#ff6b70}.bonus-lane__name{font-size:1.5cqw;letter-spacing:.04em}.bonus-lane__track{position:relative;height:.9cqw;border:1px solid #6d93c8;background:#0a1a38}.bonus-lane__fill{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#1a6ad8,#4fd8ff)}.bonus-lane--1 .bonus-lane__fill{background:linear-gradient(90deg,#a5202e,#ff6a6f)}.bonus-lane__dot{position:absolute;top:50%;left:0;width:1.3cqw;height:1.3cqw;margin:-.65cqw 0 0 -.65cqw;border:2px solid #fff;border-radius:50%;background:var(--yellow)}.bonus-lane__flag{position:absolute;right:-.2cqw;top:-1.35cqw;color:#fff;font-size:.8cqw;font-style:normal;background:repeating-conic-gradient(#fff 0 25%,#111 0 50%) 0 0 / .5cqw .5cqw;padding:0 .2cqw;-webkit-text-stroke:.02cqw #000}.bonus-lane__time{justify-self:end;color:var(--yellow);font-size:1.35cqw;letter-spacing:.03em;white-space:nowrap}.bonus-lane.is-down .bonus-lane__time{color:#ff6b70}.bonus-lane.is-finished .bonus-lane__time{color:#7dffa8}.bonus-sprint__clock{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8eb7ea;border-bottom-color:#213e69;background:linear-gradient(#0f2b5fe6,#071733e6);box-shadow:3px 3px #0008}.bonus-sprint__clock small,.bonus-score__clock small{color:#9fdcff;font-family:var(--display);font-size:.8cqw;font-style:italic;letter-spacing:.14em}.bonus-sprint__clock strong{color:#ff4d4d;font-family:Courier New,monospace;font-size:2.6cqw;font-weight:700;text-shadow:0 0 .6cqw #ff2b2b88}.bonus-score{position:absolute;top:3%;left:50%;transform:translate(-50%) skew(-6deg);display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;min-width:52cqw;border:3px solid #98bade;border-top-color:#e3f1ff;border-bottom-color:#33547b;background:linear-gradient(#0f2b5ff0,#071733f0);box-shadow:0 0 0 3px #06142f,5px 5px #0009}.bonus-score__side{display:flex;align-items:center;justify-content:flex-end;gap:1cqw;padding:.35cqw 1.2cqw;color:#fff;font-family:var(--display);font-style:italic}.bonus-score__side--1{justify-content:flex-start}.bonus-score__side--0{border-left:5px solid var(--cyan)}.bonus-score__side--1{border-right:5px solid var(--red)}.bonus-score__name{font-size:1.7cqw;letter-spacing:.04em}.bonus-score__side{position:relative}.bonus-score__super{position:absolute;left:50%;bottom:-1.15cqw;transform:translate(-50%);display:flex;align-items:center;gap:.3cqw}.bonus-score__super i{width:1.3cqw;height:.45cqw;border-radius:.2cqw;background:#ffffff2e;box-shadow:0 0 0 1px #0008}.bonus-score__super i.is-on{background:#ffb23d}.bonus-score__super b{display:none;margin-left:.3cqw;color:#ffd84a;font:italic 900 .9cqw/1 Impact,Arial Black,sans-serif;letter-spacing:.08em;text-shadow:0 0 .5cqw #ff7a00}.bonus-score__super.is-ready i{background:#ffd84a;box-shadow:0 0 .5cqw #ff9a00;animation:bonus-super .6s ease-in-out infinite alternate}.bonus-score__super.is-ready b{display:inline;animation:bonus-super .6s ease-in-out infinite alternate}@keyframes bonus-super{0%{opacity:.55}to{opacity:1}}@media(prefers-reduced-motion:reduce){.bonus-score__super.is-ready i,.bonus-score__super.is-ready b{animation:none}}.bonus-score__name.is-long{font-size:72%;white-space:nowrap}.bonus-score__name.is-longer{font-size:56%}.bonus-score__points{min-width:3.6cqw;color:var(--yellow);font-size:3.6cqw;font-weight:400;line-height:1;text-align:center;text-shadow:.2cqw .2cqw #a52b10}.bonus-score__ball{width:1.2cqw;height:1.2cqw;border-radius:50%;background:radial-gradient(circle at 35% 35%,#ffb15c,#e45e14 60%,#7d2c06);opacity:0;transition:opacity .15s}.bonus-score__side.has-ball .bonus-score__ball{opacity:1}.bonus-score__clock{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.2cqw 1.4cqw;border-left:2px solid #2b4f86;border-right:2px solid #2b4f86;background:#050f24}.bonus-score__clock strong{color:#ff4d4d;font-family:Courier New,monospace;font-size:2.3cqw;font-weight:700;white-space:nowrap}.bonus-score__clock.is-urgent strong{animation:bonus-blink .5s steps(1,end) infinite}.bonus-keys{position:absolute;left:50%;bottom:2.4%;transform:translate(-50%);margin:0;padding:.3cqw 1.1cqw;display:flex;align-items:center;gap:.45cqw;white-space:nowrap;background:#030b20b8;color:#cfe2ff;font-family:var(--display);font-size:.82cqw;font-style:italic;letter-spacing:.05em}.bonus-keys b{color:var(--cyan)}.bonus-keys b.p2{color:#ff6b70}.bonus-keys span{width:1.4cqw}.bonus-keys kbd{min-width:1.4cqw;padding:.05cqw .25cqw;font-size:.75cqw}.bonus-banner{position:absolute;inset:30% 10% auto;z-index:4;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.bonus-banner.is-in{animation:bonus-banner-in .28s ease-out both}.bonus-banner__title{color:#ffe447;font-family:var(--display);font-size:7.6cqw;font-style:italic;font-weight:400;line-height:1.05;letter-spacing:-.01em;padding-right:.12em;-webkit-text-stroke:.1cqw #fff4a3;paint-order:stroke fill;text-shadow:.3cqw .3cqw #cc3516,.55cqw .55cqw #050a20}.bonus-banner__caption:empty{display:none}.bonus-banner__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.3cqw;font-style:italic;letter-spacing:.1em;transform:skew(-8deg);text-shadow:2px 2px #020817}.bonus-banner[data-kind=fight] .bonus-banner__title{font-size:10cqw}.bonus-banner[data-kind=ko] .bonus-banner__title{color:#fff;-webkit-text-stroke-color:#ffc757;text-shadow:.3cqw .3cqw #d52030,.55cqw .55cqw #050a20}.bonus-banner[data-kind=finish]{inset:auto 10% 12%}.bonus-banner[data-kind=finish] .bonus-banner__title{font-size:5.8cqw;color:#ff6b70;-webkit-text-stroke-color:#ffd0d0}.is-paused .bonus-banner{display:none}.bonus-result{z-index:6}.bonus-result__dialog{width:38%}.bonus-result__name{margin:.4cqw 0 .8cqw}.bonus-result__table{width:100%;margin:0 0 .8cqw;border-collapse:collapse;color:#e8f2ff;font-family:var(--display);font-size:1.45cqw;font-style:italic}.bonus-result__table th{width:3cqw;color:var(--cyan);font-weight:400;text-align:left}.bonus-result__table td{padding:.25cqw .4cqw;border-bottom:1px solid #2a4f8a;text-align:left}.bonus-result__table td:last-child{color:var(--yellow);text-align:right}.bonus-result__table tr.is-winner td{color:#fff}.bonus-result__table tr.is-winner td:last-child{color:#7dffa8}.bonus-result__record{min-height:1.4cqw;margin:0 0 1cqw;color:#9fdcff;font-family:var(--display);font-size:1.1cqw;font-style:italic;letter-spacing:.1em}.bonus-result__record.is-new{color:var(--yellow);animation:bonus-blink .7s steps(1,end) 5}#ui.is-bonus .touch-guard,#ui.is-bonus .touch-special,#ui.is-bonus:not([data-bonus=hoop]) [data-control=lowKick],#ui.is-bonus[data-bonus=sprint] .touch-crouch,#ui.is-bonus[data-bonus=sprint] .touch-actions{display:none}#ui.is-bonus[data-bonus=hoop] .touch-actions{grid-template-columns:64px 64px 64px}#ui.is-bonus[data-bonus=hoop] [data-control=punch],#ui.is-bonus[data-bonus=hoop] [data-control=highKick],#ui.is-bonus[data-bonus=hoop] [data-control=lowKick]{width:64px;height:64px;font-size:0}#ui.is-bonus[data-bonus=hoop] [data-control=lowKick]:after{content:"PASS";font-size:11px}#ui.is-bonus[data-bonus=hoop] [data-control=punch]:after{content:"SHOOT";font-size:11px}#ui.is-bonus[data-bonus=hoop] [data-control=highKick]:after{content:"JUMP";font-size:11px}#ui.is-bonus .fight-hud,#ui.is-bonus .phase-banner{display:none}@media(pointer:coarse){.bonus-keys{display:none}}@media(orientation:portrait)and (max-width:760px){.bonus-picker__cards{grid-template-columns:1fr;width:92%;gap:3cqw}.bonus-card__art{height:20cqw}.bonus-card h3{font-size:6cqw}.bonus-card p{font-size:2.4cqw}.bonus-button{font-size:3cqw;min-height:7cqw}.bonus-picker h2{font-size:7cqw}.bonus-back{font-size:3cqw}.bonus-result__dialog{width:80%}.bonus-result__table{font-size:3.4cqw}}@keyframes bonus-banner-in{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes bonus-blink{0%,60%{opacity:1}61%,to{opacity:.35}}@media(prefers-reduced-motion:reduce){.bonus-banner.is-in,.bonus-result__record.is-new{animation: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}.loading-logo{display:block;width:min(52cqw,640px);margin:0 auto 1.5cqw;filter:drop-shadow(0 .6cqw 1.2cqw #000b)}.loading-logo[hidden],.loading-monogram[hidden]{display:none}.game-title-logo{display:block;width:46cqw;max-height:15cqw;object-fit:contain;transform:skew(6deg);filter:drop-shadow(0 .5cqw 1cqw #000a)}.game-title-logo[hidden],.game-title>strong[hidden]{display:none}.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=finish]{inset:auto 13% 7%}.phase-banner[data-kind=finish] .phase-title{font-size:7.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-camera{position:absolute;inset:0;animation:intro-shake .45s 2.08s linear both}.intro-stage{position:absolute;inset:-4%;background:var(--intro-stage, none) center 62% / cover no-repeat;filter:brightness(.42) saturate(1.15) contrast(1.08);animation:intro-stage 2.6s .2s cubic-bezier(.2,.7,.2,1) both}.intro-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 58%,transparent 28%,#02040cd9 86%),linear-gradient(transparent 58%,#02040c)}.intro-flare{position:absolute;top:-40%;width:52%;height:180%;filter:blur(14px);opacity:0;mix-blend-mode:screen}.intro-flare--ice{left:-28%;background:linear-gradient(90deg,transparent,#0b5cff 52%,#59e6ff);animation:flare-left 1.4s 1s ease-out both}.intro-flare--fire{right:-28%;background:linear-gradient(90deg,#ff4fd0,#b51cff 48%,transparent);animation:flare-right 1.4s 1s ease-out both}.intro-fighter{position:absolute;bottom:0;width:33cqw;height:44cqw}.intro-fighter[hidden]{display:none}.intro-fighter:before{content:"";position:absolute;inset:0;background:var(--portrait) center bottom / contain no-repeat;transform-origin:50% 96%;transform:scaleX(var(--flip, 1));animation:intro-breathe 2.6s 2s ease-in-out infinite}.intro-fighter--left.is-leaving{animation:fighter-out-left .38s ease-in both}.intro-fighter--right.is-leaving{animation:fighter-out-right .38s ease-in both}.intro-fighter--left.is-entering{animation:fighter-left .75s cubic-bezier(.15,.85,.25,1) both}.intro-fighter--right.is-entering{animation:fighter-right .75s cubic-bezier(.15,.85,.25,1) both}.intro-fighter.is-entering .intro-name{animation:name-in .4s .45s ease-out both}.intro-screen.is-swapping .intro-flash{animation:intro-swap-flash .5s ease-out both}.intro-fighter--left{left:7cqw;filter:drop-shadow(0 0 1.3cqw #1f8bffc9) drop-shadow(.35cqw 0 0 #7fd9ff4d);animation:fighter-left 1s 1s cubic-bezier(.15,.85,.25,1) both}.intro-fighter--right{right:7cqw;filter:drop-shadow(0 0 1.3cqw #ff3fc8c9) drop-shadow(-.35cqw 0 0 #ff9de44d);animation:fighter-right 1s 1s cubic-bezier(.15,.85,.25,1) both}.intro-name{position:absolute;bottom:4.5cqw;color:#f4fbff;font-family:var(--display);font-size:3.4cqw;font-style:italic;letter-spacing:.05em;line-height:1;animation:name-in .45s 1.7s ease-out both}.intro-fighter--left .intro-name{left:1cqw;text-shadow:.25cqw .3cqw #1179e5,.45cqw .55cqw #021439}.intro-fighter--right .intro-name{right:1cqw;text-shadow:.25cqw .3cqw #c4198a,.45cqw .55cqw #1d0322}.intro-bolt{position:absolute;left:44%;top:-3%;width:12%;height:90%;overflow:visible;opacity:0;filter:drop-shadow(0 0 .7cqw #c5ecff) drop-shadow(0 0 2.2cqw #5b8cff);animation:intro-bolt .62s 2s ease-out both}.intro-bolt path{fill:none;stroke:#b9e3ff;stroke-width:.55cqw;stroke-linejoin:bevel;vector-effect:non-scaling-stroke}.intro-bolt .intro-bolt-core{stroke:#fff;stroke-width:.2cqw}.intro-flash{position:absolute;inset:0;z-index:4;background:#eaf6ff;opacity:0;pointer-events:none;mix-blend-mode:screen;animation:intro-flash 2.6s linear both}.intro-logo{position:absolute;top:6%;left:8%;right:8%;z-index:3;text-align:center;animation:logo-slam .7s 2.35s cubic-bezier(.2,1.35,.3,1) both}.intro-logo-text{margin:0;font-family:var(--display);font-size:13cqw;font-style:italic;letter-spacing:0;line-height:1;transform:skew(-6deg);background:linear-gradient(#fff 8%,#d6ebff 44%,#6f9fd6 50%,#eef8ff 66%,#a9c8ee 92%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.09cqw #f2f9ff;filter:drop-shadow(.32cqw .42cqw 0 #1179e5) drop-shadow(.3cqw .36cqw 0 #021439) drop-shadow(0 0 2.4cqw #4fb7ff66)}.intro-logo-text[hidden],.intro-logo-image[hidden]{display:none}.intro-logo-image{display:block;width:62cqw;max-height:24cqw;margin:0 auto;object-fit:contain;filter:drop-shadow(0 .6cqw 1.2cqw #000b)}.intro-impact{position:absolute;left:50%;top:42%;width:10cqw;height:10cqw;margin:-5cqw 0 0 -5cqw;border:.5cqw solid #fff;border-radius:50%;opacity:0;pointer-events:none;animation:impact-ring .6s 2.62s ease-out both}.intro-caption{display:inline-block;margin-top:1.4cqw;padding:.4cqw 1.5cqw;border-top:2px solid #648ccd;border-bottom:2px solid #234c88;background:#061636c4;color:#fff66d;font-family:var(--display);font-size:1.5cqw;font-style:italic;letter-spacing:.19em;animation:caption-in .5s 3.05s ease-out both}.intro-skip{position:absolute;left:50%;bottom:7%;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:translate(-50%) skew(-7deg);z-index:5;animation:press-in .4s 3.4s ease-out both,press-glow 1.1s 3.8s ease-in-out infinite}.intro-skip span{font-size:1.5cqw}.intro-skip:hover{background:#fff38e}.intro-sparks{position:absolute;inset:0;z-index:2;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-stage{0%{opacity:0;transform:scale(1.16)}8%{opacity:.9}13%{opacity:.15}20%{opacity:.75}26%{opacity:.3}40%,to{opacity:1;transform:scale(1.03)}}@keyframes intro-flash{0%,8%{opacity:0}10%{opacity:.8}13%{opacity:0}18%{opacity:.45}21%{opacity:0}80%{opacity:0}82%{opacity:1}90%{opacity:.2}to{opacity:0}}@keyframes flare-left{0%{opacity:0;transform:translate(-30%) rotate(-24deg)}50%{opacity:.55}to{opacity:.32;transform:translate(0) rotate(-24deg)}}@keyframes flare-right{0%{opacity:0;transform:translate(30%) rotate(24deg)}50%{opacity:.55}to{opacity:.32;transform:translate(0) rotate(24deg)}}@keyframes fighter-left{0%{opacity:0;transform:translate(-40cqw) skew(-8deg)}70%{opacity:1;transform:translate(1.2cqw) skew(0)}to{opacity:1;transform:translate(0)}}@keyframes fighter-right{0%{opacity:0;transform:translate(40cqw) skew(8deg)}70%{opacity:1;transform:translate(-1.2cqw) skew(0)}to{opacity:1;transform:translate(0)}}@keyframes intro-breathe{0%,to{transform:scaleX(var(--flip, 1))}50%{transform:scale(calc(var(--flip, 1) * 1.005),1.012)}}@keyframes fighter-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40cqw) skew(8deg)}}@keyframes fighter-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40cqw) skew(-8deg)}}@keyframes intro-swap-flash{0%{opacity:0}20%{opacity:.55}to{opacity:0}}@keyframes name-in{0%{opacity:0;transform:translateY(1.5cqw)}to{opacity:1;transform:translateY(0)}}@keyframes intro-bolt{0%{opacity:1;clip-path:inset(0 0 100% 0)}26%{opacity:1;clip-path:inset(0 0 0 0)}44%{opacity:.3}56%{opacity:1}to{opacity:0;clip-path:inset(0 0 0 0)}}@keyframes intro-shake{0%,to{transform:translate(0)}15%{transform:translate(-.6cqw,.3cqw)}30%{transform:translate(.5cqw,-.4cqw)}45%{transform:translate(-.4cqw,.2cqw)}60%{transform:translate(.3cqw,.2cqw)}80%{transform:translate(-.15cqw)}}@keyframes logo-slam{0%{opacity:0;transform:scale(2.6);filter:blur(6px)}55%{opacity:1;transform:scale(.94);filter:blur(0)}to{opacity:1;transform:scale(1);filter:none}}@keyframes impact-ring{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(6)}}@keyframes caption-in{0%{opacity:0;clip-path:inset(0 50% 0 50%)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes press-in{0%{opacity:0}to{opacity:1}}@keyframes press-glow{0%,to{box-shadow:3px 3px #0009,0 0 #ffe45100}50%{box-shadow:3px 3px #0009,0 0 1.6cqw #ffe451cc}}@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,.intro-flash{display:none}.intro-screen *,.intro-screen *:before{animation-delay:0s!important}}.menu-screen[data-layout=cards] .menu-vignette{background:radial-gradient(ellipse at 50% 18%,#0b2a6a55,transparent 55%),linear-gradient(0deg,#02061bf2 0,#020a23cc 46%,#020a2399 70%,#071434c9)}.menu-screen[data-layout=cards] .menu-sweep{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.menu-screen[data-layout=cards] .menu-sweep i{position:absolute;top:-20%;bottom:-20%;width:9%;background:linear-gradient(90deg,transparent,#4fa8ff26,transparent);transform:skew(-22deg);animation:menu-sweep 7s linear infinite}.menu-screen[data-layout=cards] .menu-sweep i:nth-child(2){width:4%;background:linear-gradient(90deg,transparent,#ff4f8a22,transparent);animation-delay:-2.4s;animation-duration:9s}.menu-screen[data-layout=cards] .menu-sweep i:nth-child(3){width:14%;background:linear-gradient(90deg,transparent,#ffd84a14,transparent);animation-delay:-5s;animation-duration:11s}@keyframes menu-sweep{0%{left:-20%}to{left:120%}}.menu-screen[data-layout=cards] .menu-content{width:auto;inset:9% 3.2% 6%;display:flex;flex-direction:column;align-items:center}.menu-screen[data-layout=cards] .menu-kicker{margin-bottom:.2cqw;font-size:.9cqw}.menu-screen[data-layout=cards] .game-title-logo{width:30cqw;max-height:10.5cqw}.menu-screen[data-layout=cards] .game-title>strong{font-size:6.5cqw}.menu-screen[data-layout=cards] .game-title>span{font-size:2.2cqw;margin-top:-.4cqw}.menu-screen[data-layout=cards] .menu-tagline{margin:.5cqw 0 1cqw;font-size:1cqw}.menu-screen[data-layout=cards] .mode-options{flex:1;min-height:0;width:100%;flex-direction:row;align-items:stretch;gap:1.1cqw;padding:0 1.2cqw}.menu-screen[data-layout=cards] .mode-card{flex:1 1 0;min-width:0;min-height:0;height:auto;padding:0;overflow:hidden;align-items:flex-end;gap:0;border:.18cqw solid #6fa4e8;border-top-color:#c7e2ff;border-bottom-color:#0b2862;color:#f5f9ff;box-shadow:.35cqw .45cqw #02081c,inset 0 0 2.5cqw #0008;transform:skew(-8deg);transition:flex-grow .35s cubic-bezier(.2,.9,.3,1),filter .25s,box-shadow .25s,border-color .2s;background:linear-gradient(160deg,#1b5fd0,#071a48 70%)}.menu-screen[data-layout=cards] .mode-card--versus{background:linear-gradient(160deg,#b0204a,#2a0820 70%)}.menu-screen[data-layout=cards] .mode-card--training{background:linear-gradient(160deg,#127a6a,#04221f 70%)}.menu-screen[data-layout=cards] .mode-card--bonus{background:linear-gradient(160deg,#c27a10,#2b1704 70%)}.menu-screen[data-layout=cards] .mode-button--primary{color:#f5f9ff}.menu-screen[data-layout=cards] .mode-card:hover,.menu-screen[data-layout=cards] .mode-card:focus-visible,.menu-screen[data-layout=cards] .mode-card:focus{flex-grow:1.85;border-color:#fff07a;border-bottom-color:#c58a12;box-shadow:.35cqw .45cqw #02081c,0 0 2.2cqw #ffd84a88,inset 0 0 2cqw #fff3;outline:none;transform:skew(-8deg)}.menu-screen[data-layout=cards] .mode-options:is(:hover,:focus-within) .mode-card:not(:hover,:focus){filter:brightness(.62) saturate(.6)}.menu-screen[data-layout=cards] .mode-card:active{transform:skew(-8deg) translateY(.2cqw)}.mode-card__art{position:absolute;inset:0 -12%;transform:skew(8deg);pointer-events:none}.mode-card__art img{position:absolute;bottom:9%;height:92%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 .9cqw #000c);transition:transform .35s cubic-bezier(.2,.9,.3,1),filter .25s}.mode-card__hero{left:50%;translate:-50% 0;z-index:2}.mode-card__back{height:74%!important;opacity:.55;filter:brightness(.55) drop-shadow(0 0 .6cqw #000c)!important}.mode-card__back--l{left:14%}.mode-card__back--r{right:14%;transform:scaleX(-1)}.mode-card__duel--l{left:6%}.mode-card__duel--r{right:6%;transform:scaleX(-1)}.mode-card__vs{position:absolute;left:50%;top:38%;translate:-50% 0;z-index:3;color:#fff6c4;font-family:var(--display);font-size:3.6cqw;font-style:italic;-webkit-text-stroke:.08cqw #ffb627;text-shadow:.2cqw .2cqw #b72434,.4cqw .4cqw #02091f}.mode-card__grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,#6ff2d81a 0 1px,transparent 1px 2.2cqw),repeating-linear-gradient(90deg,#6ff2d81a 0 1px,transparent 1px 2.2cqw)}.mode-card__shot{position:absolute;inset:0;background-size:cover;background-position:center}.mode-card__shot--a{clip-path:polygon(0 0,62% 0,38% 100%,0 100%)}.mode-card__shot--b{clip-path:polygon(62% 0,100% 0,100% 100%,38% 100%);filter:saturate(1.1)}.menu-screen[data-layout=cards] .mode-card:is(:hover,:focus) .mode-card__hero{transform:scale(1.06)}.menu-screen[data-layout=cards] .mode-card:is(:hover,:focus) .mode-card__duel--l{transform:translate(6%)}.menu-screen[data-layout=cards] .mode-card:is(:hover,:focus) .mode-card__duel--r{transform:scaleX(-1) translate(6%)}.menu-screen[data-layout=cards] .mode-card .mode-index{position:absolute;top:.7cqw;left:1.2cqw;z-index:4;padding:.1cqw .55cqw;background:#ffd84a;color:#0b1636;font-size:1.2cqw;opacity:1}.menu-screen[data-layout=cards] .mode-card .mode-name{position:relative;z-index:4;flex:1;padding:2.2cqw 1.2cqw .8cqw;background:linear-gradient(transparent,#01061ae6 45%);font-size:2.3cqw;letter-spacing:.03em;text-shadow:.15cqw .15cqw #01061a}.menu-screen[data-layout=cards] .mode-card .mode-name small{font-size:.62cqw;opacity:.85}.menu-screen[data-layout=cards] .mode-card .mode-arrow{position:absolute;right:1cqw;bottom:.9cqw;z-index:4;font-size:1.6cqw;opacity:0;transition:opacity .2s}.menu-screen[data-layout=cards] .mode-card:is(:hover,:focus) .mode-arrow{opacity:1;color:#ffe35a}.menu-screen[data-layout=cards] .mode-card:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(105deg,transparent 40%,#ffffff30 50%,transparent 60%);background-size:250% 100%;background-position:150% 0}.menu-screen[data-layout=cards] .mode-card:is(:hover,:focus):after{animation:card-shine .9s ease-out}@keyframes card-shine{0%{background-position:150% 0}to{background-position:-60% 0}}.menu-screen[data-layout=cards] .menu-footer{display:none}.is-ready .menu-screen[data-layout=cards] .mode-card{animation:card-enter .45s cubic-bezier(.2,.9,.3,1) both}.is-ready .menu-screen[data-layout=cards] .mode-card:nth-child(2){animation-delay:.06s}.is-ready .menu-screen[data-layout=cards] .mode-card:nth-child(3){animation-delay:.12s}.is-ready .menu-screen[data-layout=cards] .mode-card:nth-child(4){animation-delay:.18s}@keyframes card-enter{0%{opacity:0;translate:0 3cqw}to{opacity:1;translate:0 0}}@media(max-width:600px){.menu-screen[data-layout=cards] .menu-content{top:8%}.menu-screen[data-layout=cards] .mode-card .mode-name{font-size:2.8cqw;padding:1.4cqw 1cqw .6cqw}.menu-screen[data-layout=cards] .mode-card .mode-name small{display:none}.menu-screen[data-layout=cards] .mode-card .mode-index{font-size:1.8cqw}}@media(prefers-reduced-motion:reduce){.menu-screen[data-layout=cards] .menu-sweep i,.menu-screen[data-layout=cards] .mode-card,.menu-screen[data-layout=cards] .mode-card:after{animation:none!important;transition:none!important}}.mode-card__hero--left{left:38%!important}.mode-card__ladder{position:absolute;right:7%;top:4%;bottom:20%;width:26%;display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}.mode-card__ladder img{position:static;width:auto;height:12.5%;aspect-ratio:1;border:.14cqw solid #9cc6ff;border-radius:50%;background:#0b1d46;object-fit:cover;filter:none;box-shadow:0 0 .5cqw #000a}.mode-card__ladder img:nth-child(2){translate:-18% 0}.mode-card__ladder img:nth-child(4){translate:-18% 0}.mode-card__ladder img:nth-child(6){translate:-18% 0}.mode-card__trophy{height:16%;width:auto;filter:drop-shadow(0 0 .8cqw #ffd84a99)}.mode-card__tag{position:absolute;top:9%;z-index:3;padding:.1cqw .6cqw;font-family:var(--display);font-size:1.3cqw;font-style:italic;color:#06122c}.mode-card__tag--p1{left:20%;background:#51c9ff}.mode-card__tag--p2{right:20%;background:#ff6b78}.mode-card__bag{position:absolute;right:12%;top:6%;height:70%;filter:drop-shadow(0 0 .6cqw #000c)}.mode-card__shot b{position:absolute;top:14%;padding:.15cqw .6cqw;background:#ffd84a;color:#1a1200;font-family:var(--display);font-size:1.05cqw;font-style:italic;white-space:nowrap}.mode-card__shot--a b{left:16%}.mode-card__shot--b b{right:16%;top:40%}.menu-screen[data-layout=cards] .mode-card .mode-name small{font-family:var(--display);font-size:.95cqw;font-style:italic;font-weight:400;letter-spacing:.04em;opacity:1;color:#ffe35a}.menu-screen[data-layout=cards] .menu-help{min-height:2.6cqw;margin:.9cqw 0 0;max-width:70%;color:#e6f1ff;font-family:Arial,sans-serif;font-size:1.15cqw;font-weight:700;line-height:1.3;text-align:center;text-shadow:0 .1cqw .3cqw #000}@media(max-width:600px){.menu-screen[data-layout=cards] .mode-card .mode-name small{display:block;font-size:1.5cqw}.menu-screen[data-layout=cards] .menu-help{font-size:2cqw;max-width:92%}}.menu-screen[data-layout=cards] .mode-options[hidden]{display:none}.menu-screen[data-layout=cards] .mode-card--hoop{background:linear-gradient(160deg,#2a6ad0,#071a48 70%)}.mode-card__shot--full{clip-path:none}.menu-screen[data-layout=cards] .mode-back{align-self:center;flex:0 0 auto;padding:.6cqw 1.2cqw;border:.15cqw solid #789dd0;background:linear-gradient(#254d8c,#112c5b);color:#e7f1ff;font-family:var(--display);font-size:1.2cqw;font-style:italic;transform:skew(-8deg);cursor:pointer}.menu-screen[data-layout=cards] .mode-back:hover,.menu-screen[data-layout=cards] .mode-back:focus-visible{border-color:#fff07a;outline:none}body{background:#02050d}#app,.app-shell{--shell-chrome: 0px;--shell-padding: 0px;width:100%;max-width:none;min-height:100dvh;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.site-header,.masthead,.site-footer{display:none}main{max-width:none}#arena{width:min(100vw,calc(100dvh * 16 / 9));max-width:none;margin:0 auto;box-shadow:none}#arena:after{border:0}@media(max-width:600px)and (pointer:coarse)and (orientation:portrait){body.is-playing .site-footer{display:flex}}.menu-screen[data-layout=cards] .game-title{width:max-content}.menu-screen[data-layout=cards] .game-title-logo:not([hidden])~span{position:absolute;right:1.6cqw;bottom:2.5cqw;margin:0;padding:0;color:#ff2238;font-size:2.5cqw;letter-spacing:.06em;-webkit-text-stroke:.07cqw #3a0008;text-shadow:.12cqw .12cqw 0 #1a0004,0 0 .9cqw #ff223888;transform:skew(-6deg) rotate(-4deg)}@media(max-width:600px)and (orientation:portrait){#arena:has(#ui[data-screen=menu]){aspect-ratio:auto;width:100vw;height:100dvh;box-shadow:none}#arena:has(#ui[data-screen=menu]):after{border:0}#ui[data-screen=menu] .menu-screen[data-layout=cards]{background:#040a1c var(--stage-art, none) center / cover no-repeat}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-vignette{background:linear-gradient(0deg,#02061bfa 0,#020a23e0 45%,#020a23c4 75%,#071434e6)}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-topline{top:1.4%;left:4%;right:4%;font-size:3cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-content{inset:5.5% 4% 8.5%;width:auto}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-kicker{margin-bottom:1cqw;font-size:2.9cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .game-title-logo{width:74cqw;max-height:26cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .game-title>strong{font-size:15cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .game-title>span{font-size:5.4cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .game-title-logo:not([hidden])~span{right:3.6cqw;bottom:6cqw;font-size:6cqw;-webkit-text-stroke-width:.16cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-tagline{margin:1.2cqw 0 2.6cqw;font-size:3.2cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-options{flex-direction:column;gap:2.8cqw;padding:0 2.5cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card{border-width:.5cqw;box-shadow:1cqw 1.2cqw #02081c,inset 0 0 7cqw #0008}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card:is(:hover,:focus,:focus-visible){flex-grow:1.15}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-options:is(:hover,:focus-within) .mode-card:not(:hover,:focus){filter:none}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card .mode-index{top:2cqw;left:3.4cqw;padding:.3cqw 1.6cqw;font-size:3.6cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card .mode-name{padding:6cqw 4cqw 2.2cqw;font-size:7.6cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card .mode-name small{display:block;font-size:2.9cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-card .mode-arrow{right:4cqw;bottom:2.8cqw;font-size:5.4cqw;opacity:1;color:#ffe35a}#ui[data-screen=menu] .mode-card__art img{filter:drop-shadow(0 0 2.6cqw #000c)}#ui[data-screen=menu] .mode-card__vs{font-size:11cqw;-webkit-text-stroke-width:.22cqw;text-shadow:.6cqw .6cqw #b72434,1.1cqw 1.1cqw #02091f}#ui[data-screen=menu] .mode-card__tag{top:26%;padding:.3cqw 1.8cqw;font-size:3.8cqw}#ui[data-screen=menu] .mode-card__grid{background:repeating-linear-gradient(0deg,#6ff2d81a 0 1px,transparent 1px 6.5cqw),repeating-linear-gradient(90deg,#6ff2d81a 0 1px,transparent 1px 6.5cqw)}#ui[data-screen=menu] .mode-card__ladder{right:9%;top:6%;bottom:30%;width:22%}#ui[data-screen=menu] .mode-card__ladder img{height:15%;border-width:.4cqw}#ui[data-screen=menu] .mode-card__shot b{padding:.4cqw 1.8cqw;font-size:3.1cqw}#ui[data-screen=menu] .menu-screen[data-layout=cards] .menu-help{min-height:12cqw;margin-top:2.4cqw;max-width:96%;font-size:3.3cqw;line-height:1.3}#ui[data-screen=menu] .menu-screen[data-layout=cards] .mode-back{order:9;padding:2.2cqw 6cqw;border-width:.45cqw;font-size:4.6cqw}#ui[data-screen=menu] .utility-controls{right:4%;bottom:1.4%;gap:10px}#ui[data-screen=menu] .utility-button{min-width:44px;min-height:38px;padding:0 10px;justify-content:center}#ui[data-screen=menu] .utility-button svg{width:18px;height:18px}}@media(max-width:600px)and (orientation:portrait){#arena:has(#ui:is([data-screen=fight],[data-screen=result])){overflow:visible}#ui:is([data-screen=fight],[data-screen=result]) .dialog-screen:not([hidden]){inset:0 0 auto;height:calc(100dvh - 12px);align-items:flex-start;padding-top:9cqw;background:#030b20eb;z-index:20}#ui:is([data-screen=fight],[data-screen=result]) .game-dialog{width:88%;min-width:0;padding:6cqw 6cqw 5cqw;border-width:3px}#ui:is([data-screen=fight],[data-screen=result]) .dialog-kicker{font-size:3.2cqw;margin-bottom:1.2cqw}#ui:is([data-screen=fight],[data-screen=result]) .game-dialog h2{font-size:13cqw}#ui:is([data-screen=fight],[data-screen=result]) .dialog-rule{margin:3cqw auto;height:3px}#ui:is([data-screen=fight],[data-screen=result]) .action-button{min-height:12.5cqw;margin-top:2.6cqw;padding:2cqw 4.5cqw;font-size:4.6cqw;border-width:2px}#ui:is([data-screen=fight],[data-screen=result]) .action-button span{font-size:4.6cqw}#ui:is([data-screen=fight],[data-screen=result]) .dialog-note{display:none}#ui:is([data-screen=fight],[data-screen=result]) .result-title{font-size:5cqw;margin:1cqw 0 3cqw}#ui:is([data-screen=fight],[data-screen=result]) .result-score{font-size:3.2cqw;gap:3cqw;padding:1.4cqw;margin-bottom:3cqw}#ui:is([data-screen=fight],[data-screen=result]) .result-score b{font-size:6.5cqw}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__dialog{width:88%}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__name{margin:1cqw 0 2.4cqw}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__table{font-size:4.8cqw;margin-bottom:2.4cqw}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__table th{width:9cqw}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__table td{padding:.9cqw 1.2cqw}#ui:is([data-screen=fight],[data-screen=result]) .bonus-result__record{min-height:4.5cqw;margin-bottom:2cqw;font-size:3.4cqw}}