.online-panel{z-index:60;pointer-events:auto;background:#040b18cc;justify-content:center;align-items:center;padding:clamp(8px,2vw,32px);display:flex;position:absolute;inset:0}.online-glass{background:linear-gradient(130deg,#18314af2,#071221fa);border:1px solid #608aa0;border-radius:12px;width:min(850px,100%);max-height:100%;padding:clamp(14px,2vw,28px);overflow:auto;box-shadow:0 16px 80px #000b}.online-glass header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.online-glass h2{color:#f9d982;margin:0;font:clamp(18px,2.1vw,30px) Bungee}.online-glass p{line-height:1.4}.online-glass input,.online-glass select{color:#fff;background:#06111f;border:1px solid #617b91;border-radius:6px;width:100%;min-height:40px;padding:8px 10px;font:16px Roboto}.online-glass button{color:#eff9ff;min-height:40px;font:inherit;background:#163750;border:1px solid #73cde9;border-radius:6px;padding:10px 16px}.online-glass button:hover{background:#245574}.online-glass button:disabled{opacity:.4}.online-fields{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:12px 0;display:grid}.online-fields label{flex-direction:column;gap:6px;font-size:14px;display:flex}.online-buttons{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.online-join{gap:10px;margin:16px 0;display:flex}.online-join input{text-transform:uppercase;max-width:220px}.online-glass details{margin:14px 0}.online-glass summary{cursor:pointer;margin-bottom:8px}.online-note{color:#ffe293;min-height:1.5em;margin-bottom:0}.online-room-code{justify-content:space-between;align-items:center;gap:12px;display:flex}.online-room-code strong{letter-spacing:3px;font:24px monospace}.online-players{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}.online-players>div{border:1px solid #526d80;border-radius:6px;flex-direction:column;gap:8px;padding:12px;display:flex}.online-players .own{border-color:#ffcf71}.online-arena-preview{object-fit:cover;border-radius:6px;width:100%;max-height:180px}.online-stats{padding-left:28px;line-height:2}.recovery-view label{margin:16px 0 8px;display:block}.recovery-view small{overflow-wrap:anywhere}.recovery-code{overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#06111f;border:1px solid #73cde9;border-radius:6px;padding:16px;font:18px monospace;display:block}#online-status{z-index:40;white-space:nowrap;background:#071526dd;border-radius:5px;padding:4px 10px;font-size:13px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}#touch-controls{z-index:45;pointer-events:none;padding:max(12px,env(safe-area-inset-bottom));-webkit-user-select:none;user-select:none;position:absolute;inset:0}#touch-pad{bottom:6%;left:max(3%,env(safe-area-inset-left));aspect-ratio:1;color:#b9eafc;pointer-events:auto;touch-action:none;background:#09273a70;border:2px solid #8ee9ffb0;border-radius:50%;place-items:center;width:clamp(95px,19vh,190px);font-size:58px;display:grid;position:absolute}.touch-actions{bottom:8%;right:max(3%,env(safe-area-inset-right));align-items:center;gap:12px;display:flex;position:absolute}.touch-actions button{aspect-ratio:1;color:#fff0ce;touch-action:none;pointer-events:auto;background:#44311b99;border:2px solid #ffd27c;border-radius:50%;width:clamp(52px,11vh,100px);font:22px Bungee}.touch-actions button:nth-child(2){transform:translateY(-25%)}#touch-menu{pointer-events:auto;color:#fff0ce;background:#09273a99;border:1px solid #8ee9ff;border-radius:6px;min-width:44px;min-height:40px;font-size:22px;position:absolute;top:20%;right:3%}@media (max-height:500px){.online-glass{padding:12px;font-size:14px}.online-glass header{margin-bottom:8px}.online-fields{margin:8px 0}.online-arena-preview{max-height:35px}.online-glass h2{font-size:18px}.online-players>div{padding:8px}.online-players,.online-buttons{margin:8px 0}.online-note:empty{display:none}}@media (orientation:portrait) and (pointer:coarse){body:after{content:"↻  Landscape / Querformat / Paysage";text-align:center;color:#ffe39d;pointer-events:none;width:100%;position:fixed;bottom:5vh}}@font-face{font-family:Bungee;src:url(../fonts/Bungee-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Regular.ttf)format("truetype");font-display:swap}:root{color:#f3f5f7;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#040a12;font-family:Roboto,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}button:focus-visible,select:focus-visible{outline-offset:5px;outline:3px solid #ffdf79}[hidden]{display:none!important}#game-shell{background:#081526;width:min(100vw,177.778vh);height:min(100vh,56.25vw);margin:auto;position:absolute;inset:0;overflow:hidden;container-type:inline-size}#world,#interface{position:absolute;inset:0}#world canvas{width:100%!important;height:100%!important;display:block!important}#interface{pointer-events:none}#interface button,#interface select,.screen,#help{pointer-events:auto}.glass{clip-path:polygon(1.2cqw 0,100% 0,100% calc(100% - 1.2cqw),calc(100% - 1.2cqw) 100%,0 100%,0 1.2cqw);background:linear-gradient(140deg,#1c374ff5,#071424f5);border:1px solid #7792a54d;box-shadow:0 1.3cqw 5cqw #0007,inset 0 1px #def2}.screen{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screen.shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#03101d99}#start{background:linear-gradient(90deg,#02101dd9,#06142933,#02101dbb)}.start-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:36cqw;min-height:41cqw;padding:2.2cqw 3.2cqw;display:flex;position:relative}.eyebrow{letter-spacing:.22em;color:#bdd1df;font-size:.67cqw;font-weight:700}.logo{object-fit:contain;width:26cqw;height:11cqw;margin:.8cqw 0 1cqw}.matchup{justify-content:center;align-items:center;gap:1.2cqw;width:100%;margin:.5cqw 0;font-family:Bungee;font-size:1.04cqw;display:flex}.matchup span:first-child{color:#72dfff}.matchup span:last-child{color:#ffae6c}.matchup i{color:#ffdb7e;font-size:.8cqw;font-style:normal}.arena-name{letter-spacing:.25em;color:#bacad6;margin:.5cqw 0 1.6cqw;font-size:.62cqw}#start-controls,#loading{width:100%}.primary,.secondary{border:1px solid #ffda79;width:100%;padding:1.03cqw 1.2cqw;font-family:Bungee;font-size:1.05cqw;transition:filter .12s,transform .12s;display:block}.primary{color:#221b10;background:linear-gradient(110deg,#ffdc78,#f4ae43);box-shadow:0 0 2cqw #f6b04413}.primary span{float:right}.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.secondary{color:#d8e5ef;background:#102336;border-color:#577083;margin-top:.7cqw;font-size:.85cqw}.difficulty{text-transform:uppercase;letter-spacing:.13em;justify-content:space-between;align-items:center;margin-bottom:.9cqw;font-size:.9cqw;display:flex}.difficulty select{background:#071628;border:1px solid #597180;width:12cqw;padding:.45cqw .8cqw;font-size:.9cqw}.secondary-copy{color:#b9cbd9;margin:1cqw 0 1.5cqw;font-size:.72cqw;line-height:1.8}.build-badge{color:#7692a8;letter-spacing:.2em;margin-top:.4cqw;font-size:.55cqw}.progress{background:#102234;height:.35cqw;overflow:hidden}.progress span{background:#ffcf63;width:0;height:100%;transition:width .15s;display:block}#load-label{color:#d0dce5;font-size:.85cqw}#hud{pointer-events:none;align-items:flex-start;gap:2.5%;display:flex;position:absolute;top:4.6%;left:7.5%;right:7.5%}.fighter-info{width:43%}.health-frame{background:#121b29ee;border:.2cqw solid #52687c;height:2.15cqw;padding:.14cqw;box-shadow:0 .25cqw .7cqw #0009}.health{transform-origin:0;background:linear-gradient(#ffe488,#f2ba48);width:100%;height:100%;transition:transform 80ms linear}.p2 .health{transform-origin:100%}.name-row{color:#ffda77;background:linear-gradient(110deg,#142b40ee,#0b1a2cee);border:1px solid #7b9aad3a;justify-content:space-between;align-items:center;height:2.6cqw;padding:.45cqw .7cqw;font-family:Bungee;font-size:1.3cqw;display:flex}.rounds{letter-spacing:.3em;font-size:1.2cqw}.fighter-info small{letter-spacing:.15em;padding:.5cqw .2cqw;font-size:.64cqw;display:block}.p1 small{color:#99e8ff}.p2 small{text-align:right;color:#ffbf8d}.versus{text-align:center;flex-direction:column;align-items:center;width:9%;font-family:Bungee;display:flex}.versus b{color:#ffdd81;font-size:1.8cqw;line-height:1.1}.versus span{background:#0b1d30ec;border:1px solid #627b8e;margin-top:.5cqw;padding:.2cqw .8cqw;font-size:2cqw;line-height:1.2}#announcement{text-align:center;filter:drop-shadow(0 .3cqw 1cqw #0009);background:linear-gradient(90deg,#08182800,#0c2038ee 12% 88%,#08182800);padding:1.1cqw;position:absolute;top:32%;left:27%;right:27%}#announcement small{letter-spacing:.3em;color:#d5e5f1;font-size:.9cqw;display:block}#announcement strong{color:#ffdd7d;font-family:Bungee;font-size:3cqw;line-height:1.4;display:block}footer{color:#e7eff4;text-shadow:0 1px 3px #000;justify-content:space-between;align-items:center;gap:1cqw;font-size:.72cqw;display:flex;position:absolute;bottom:1.5%;left:2.5%;right:2.5%}footer>span{background:#081a2be0;border-left:2px solid #f8ac65;padding:.55cqw .8cqw}nav{gap:.5cqw;display:flex}nav button{color:#dce9f3;background:#091b2be8;border:1px solid #68869c55;padding:.55cqw .8cqw;font-size:.7cqw}nav button:hover{color:#ffdb77;border-color:#ffdb77}.modal{text-align:center;width:34cqw;padding:2.6cqw}.modal h1{color:#ffdb7b;margin:1cqw 0;font-family:Bungee;font-size:2.65cqw;line-height:1.3}.modal p{margin:1cqw 0 2cqw;font-size:1cqw;line-height:1.6}.notice{color:#ffc68e}.modal #score{font-family:Bungee;font-size:2cqw}#help{z-index:5;background:#0b1c30fa;padding:1.8cqw 2.2cqw;position:absolute;top:20%;left:19%;right:19%}#help h2{color:#ffdb7b;margin:.2cqw 0 1cqw;font-family:Bungee;font-size:1.6cqw}.help-grid{grid-template-columns:1fr 1fr;gap:1cqw 2cqw;display:grid}.help-grid b{color:#b6dfff;font-size:.9cqw}.help-grid p,.help-note{color:#d2dee8;margin:.4cqw 0;font-size:.8cqw;line-height:1.7}.help-note{border-top:1px solid #7893aa44;padding-top:1cqw}#error{z-index:10}#error-message{overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@font-face{font-family:Roboto;src:url(../fonts/Roboto-Bold.ttf);font-weight:700;font-display:swap}button:disabled{cursor:default}button{touch-action:manipulation}.screen{background-position:50%;background-size:cover}.menu-pause,.menu-result,.menu-video,.menu-loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#03101d9c}.main-layout{text-align:center;width:36%;position:absolute;top:6%;left:32%}.main-logo{object-fit:contain;width:31cqw;height:13cqw}.main-layout #start-controls{width:27cqw;margin-inline:auto}.tagline{color:#ffd36e;letter-spacing:.2em;margin:.3cqw 0 1.3cqw;font-family:Bungee;font-size:1.2cqw}.main-hint{color:#d6e1ed;margin-top:1.2cqw;font-size:.75cqw;display:block}.menu-button{color:#eef4fc;text-align:center;clip-path:polygon(.6cqw 0,100% 0,100% calc(100% - .6cqw),calc(100% - .6cqw) 100%,0 100%,0 .6cqw);background:linear-gradient(120deg,#23354aed,#101d30f5);border:1px solid #779bb566;width:100%;margin:.35cqw 0;padding:.95cqw 1.5cqw;font:1.05cqw Bungee;transition:transform .12s,filter .12s,border-color .12s;box-shadow:0 .3cqw 1.5cqw #0006}.menu-button small{letter-spacing:.13em;float:right;margin-top:.2cqw;font:.55cqw Roboto}.focused,.menu-button:hover:not(:disabled){color:#ffdd85;border-color:#ffda73!important}.menu-button.focused{color:#241b12;background:linear-gradient(110deg,#fbd077,#e9a640)}.menu-button:disabled{opacity:.48}.main-layout .menu-button{isolation:isolate;background:linear-gradient(#27354bf2,#0d1728f5);padding:.78cqw 1.5cqw;font-size:1.12cqw;position:relative;box-shadow:inset 0 1px #c3d6ef22,0 .3cqw 1.5cqw #0006}.main-layout .menu-button:is(.focused,:hover,:focus-visible):not(:disabled){color:#eef4fc;background:#b59b56;border-color:#0000!important}.main-layout .menu-button:is(.focused,:hover,:focus-visible):not(:disabled):before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(calc(.6cqw - .6px) 0,100% 0,100% calc(100% - .6cqw + .6px),calc(100% - .6cqw + .6px) 100%,0 100%,0 calc(.6cqw - .6px));background:linear-gradient(#484a55,#1d2331);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}.main-layout .menu-button:is(.focused,:hover,:focus-visible):not(:disabled):after{content:"";pointer-events:none;background:linear-gradient(#ffdd72,#ffd04e) 0 0/clamp(3px,.24cqw,5px) 100% no-repeat,linear-gradient(#ffdd72,#ffd04e) right .6cqw bottom 0/1.3cqw clamp(3px,.24cqw,5px) no-repeat;position:absolute;inset:0}.page-title{object-fit:contain;width:55cqw;height:7cqw;margin:0 auto;display:block}.selection-page{position:absolute;inset:1.6cqw 3cqw 4.5cqw}.page-hint{text-align:center;color:#dbe4ec;margin:.4cqw 0 1.1cqw;font-size:.88cqw}.roster-layout{grid-template-columns:21% 55% 21%;gap:1.5%;height:31cqw;display:grid}.fighter-preview{clip-path:polygon(1cqw 0,100% 0,100% calc(100% - 1cqw),calc(100% - 1cqw) 100%,0 100%,0 1cqw);background:#061021;border:2px solid #50cde7;position:relative;overflow:hidden}.fighter-preview.player1{border-color:#ffab68}.fighter-preview>img{object-fit:contain;filter:drop-shadow(0 .3cqw .3cqw #0008);width:100%;max-width:100%;height:89%;position:absolute;bottom:4%;left:0}.ink{transform:rotate(var(--turn,0deg)) scaleX(var(--flip,1));pointer-events:none;filter:brightness(.82);background:linear-gradient(#030a1d55,#030a1d00 35%,#030a1da0),url(../ui/ink.png) 50%/cover;display:block;position:absolute;inset:-60%}.player-label{z-index:1;text-align:center;color:#70e2ff;background:#071223bf;padding:.7cqw .4cqw;font:.82cqw Bungee;position:absolute;inset:0 0 auto}.player1 .player-label{color:#ffb178}.preview-caption{text-align:center;background:linear-gradient(#0000,#031021 30%);flex-direction:column;gap:.4cqw;padding:1.5cqw .5cqw .7cqw;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-caption strong{color:#f6d284;font:1.2cqw Bungee}.preview-caption span{letter-spacing:.1em;font:.65cqw Roboto}.fighter-preview.ready .preview-caption span{color:#95f8ce}.roster-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(5,1fr);gap:.65cqw;height:23cqw;display:grid}.fighter-card{color:#eef4ff;clip-path:polygon(.45cqw 0,100% 0,100% calc(100% - .45cqw),calc(100% - .45cqw) 100%,0 100%,0 .45cqw);background:#10182e;border:1px solid #7895bd;min-width:0;padding:0;position:relative;overflow:hidden}.fighter-card>img{object-fit:contain;filter:drop-shadow(0 .3cqw .3cqw #0008);width:100%;height:94%;position:absolute;top:-2%;left:0}.fighter-card>strong{background:#051224d9;padding:.25cqw .1cqw;font:.67cqw Bungee;position:absolute;bottom:.45cqw;left:0;right:0}.fighter-card>small{background:#041123f2;padding:.16cqw;font:.43cqw Roboto;position:absolute;bottom:0;left:0;right:0}.fighter-card.locked .ink{filter:brightness(.43)}.fighter-card.locked>img{filter:saturate(.5)brightness(.6)}.fighter-card.selected0{border:3px solid #4fdcf5}.fighter-card.selected1{border:3px solid #ff934d}.fighter-card.selected0.selected1{border-top:3px solid #ffd46a;border-left:3px solid #4fdcf5;border-right:3px solid #ff934d}.markers{justify-content:space-between;display:flex;position:absolute;top:.3cqw;left:.3cqw;right:.3cqw}.markers i{color:#7beaff;background:#123342f0;padding:.12cqw .3cqw;font:700 .57cqw Roboto}.markers i:last-child{color:#ffbb83}.fighter-card:hover{filter:brightness(1.18)}.selection-controls{margin-top:.7cqw}.selection-step{text-align:center;height:1.7cqw;font-size:.74cqw}.selection-controls .primary{padding:.65cqw;font-size:.88cqw}.duo-ready{gap:.7cqw;display:flex}.duo-ready .secondary{margin-top:.2cqw;padding:.7cqw;font-size:.8cqw}.duo-ready .player0{color:#91e5f8;border-color:#53bfd3}.duo-ready .player1{color:#ffc79c;border-color:#d98955}.small{color:#dfeaf6;background:#14283cec;border:1px solid #7992aa66;padding:.35cqw .7cqw;font-size:.74cqw}.small.active{color:#ffdf85;border-color:#ffdf85}.difficulty-row{color:#ffda79;justify-content:space-between;align-items:center;margin:.2cqw 0 .4cqw;font:.9cqw Bungee;display:flex}.difficulty-row button{color:#ffda79;background:#14283c;border:1px solid #7992aa66;padding:.2cqw 1.1cqw}.page-bottom{justify-content:space-between;align-items:center;margin-top:1.1cqw;font-size:.85cqw;display:flex}.page-bottom .secondary{width:auto;min-width:12cqw;margin:0;padding:.6cqw 1.3cqw}.menu-message{color:#ffd69a;text-align:center;pointer-events:none;font-size:.9cqw;position:absolute;bottom:3.8cqw;left:8%;right:8%}.arena-layout{grid-template-columns:58% 39%;gap:3%;height:31cqw;display:grid}.arena-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(2,1fr);gap:.6cqw;display:grid}.arena-card{background:#08172a;border:1px solid #57738f;padding:0;position:relative;overflow:hidden}.arena-card img{object-fit:cover;width:100%;height:100%}.arena-card strong{color:#ecf1f7;background:#03101ddc;padding:.4cqw;font:.74cqw Bungee;position:absolute;bottom:0;left:0;right:0}.arena-card.chosen{border:3px solid #ffdb73;box-shadow:0 0 .8cqw #ffc84366}.arena-card.chosen strong{color:#ffdf87}.arena-detail{text-align:center;padding:1.4cqw}.arena-detail>img{object-fit:cover;width:100%;height:17cqw}.arena-detail h2{color:#ffdc7d;font:1.3cqw Bungee}.arena-detail p{font:.8cqw/1.8 Bungee}.arena-detail p b{color:#ffdc7d;margin:0 .7cqw}.arena-detail .primary{padding:.75cqw;font-size:.9cqw}.settings-page{width:60cqw;padding:1.4cqw 3cqw;position:absolute;top:3cqw;left:20cqw}.settings-page .page-title{width:100%;height:6cqw}.settings-rows{flex-direction:column;gap:.38cqw;margin:1cqw 0;display:flex}.setting-row{background:#07182a99;border:1px solid #58708455;grid-template-columns:43% 8% 41% 8%;align-items:center;min-height:2.8cqw;padding:.5cqw .7cqw;display:grid}.setting-row label{font-size:.96cqw}.setting-row strong{text-align:center;font-size:.97cqw}.setting-row button{color:#ffda7a;background:0 0;border:0;font-size:1.2cqw}.settings-buttons{gap:1cqw;margin-top:.8cqw;display:flex}.settings-buttons button{padding:.7cqw;font-size:.9cqw}.browser-note{color:#aabed0;text-align:center;font-size:.63cqw;display:block}.wide{width:46cqw}.wide .page-title{width:100%;height:6.7cqw}.wide h2{color:#ffdc7e;font:1.4cqw/1.7 Bungee}.wide p{font-size:.95cqw}.wide .menu-button{font-size:.97cqw}.mode-switch{margin-top:1cqw}.menu-loading .modal .logo{max-width:100%}#interface #menu,#menu button{pointer-events:auto}#menu:not([hidden]){animation:.3s both screen-in}.reduced #menu:not([hidden]){animation:80ms linear both screen-fade}.reduced *{transition:none!important}@keyframes screen-in{0%{opacity:0;translate:0 .4cqw}to{opacity:1;translate:0}}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){#menu:not([hidden]){animation:80ms linear both screen-fade}}.arena-grid{grid-template-rows:repeat(4,minmax(0,1fr));min-height:0}.arena-card{min-height:0}.arena-card img{display:block;position:absolute;inset:0}.arena-detail{min-height:0}