@font-face{font-family:Barlow;src:url(/assets/fonts/BarlowCondensed-Black.ttf) format("truetype");font-weight:900;font-display:swap}@font-face{font-family:Teko;src:url(/assets/fonts/Teko-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:Plex;src:url(/assets/fonts/IBMPlexMono-Medium.ttf) format("truetype");font-display:swap}@font-face{font-family:Inter;src:url(/assets/fonts/Inter-Regular.ttf) format("truetype");font-display:swap}:root{font-family:Inter,sans-serif;color:#f3f5ff;background:#03040a;--cyan: #2de2ff;--violet: #7247ff;--gold: #f4d274;--chrome: #bdc8ed;--navy: #0b1130;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:focus{z-index:2}::selection{background:var(--violet);color:#fff}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#5a507c}#arena,#ui{position:fixed;inset:0;width:100%;height:100%}#ui{overflow:hidden;isolation:isolate}#arena{display:block}h1,h2,h3,p{margin:0}h1,h2,h3,.display,.row-button{font-family:Barlow,sans-serif;font-weight:900;text-transform:uppercase}h1{font-size:clamp(60px,8.4vw,142px);line-height:.95}h2{font-size:clamp(40px,6vw,108px);line-height:1}h3{font-size:clamp(28px,3.3vw,60px)}.mono{font-family:Plex,monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow{font-family:Plex,monospace;color:var(--cyan);letter-spacing:.09em;font-size:clamp(12px,1.55vw,23px);margin-bottom:4vh;text-transform:uppercase}.screen{position:absolute;inset:0;isolation:isolate}.screen:after{content:"";position:absolute;inset:0;box-shadow:inset 0 -55px 100px #03040a66;pointer-events:none;z-index:-1}.title{background:linear-gradient(90deg,#070a1766,transparent 65%);padding:7vh 5vw}.title .logo{width:clamp(280px,34vw,640px);filter:drop-shadow(0 3px 8px #090b26)}.tagline{font-family:Barlow;font-size:clamp(25px,3.1vw,55px);color:var(--gold);margin-top:1.5vh}.start{position:absolute;bottom:9.5vh;left:50%;transform:translate(-50%);white-space:nowrap;background:none;border:0;font-family:Barlow;font-size:clamp(48px,6vw,100px);font-weight:900;text-shadow:0 4px 25px #0009;padding:10px 42px}.start:before,.start:after{content:"";position:absolute;top:50%;width:36px;height:2px;background:var(--cyan)}.start:before{left:-10px}.start:after{right:-10px}.start:hover{color:var(--cyan)}.footer{position:absolute;bottom:2.3vh;left:4vw;right:4vw;display:flex;justify-content:center;align-items:center;gap:2.4vw;font:clamp(10px,1.15vw,17px) Plex;color:#b4bfdc;letter-spacing:.06em;text-transform:uppercase;z-index:5}.footer kbd{font:inherit;color:#eef4ff}.private{position:absolute;right:1.5vw;bottom:.4vh;font:9px Plex;color:#94a1bd;letter-spacing:.1em}.menu{background:linear-gradient(110deg,#090b17f0,#11162cb8 62%,#090b17aa);padding:14vh 7.7vw}.belt{position:absolute;left:33%;width:80%;top:23%;pointer-events:none;z-index:-1;filter:drop-shadow(0 20px 40px #0009)}.menu h1{margin-bottom:6vh}.menu-list{width:min(37vw,660px);display:flex;flex-direction:column;gap:1.1vh}.row-button{position:relative;width:100%;background:#141a33cf;border:1px solid #535b773b;border-left:5px solid var(--violet);min-height:7.2vh;padding:.3em .7em;text-align:left;font-size:clamp(24px,2.8vw,47px);line-height:1.05;display:flex;align-items:center;justify-content:space-between;gap:1em;transition:background .15s,color .15s}.row-button:hover,.row-button.selected,.row-button:focus-visible{background:#351582e8;border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan);color:#fff;outline:none}.row-button .value{font-family:Teko;font-weight:500;white-space:nowrap;display:flex;gap:.6em;align-items:center}.row-button.selected .value{color:var(--cyan)}.row-button .soon{font:clamp(10px,1.1vw,18px) Plex;color:var(--gold)}.row-button:disabled{color:#8b95b4;border-left-color:#4b526e;background:#141a3377}.glass{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.glass>img{position:absolute;opacity:.25;width:35%;height:100%;object-fit:contain;left:-10%;transform:rotate(12deg)}.glass>img+img{left:auto;right:-4%;width:25%;transform:scaleX(-1) rotate(-12deg)}.settings-screen{background:#070a17d9;display:grid;place-items:center}.settings-panel{width:min(62vw,1000px);max-height:86vh}.settings-panel h1{font-size:min(8.4vw,12vh);margin-bottom:3vh}.settings-panel .eyebrow{margin-bottom:2vh}.settings-list{display:flex;flex-direction:column;gap:1vh}.settings-list .row-button{min-height:5.8vh;font-size:clamp(20px,min(2.65vw,4.3vh),44px)}.options-title{margin-bottom:4vh}.backdrop-ghost{opacity:.17;pointer-events:none}.selector{background:#090d1d}.selector-ring{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65;z-index:-1}.selection-header{position:absolute;top:3vh;left:0;right:0;text-align:center;font:clamp(12px,1.25vw,20px) Plex;letter-spacing:.15em}.small-logo{position:absolute;top:2vh;left:3vw;width:12vw;max-width:220px}.roster{position:absolute;left:50%;transform:translate(-50%);top:10vh;bottom:17vh;width:36vw;display:flex;flex-direction:column;align-items:center;gap:.55vh}.roster-row{display:flex;justify-content:center;gap:.35vw;flex:1;min-height:0}.fighter-tile{height:100%;aspect-ratio:.73;background:#24283bc9;border:2px solid #72738a;padding:0;position:relative;transition:border-color .15s,transform .15s}.fighter-tile img{width:100%;height:100%;object-fit:cover;display:block}.fighter-tile.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold);z-index:2}.fighter-tile.paired{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.fighter-tile.locked img{filter:saturate(.55);opacity:.75}.fighter-tile:hover,.fighter-tile:focus-visible{border-color:var(--cyan);transform:translateY(-2px);outline:none;z-index:4}.portrait{position:absolute;bottom:0;width:35%;height:87%;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 8px 16px #0008)}.portrait.left{left:-1%}.portrait.right{right:-1%}.nameplate{position:absolute;bottom:7vh;width:33%;text-align:center;z-index:1}.nameplate.left{left:0}.nameplate.right{right:0}.nameplate .display{font-size:clamp(28px,4.9vw,88px);line-height:1}.nameplate .mono{font-size:clamp(10px,1vw,16px);color:var(--cyan);margin-bottom:10px}.selector-info{position:absolute;bottom:6vh;left:36%;right:36%;text-align:center}.selector-info p{font-size:clamp(10px,1vw,15px);color:var(--chrome);margin-bottom:1.3vh}.primary{background:#351582;border:2px solid var(--cyan);padding:.22em .65em;font-family:Barlow;font-size:clamp(24px,2.75vw,48px);font-weight:900;text-transform:uppercase}.primary:hover{background:#7247ff}.versus{background:#080b16 url(/assets/images/glass-arena.webp) center/cover no-repeat}.versus:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050812aa,transparent 45%);pointer-events:none}.versus .portrait{height:70%;width:36%}.versus .nameplate{bottom:7vh;width:37%;text-align:left;padding-left:4vw}.versus .nameplate.right{text-align:right;padding-right:4vw;padding-left:0}.versus .nameplate .display{font-size:clamp(42px,7.7vw,140px);text-shadow:0 4px 25px #050812}.versus .nameplate .mono{margin-top:2vh;font-size:clamp(11px,1.4vw,22px)}.match-top{position:absolute;left:4vw;top:4vh;right:4vw;display:flex;gap:1em;font:clamp(10px,1.35vw,21px) Plex;letter-spacing:.07em;color:var(--chrome)}.match-top strong{color:var(--cyan);font-weight:400}.match-top .venue{margin-left:auto;margin-right:10vw;font-size:.8em}.hanging-glove{position:absolute;top:0;right:7%;width:6%;height:19%;object-fit:contain}.ghost-names{position:absolute;top:32%;left:2%;right:2%;display:flex;justify-content:space-between;opacity:.08;font:900 13vw Barlow;white-space:nowrap}.versus-mark{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:23%;height:26%;display:flex;align-items:center;justify-content:center}.versus-mark img{width:55%;height:100%;object-fit:contain}.versus-mark img+img{margin-left:-10%}.versus-mark.animate{animation:vs-enter 5.7s cubic-bezier(.16,1,.3,1) infinite}.vs-shards{position:absolute;left:21%;top:17%;width:58%;height:63%;object-fit:contain;pointer-events:none;opacity:.7}.vs-shards.animate{animation:shard-burst 5.7s ease-out infinite}.versus-cta{position:absolute;bottom:8vh;left:50%;transform:translate(-50%)}.overlay{position:absolute;inset:0;background:#0507138c;display:grid;place-items:center;z-index:8}.setup-panel{width:38vw;max-width:700px;min-width:380px;background:#0c101cf5;border:1px solid var(--cyan);padding:2.8vh 2.6vw;box-shadow:0 20px 60px #0006}.setup-panel h2{font-size:clamp(32px,3.5vw,64px);text-align:center;margin-bottom:2.7vh}.setup-panel .row-button{font-size:clamp(23px,2.6vw,44px);min-height:6.6vh;margin-top:1vh;gap:.35em}.setup-panel .row-button .value{gap:.4em}.setup-panel .hint{font-size:12px;color:var(--chrome);line-height:1.5;margin-top:20px}.hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:4vh;left:3.6vw;right:3.6vw;display:flex;gap:12vw}.fighter-hud{width:50%}.fighter-hud:last-child{text-align:right}.fighter-hud h3{font-size:clamp(25px,3vw,53px);margin-bottom:1vh}.bar{height:1.8vh;background:#252b42;margin-top:.55vh;overflow:hidden}.bar>span{height:100%;display:block;background:#f3f5ff;transform-origin:left;transition:transform .08s linear}.bar.body{height:.55vh}.bar.body>span{background:#b5bde0}.bar.stamina{height:.65vh}.bar.stamina>span{background:var(--cyan)}.fighter-hud:last-child .bar>span{transform-origin:right}.clock{position:absolute;top:3vh;left:50%;transform:translate(-50%);text-align:center}.round-label{color:var(--gold);font:clamp(12px,1.5vw,24px) Plex}.clock .timer{font:900 clamp(55px,6.5vw,110px)/1.1 Barlow;font-variant-numeric:tabular-nums}.fight-tools{position:absolute;bottom:2vh;left:3vw;right:3vw;display:flex;align-items:center;justify-content:space-between;font:11px Plex;color:#b8c6dd}.fight-tools button{background:#080d20aa;border:1px solid #53607a;padding:9px 15px;font:12px Plex}.center-callout{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;text-shadow:0 4px 20px #000}.center-callout h1{font-size:clamp(60px,9vw,150px)}.center-callout p{font:16px Plex;color:var(--gold);margin-top:14px;white-space:normal}.center-callout button{margin-top:24px}.getup{width:260px;height:7px;background:#1a2340;margin:25px auto}.getup span{display:block;height:100%;background:var(--cyan)}.pause{background:#070a178f;padding:24vh 6.5vw 7vh}.pause h1{margin-bottom:6vh}.pause .menu-list{width:34vw}.pause .eyebrow{margin-bottom:3vh}.controls-panel{width:75vw;max-width:1180px;background:#0c1022fa;border:1px solid #6c7390;padding:3vh 3vw}.controls-panel h2{font-size:clamp(36px,4vw,70px);margin-bottom:2vh}.control-columns{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.control-columns h3{font:18px Plex;color:var(--cyan);margin:1.5vh 0}.control-row{padding:1vh 0;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #394362;font-size:clamp(11px,1.1vw,17px)}.control-row span:last-child{font-family:Plex;color:var(--chrome);text-align:right}.controls-panel .primary{margin-top:3vh;font-size:26px}.result{background:linear-gradient(110deg,#070a17e8,#0b1130d9);padding:8vh 8vw}.result h1{font-size:clamp(55px,7vw,120px);margin-bottom:1vh}.result .winner{font:900 clamp(36px,4vw,65px) Barlow;color:var(--gold);margin-bottom:4vh}.score-table{border-collapse:collapse;width:min(760px,60vw);margin-bottom:4vh;font-size:clamp(13px,1.3vw,21px)}.score-table th,.score-table td{padding:1.2vh 1vw;border-bottom:1px solid #424a65;text-align:right}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table th{color:var(--chrome);font:14px Plex}.result-actions{display:flex;gap:18px}.result-actions button{font-size:clamp(23px,2.4vw,40px)}.loading{position:absolute;top:14px;right:18px;font:11px Plex;color:#bdc8ed;z-index:9}.error-panel{padding:10vh 10vw;position:fixed;inset:0;background:#070a17;display:grid;place-content:center;gap:25px}.error-panel p{max-width:60ch;line-height:1.6}.exit{display:grid;place-content:center;text-align:center;background:#070a17db;gap:4vh}.exit .logo{width:28vw;margin:auto}#toast{position:fixed;left:50%;bottom:10vh;transform:translate(-50%,10px);padding:12px 22px;background:#10182af5;border:1px solid var(--cyan);font:13px Plex;color:#f3f5ff;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;z-index:30;text-align:center}#toast.visible{opacity:1;transform:translate(-50%)}.no-motion *{animation:none!important;transition:none!important}@keyframes vs-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(2.1) rotate(-12deg);filter:blur(10px)}12%,55%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}64%,73%{opacity:0;transform:translate(-50%,-50%) scale(.28) rotate(20deg);filter:blur(5px)}87%,to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);filter:blur(0)}}@keyframes shard-burst{0%{opacity:0;transform:scale(.25) rotate(-12deg)}14%{opacity:.8;transform:scale(1) rotate(0)}55%{opacity:.65;transform:scale(1.12) rotate(4deg)}70%{opacity:0;transform:scale(1.6) rotate(12deg)}90%,to{opacity:.75;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:650px){.menu{padding-top:9vh}.menu h1{margin-bottom:4vh}.eyebrow{margin-bottom:2vh}.settings-panel h1{font-size:10vh;margin-bottom:3vh}.settings-list .row-button{font-size:4.5vh}.settings-panel .eyebrow{font-size:2.4vh;margin-bottom:2vh}.row-button{min-height:7.8vh}.footer{font-size:10px}.control-row{font-size:12px}.pause{padding-top:21vh}.pause h1{margin-bottom:3vh}.setup-panel .row-button{font-size:4.4vh}.control-columns h3{font-size:14px}.controls-panel h2{font-size:6vh}}@media(max-aspect-ratio:4/3){.settings-panel{width:82vw}.menu-list{width:49vw}.belt{left:29%;width:100%;top:30%}.roster{width:42vw}.portrait{width:37%;height:72%}.fighter-tile{aspect-ratio:.65}.nameplate .display{font-size:5vw}.selector-info{left:33%;right:33%}.match-top .venue{display:none}.versus .portrait{width:45%;height:68%}.setup-panel{width:60vw}.control-columns{gap:3vw}.pause .menu-list{width:47vw}}@media(max-width:700px){.footer{gap:12px;font-size:9px}.settings-panel{width:92vw}.settings-list .row-button{font-size:22px}.control-columns{grid-template-columns:1fr}.controls-panel{width:92vw;max-height:90vh;overflow:auto}.selection-header{font-size:10px}.roster{top:16vh;bottom:24vh}.selector-info{bottom:9vh;left:25%;right:25%}.nameplate{bottom:18vh}.selector .portrait{opacity:.65}.match-top{font-size:10px}.setup-panel{min-width:310px;width:90vw}.versus .nameplate .display{font-size:8vw}.result{padding:12vh 5vw}.score-table{width:90vw}.fight-tools{font-size:8px}.fighter-hud h3{font-size:19px}.clock .timer{font-size:49px}.hud-top{gap:18vw}.round-label{font-size:10px}}.portrait[data-id=westcol]{width:49%;max-width:none}.portrait.left[data-id=westcol]{left:-7.5%}.portrait.right[data-id=westcol]{right:-7.5%}.settings-list .row-button{height:6vh;min-height:0;padding:0 .7em;font-size:clamp(20px,min(2.65vw,4vh),44px)}.score-scroll{max-height:44vh;overflow:auto;margin-bottom:3vh;width:fit-content;max-width:100%}.score-scroll .score-table{margin-bottom:0}.result{padding-top:5vh}.result .eyebrow,.result .winner{margin-bottom:2vh}.backdrop-setup{opacity:1}.overlay:has(.setup-panel){background:#05071333}body.touch-device .footer,body.touch-device .fight-tools{display:none}.touch-controls{position:fixed;inset:0;z-index:20;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;--touch-pad: 12px;--joy: 104px;--punch-h: 44px}.touch-controls[hidden],.touch-controls [hidden]{display:none!important}.touch-controls button,.touch-joystick{pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none}.touch-controls button{min-height:44px;min-width:44px;padding:0 8px;background:#080d20b8;border:1px solid #53607a;color:#e6edff;font:700 11px Plex;letter-spacing:.06em;text-transform:uppercase}.touch-controls button.pressed,.touch-controls button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#050713}.touch-left,.touch-right{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + var(--touch-pad));display:flex;gap:8px}.touch-left{left:calc(env(safe-area-inset-left,0px) + var(--touch-pad));flex-direction:column;align-items:flex-start}.touch-right{right:calc(env(safe-area-inset-right,0px) + var(--touch-pad));flex-direction:column;align-items:flex-end}.touch-joystick{position:relative;width:var(--joy);height:var(--joy);border-radius:50%;background:radial-gradient(circle,#141a33a0,#080d20c0);border:2px solid #53607a}.touch-stick{position:absolute;left:50%;top:50%;width:42%;height:42%;border-radius:50%;background:#cfd8f5;border:2px solid var(--cyan);box-shadow:0 2px 10px #0008;transform:translate(-50%,-50%);pointer-events:none}.touch-defense{display:grid;grid-template-columns:repeat(3,minmax(44px,1fr));gap:6px}.touch-modifiers{display:flex;gap:6px;justify-content:flex-end}.touch-punches{display:grid;grid-template-columns:repeat(2,minmax(60px,1fr));grid-template-rows:repeat(3,var(--punch-h));gap:6px}.touch-punches button{min-height:var(--punch-h);height:var(--punch-h)}.touch-getup{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 28px);transform:translate(-50%);display:none;align-items:center;justify-content:center}.touch-controls.is-down .touch-getup{display:flex}.touch-controls .touch-getup{min-width:160px;min-height:64px;font-size:15px}.touch-controls.is-down .touch-left,.touch-controls.is-down .touch-right{display:none}.touch-toolbar{position:absolute;top:calc(env(safe-area-inset-top,0px) + 84px);right:calc(env(safe-area-inset-right,0px) + var(--touch-pad));display:flex;gap:8px}@media(orientation:landscape){.touch-controls{--joy: 112px;--punch-h: 46px}.touch-left{flex-direction:row;align-items:flex-end}.touch-toolbar{top:calc(env(safe-area-inset-top,0px) + 72px)}}@media(max-width:700px)and (orientation:portrait),(pointer:coarse)and (orientation:landscape)and (max-width:1000px){.menu{display:flex;flex-direction:column;align-items:stretch;padding:calc(env(safe-area-inset-top,0px) + 12px) calc(env(safe-area-inset-right,0px) + 16px) calc(env(safe-area-inset-bottom,0px) + 12px) calc(env(safe-area-inset-left,0px) + 16px);overflow-y:auto}.menu .eyebrow{order:1;font-size:11px;margin-bottom:2px}.menu h1{order:2;font-size:clamp(32px,9vw,44px);margin-bottom:6px}.menu .belt{order:3;position:static;align-self:center;z-index:auto;width:min(70%,320px);max-height:18vh;object-fit:contain;margin:0 0 10px;filter:drop-shadow(0 8px 14px #0009)}.menu .menu-list{order:4;width:100%;gap:8px}.menu .row-button{width:100%;min-height:48px;font-size:clamp(20px,5.4vw,28px)}.control-columns{grid-template-columns:1fr;gap:12px;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.controls-panel{width:92vw;max-height:90vh;overflow:auto}}@media(pointer:coarse)and (orientation:landscape)and (max-width:1000px){.menu .menu-list{gap:5px}.menu .row-button{min-height:44px}.menu .belt{max-height:14vh;margin-bottom:6px}.control-columns{max-height:52vh}}@media(orientation:portrait){.touch-toolbar{top:calc(env(safe-area-inset-top,0px) + max(114px,12vh + 20px))}.touch-left{width:min(37vw,160px)}.touch-right{width:min(48vw,188px)}.touch-joystick{align-self:center}.touch-defense,.touch-punches{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.touch-controls button{padding-inline:4px;font-size:clamp(9px,2.7vw,11px);letter-spacing:.02em}.touch-modifiers{width:100%}.touch-modifiers button{flex:1}}@media(pointer:coarse)and (orientation:landscape)and (max-width:1000px){.menu{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);grid-template-rows:auto auto 1fr;column-gap:20px}.menu .eyebrow{grid-column:1;grid-row:1}.menu h1{grid-column:1;grid-row:2}.menu .menu-list{grid-column:1;grid-row:3;align-self:start}.menu .belt{grid-column:2;grid-row:1 / 4;align-self:center;width:100%;max-height:65vh;margin:0}}@media(max-width:700px)and (orientation:portrait){.menu{padding-top:max(5vh,env(safe-area-inset-top,0px));gap:8px}.menu h1{font-size:clamp(44px,13vw,62px);margin-bottom:4px}.menu .belt{max-height:21vh;width:min(85%,360px);margin-bottom:12px}.menu .row-button{min-height:clamp(52px,7.6vh,68px)}}