@font-face{font-family:Pixel;src:url('assets/fonts/press-start-2p.ttf') format('truetype');font-display:swap} :root{--bg:#061b35;--ink:#ffedbd;--line:#24527e;--muted:#a7b5c6;--orange:#ff781b;--gold:#e6c578}body{background:#061b35;color:var(--ink)}button,.textbtn,.primary,.secondary,h1,h2,h3,.healthlabel,.clock,.wins,.botbadge,.tag,.pick,.muted,.eyebrow{font-family:Pixel,monospace}button{font-weight:400}button:focus-visible,a:focus-visible{outline:3px solid #2bd2ff;outline-offset:4px}button:disabled{filter:grayscale(1);opacity:.5;cursor:wait}.primary{border:0;box-shadow:none;color:#fff0c4;background:transparent url('assets/webp/button-primary.webp') center/100% 145% no-repeat;image-rendering:pixelated;min-height:62px;padding:14px 32px;font-size:12px;line-height:1.7;letter-spacing:0;text-shadow:2px 2px #9e2a06;min-width:0;transition:filter .1s,transform .08s}.primary:hover{background-color:transparent;filter:brightness(1.12)}.primary:active{filter:brightness(.8);transform:translateY(3px)}.secondary{width:100%;min-height:51px;background:#0a213a;border:2px solid #a9bac8;border-bottom:4px solid #526a86;color:#fff0c4;padding:12px 14px;font-size:10px;line-height:1.7;clip-path:polygon(3% 0,97% 0,97% 7%,100% 7%,100% 93%,97% 93%,97% 100%,3% 100%,3% 93%,0 93%,0 7%,3% 7%);cursor:pointer}.secondary:hover{background:#173553}.secondary:active{transform:translateY(2px);filter:brightness(.8)}.secondary.danger{border-color:#c34f42;background:#371b2b;color:#ff8970}.topbar{border-color:#2d4f72;background:#061b35}.brand{font-family:Pixel;font-size:25px;color:#ffdf9a}.brandmark{display:none}.edition{font:8px Pixel;line-height:2;border-color:#385c7e}.iconbtn{font:8px Pixel;line-height:1.8;border:2px solid #42698b;background:#102c4b}.intro .eyebrow{font-size:8px}.intro h1{font-family:Pixel;font-size:clamp(17px,2.2vw,28px);line-height:1.5;letter-spacing:-1px}.fighters{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter,.fighter.selected{background:#0a2540;border-color:#496588;box-shadow:none}.fighter.selected{border-color:#ff9c37;background:#163451}.fighter:hover{background:#173959}.fighter-art{background:none}.fighter-art:after{background:#6e91af66}.cardtop{font:7px Pixel;line-height:1.6}.cardbottom{border-color:#325777}.cardbottom h3{font-size:16px;line-height:1.5;letter-spacing:-.5px}.cardbottom p{font-size:10px;color:#bbccdc}.artnumber{display:none}.launchrow{border:1px solid #40658a;background:#0b2643}.arena-card h3{font-size:13px;line-height:1.6}.arena-thumb{border:2px solid #bbad7e}.eyebrow,.botbadge{color:#f4cb82}.guide{border-color:#325679}.loadstatus{color:#b0c8dd}.splashdialogbox{background:transparent url('assets/webp/panel-frame.webp') center/100% 100%;border:0;padding:40px 30px;image-rendering:pixelated}.splashdialogbox h2{font-size:18px;line-height:1.7}.splashdialogbox .textbtn{font:10px Pixel;line-height:1.8}.splashdialogbox .primary{font-size:11px}.splashdialogbox p{color:#e2dac1}
body.playing .matchline{background:#071c32ad;height:40px;padding:0 10px;align-items:center}body.playing .matchline>span{font:7px Pixel;color:#ffdf9b}body.playing .matchline .textbtn{color:#ffedbd;min-width:36px;min-height:36px;font-size:8px}body.playing #pause{width:36px;height:36px;min-height:36px;font:bold 24px monospace;line-height:1;padding:1px;background:#071a2e;border:2px solid #f4d798;box-shadow:2px 2px #0005;clip-path:polygon(15% 0,85% 0,85% 8%,100% 8%,100% 92%,85% 92%,85% 100%,15% 100%,15% 92%,0 92%,0 8%,15% 8%)}body.playing .hud{top:calc(48px + env(safe-area-inset-top));left:13px;right:13px;gap:9px;align-items:center}.healthlabel{gap:4px;align-items:center;min-height:22px}body.playing .healthlabel strong{font:8px Pixel;line-height:1.6;text-shadow:1px 2px #071b30;white-space:nowrap}.healthlabel span{font:7px Pixel;background:#061b35;line-height:1.6;padding:2px 4px;color:#efca81}body.playing .health{height:18px;border:3px solid #f09440;outline:2px solid #041a31;box-shadow:2px 3px #041a31;background:#24364d}.health div,.enemy .health div{background:#4cde63;box-shadow:inset 0 3px #9ef89b,inset 0 -3px #209947}.clock{width:55px;min-width:55px;display:flex;flex-direction:column;align-items:center;align-self:start;padding-top:17px}body.playing .clock b{font:25px Pixel;padding:9px 6px;background:#061b35;border:3px solid #ff9f43;outline:2px solid #061b35;clip-path:polygon(14% 0,86% 0,86% 8%,100% 8%,100% 92%,86% 92%,86% 100%,14% 100%,14% 92%,0 92%,0 8%,14% 8%);color:#ffedbd;text-shadow:2px 2px #000}body.playing .clock span{font:5px Pixel;line-height:1.8;margin-top:8px;white-space:nowrap}.wins{height:18px;letter-spacing:5px;line-height:18px}body.playing .wins{font:13px monospace;color:#bce86e;letter-spacing:6px;margin-top:6px}.enemy .wins{color:#ffb17d}body.playing .controls{left:14px;right:14px;bottom:max(25px,env(safe-area-inset-bottom));align-items:end;gap:12px}body.playing .movement{gap:9px;align-items:end}body.playing .controls button{--edge:#eadca9;--face:#09243a;position:relative;width:76px;height:76px;min-height:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;box-shadow:none;background:var(--edge);backdrop-filter:none;isolation:isolate;clip-path:polygon(30% 0,70% 0,70% 5%,82% 5%,82% 12%,92% 12%,92% 22%,97% 22%,97% 33%,100% 33%,100% 67%,97% 67%,97% 78%,92% 78%,92% 88%,82% 88%,82% 95%,70% 95%,70% 100%,30% 100%,30% 95%,18% 95%,18% 88%,8% 88%,8% 78%,3% 78%,3% 67%,0 67%,0 33%,3% 33%,3% 22%,8% 22%,8% 12%,18% 12%,18% 5%,30% 5%)}body.playing .controls button:before{content:'';position:absolute;inset:4px;background:var(--face);clip-path:inherit;z-index:-1;box-shadow:inset 0 -7px #0007,inset 0 4px #fff1}body.playing .controls button:after{content:'';position:absolute;inset:7px;clip-path:inherit;border:1px solid #ffffff15;pointer-events:none}body.playing .actions .punch{--edge:#f26632;--face:#6c231d}body.playing .actions .kick{--edge:#05c2f0;--face:#07477b}body.playing .actions .jump{--edge:#e4c56c;--face:#6e5011}body.playing .controls button.held{filter:brightness(1.45);transform:translateY(3px)}body.playing .controls button.held:before{box-shadow:inset 0 5px #0009}body.playing .actions{display:grid;grid-template-columns:76px 76px;grid-template-rows:76px;column-gap:9px;position:relative}body.playing .actions .jump{position:absolute;right:42px;bottom:94px}body.playing .actions small{position:absolute;bottom:9px;font:6px Pixel;line-height:1;color:#ffedbd;text-shadow:1px 1px #071a2e}body.playing .actions button{gap:0}body.playing .control-icon{display:block;width:46px;height:46px;background-image:url('assets/webp/control-icons.webp');background-repeat:no-repeat;background-size:614% 204.6%;image-rendering:pixelated;transform:translateY(-3px)}.icon-left{background-position:2.5% 52%}.icon-right{background-position:26% 52%}.icon-punch{background-position:50% 52%}.icon-kick{background-position:75% 52%}.icon-jump{background-position:98% 52%}body.playing .movement .control-icon{transform:none}body.playing .modal-open .controls{pointer-events:none;filter:brightness(.35)}body.playing .modal-open .controls button{pointer-events:none}body.playing .overlay{background:#03152b99;backdrop-filter:none;padding:18px;z-index:4}body.playing .overlaybox{background:transparent url('assets/webp/panel-frame.webp') center/100% 100% no-repeat;image-rendering:pixelated;border:0;width:min(350px,90vw);max-width:90vw;min-height:330px;padding:38px 29px 34px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;box-shadow:none}body.playing .overlaybox h2{font:clamp(19px,4.8vw,34px) Pixel;line-height:1.7;letter-spacing:-1px;color:#ffe7ac;text-shadow:3px 3px #6f4a1a;text-align:center;margin:0;overflow-wrap:anywhere}body.playing .overlaybox p{font:12px Arial,sans-serif;line-height:1.7;letter-spacing:0;color:#eee0b9;margin:0;text-align:center}body.playing .overlaybox #overlabel{font:8px Pixel;color:#e8bf6d;line-height:1.8}.stateicon{font:36px monospace;color:#f6d99b;line-height:1}.stateactions{width:100%;display:flex;flex-direction:column;gap:10px}.stateactions .primary,.stateactions .secondary{width:100%}.stateactions .primary{font-size:11px;padding:15px 24px}.stateactions .secondary{font-size:9px}body.playing .overlaybox #overbuttons{flex-direction:column;gap:9px;width:100%}body.playing .overlay[data-kind=intro] .overlaybox{min-height:190px;width:min(450px,88vw);padding:30px;gap:12px}body.playing .overlay[data-kind=intro] #stateicon{display:none}body.playing .overlay[data-kind=result]{background:#071a2944;align-items:stretch;padding:0}body.playing .overlay[data-kind=result] .overlaybox{position:relative;margin:0 auto;width:min(600px,100%);max-width:none;min-height:0;height:100%;padding:calc(35px + env(safe-area-inset-top)) 24px max(18px,env(safe-area-inset-bottom));gap:10px;background:none;justify-content:start}body.playing .overlay[data-kind=result] h2{font-size:clamp(25px,6vw,42px);line-height:1.5}body.playing .overlay[data-kind=result] #overlabel{font-size:21px;letter-spacing:3px;color:#fff0bf;font-style:italic;text-shadow:3px 3px #ce5b15}body.playing .overlay[data-kind=result] #overdetail{font-size:12px}#resultscore{font:30px Pixel;color:#fff0bf;text-shadow:3px 3px #302b2e;line-height:1.5;margin-top:3px}#resultart{flex:1;min-height:0;max-width:100%;width:auto;object-fit:contain;image-rendering:pixelated}body.playing .overlay[data-kind=result] #overbuttons{flex:none;background:url('assets/webp/panel-frame.webp') center/100% 100%;padding:20px 20px 24px;image-rendering:pixelated;gap:9px}body.show-result .hud,body.show-result .matchline,body.show-result .controls{visibility:hidden}.splashdialog{z-index:30}body.playing .overlay[data-kind=exit] .overlaybox h2{font-size:19px;line-height:1.8}
@media(max-width:760px){.brand{font-size:18px}.cardbottom h3{font-size:clamp(8px,2vw,12px)}.cardbottom p{display:none}.intro h1{font-size:19px;line-height:1.55}.sectionline h2{font-size:8px}.cardtop{font-size:5px}.cardtop .pick{font-size:5px}.tag{max-width:65px}.fighter,.fighter.selected{padding:9px}.arena-card h3{font-size:9px}.arena-card .eyebrow{font-size:6px}.launchinfo p{font-size:8px}.botbadge{font-size:6px}.primary{font-size:10px}.launchrow .primary{min-height:58px;padding:13px 25px}.loadstatus{font-size:7px}body.playing .controls button{width:70px;height:70px}body.playing .actions{grid-template-columns:70px 70px;grid-template-rows:70px;column-gap:8px}body.playing .movement{gap:8px}body.playing .actions .jump{right:39px;bottom:88px}body.playing .control-icon{width:43px;height:43px}body.playing .actions small{font-size:6px;bottom:8px}body.playing .hud{left:12px;right:12px;gap:7px}body.playing .healthlabel strong{font-size:7px}body.playing .healthlabel span{font-size:5px}.clock{min-width:45px;width:45px}.healthpanel{min-width:0}body.playing .clock b{font-size:21px;padding:9px 4px}body.playing .clock span{font-size:4px}body.playing .health{height:16px}.healthlabel{gap:2px}body.playing .wins{font-size:12px;line-height:15px}body.playing .overlaybox{padding:35px 27px;gap:16px}.overlaybox .primary{min-width:0}}
@media(max-width:370px){body.playing .controls{left:10px;right:10px;gap:8px}body.playing .controls button{width:62px;height:62px}body.playing .actions{grid-template-columns:62px 62px;grid-template-rows:62px;column-gap:7px}body.playing .movement{gap:7px}body.playing .actions .jump{right:34px;bottom:80px}body.playing .control-icon{width:39px;height:39px}body.playing .actions small{font-size:5px}body.playing .healthlabel strong{font-size:6px}}
@media(orientation:landscape) and (max-height:600px){.intro h1{font-size:14px}.brand{font-size:18px}.cardbottom h3{font-size:11px}.launchrow .primary{min-height:46px;font-size:9px}.arena-card h3{font-size:10px}body.playing .hud{left:65px;right:65px;top:12px;gap:14px}body.playing .matchline{background:none;pointer-events:none}body.playing .matchline>span{display:none}body.playing .matchline button{pointer-events:auto}body.playing #back{font-size:0;width:36px;border:2px solid #bda66f;background:#08223c}body.playing #back:before{content:'←';font:bold 22px monospace}body.playing .clock{padding-top:12px}body.playing .clock b{font-size:22px;padding:6px}.healthlabel{min-height:18px}body.playing .healthlabel strong{font-size:8px}body.playing .healthlabel span{font-size:6px}body.playing .health{height:16px}body.playing .controls{bottom:max(14px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right))}body.playing .controls button{width:58px;height:58px}body.playing .actions{grid-template-columns:58px 58px;grid-template-rows:58px;gap:8px}body.playing .actions .jump{right:33px;bottom:72px}body.playing .control-icon{width:36px;height:36px}body.playing .actions small{font-size:5px;bottom:7px}body.playing .overlaybox{width:330px;max-height:94dvh;min-height:0;padding:23px 27px;gap:8px}.stateicon{font-size:24px}body.playing .overlaybox h2{font-size:22px;line-height:1.4}.stateactions{gap:6px}.stateactions .primary{min-height:52px;font-size:10px;padding:12px 20px}.stateactions .secondary{min-height:43px;padding:8px;font-size:8px}body.playing .overlay[data-kind=result] .overlaybox{max-height:none;max-width:none;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:25px 55px 34px 1fr;align-content:center;padding:15px 30px;gap:8px 25px}body.playing .overlay[data-kind=result] #overlabel{grid-column:1;grid-row:1;font-size:17px}body.playing .overlay[data-kind=result] #overtitle{grid-column:1;grid-row:2;font-size:25px}body.playing .overlay[data-kind=result] #resultscore{grid-column:1;grid-row:3;font-size:25px}body.playing .overlay[data-kind=result] #resultart{grid-column:1;grid-row:4;width:100%;height:100%;max-height:190px;justify-self:center}body.playing .overlay[data-kind=result] #overbuttons{grid-column:2;grid-row:1/5;align-self:center;width:min(350px,100%);justify-self:center;gap:8px;padding:24px 22px}body.playing .overlay[data-kind=result] #overdetail{display:none}}
@media(max-height:700px) and (orientation:portrait){body.playing .overlay[data-kind=result] .overlaybox{padding-top:18px;gap:6px}body.playing .overlay[data-kind=result] h2{font-size:24px}#resultscore{font-size:23px}body.playing .overlay[data-kind=result] #overlabel{font-size:17px}body.playing .overlay[data-kind=result] #overbuttons{padding:16px;gap:5px}.stateactions .primary{min-height:52px}.stateactions .secondary{min-height:44px;padding:8px}body.playing .overlay[data-kind=result] #overdetail{display:none}}
/* Keep the result portrait in document flow; the battle canvas alone fills the stage. */
body.playing .stage #resultart{position:relative;inset:auto;display:block;flex:1 1 0%;min-height:0;width:100%;height:0;max-width:100%;object-fit:contain}
body.playing .overlaybox h2{font-size:28px;line-height:1.6}body.playing .overlaybox p{font-size:14px}body.playing .healthlabel strong{font-size:8px}
@media(orientation:landscape) and (max-height:600px){body.playing .stage #resultart{height:100%;width:100%;flex:none}body.playing .overlaybox h2{font-size:22px}}
.result-logo{display:block;width:190px;height:64px;object-fit:contain;image-rendering:pixelated;flex:none}body.playing .overlay[data-kind=result] #overlabel{display:none}body.playing .overlay[data-kind=result] .overlaybox{padding-top:20px;gap:8px}@media(orientation:landscape) and (max-height:600px){body.playing .overlay[data-kind=result] .result-logo{grid-column:1;grid-row:1;width:150px;height:42px;justify-self:center}body.playing .overlay[data-kind=result] .overlaybox{padding-top:12px;grid-template-rows:42px 45px 30px 1fr}}@media(max-height:700px) and (orientation:portrait){.result-logo{width:150px;height:48px}}
body.playing .overlay{z-index:10}@media(max-width:760px){body.playing #back{font-size:0;width:34px;min-width:34px;height:34px;padding:0;background:#08223c;border:2px solid #bda66f}body.playing #back:before{content:'←';font:bold 20px monospace}body.playing .matchline>span{font-size:6px}}
@media(orientation:portrait){body.playing .controls button{width:80px;height:80px}body.playing .actions{grid-template-columns:80px 80px;grid-template-rows:80px}body.playing .actions .jump{right:44px;bottom:99px}body.playing .actions small{font-size:8px;bottom:9px}body.playing .control-icon{width:48px;height:48px}body.playing .healthlabel strong{font-size:9px}body.playing .hud{top:calc(40px + env(safe-area-inset-top))}body.playing .overlaybox h2{font-size:34px}.stateactions .primary{font-size:14px}.stateactions .secondary{font-size:11px}body.playing .overlay[data-kind=result] h2{font-size:34px}#resultscore{font-size:34px}}
@media(orientation:portrait) and (max-width:370px){body.playing .controls button{width:64px;height:64px}body.playing .actions{grid-template-columns:64px 64px;grid-template-rows:64px}body.playing .actions .jump{right:35px;bottom:82px}body.playing .actions small{font-size:6px}body.playing .control-icon{width:39px;height:39px}body.playing .healthlabel strong{font-size:7px}body.playing .overlaybox h2{font-size:27px}.stateactions .primary{font-size:11px}.stateactions .secondary{font-size:9px}}

.arena-card{color:inherit;text-align:left;font:inherit;cursor:pointer}.arena-card:hover{border-color:#ffc85e}
.arena-dialog{position:fixed;inset:0;z-index:100;background:#071218f5;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));box-sizing:border-box}.arena-dialog[hidden]{display:none}.arena-window{width:min(920px,100%);height:min(780px,100%);display:flex;flex-direction:column;gap:16px}.arena-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.arena-heading h2{font-size:clamp(12px,3vw,22px);line-height:1.7;margin:0;color:#ffdc93}.arena-window>p{font-size:8px;color:#a6b6b6;margin:0}.arena-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;flex:1;min-height:0}.arena-option{position:relative;border:2px solid #51625e;padding:0;min-height:0;overflow:hidden;background:#152727;color:#fff3d1;text-align:left;cursor:pointer}.arena-option img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.arena-option>span{position:absolute;inset:auto 0 0;padding:22px 10px 14px;background:linear-gradient(transparent,#08181cf5 35%);display:grid;gap:10px}.arena-option small{font-size:7px;color:#ffcd71}.arena-option strong{font-size:10px;line-height:1.7}.arena-option.selected{border:3px solid #ffcc68;box-shadow:0 0 16px #ffab2430}.arena-option.selected:after{content:'✓';position:absolute;right:8px;top:8px;background:#f6ba4d;color:#152420;padding:8px}.arena-window>.primary{flex-shrink:0;min-height:62px;width:100%}
@media(max-width:600px) and (orientation:portrait){.arena-options{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.arena-option img{object-position:50% 55%}.arena-option>span{padding:26px 14px 12px}.arena-window{gap:12px}.arena-option strong{font-size:12px}}
@media(orientation:landscape) and (max-height:500px){.arena-window{gap:8px}.arena-window>.primary{min-height:48px}.arena-heading h2{font-size:12px}.arena-window>p{display:none}}
.arena-dialog{grid-template-rows:minmax(0,1fr)}.arena-window{height:min(780px,calc(100dvh - 40px));min-height:0;max-height:100%}.arena-options{overflow:hidden}.arena-option img{position:absolute;inset:0}

/* Compact square roster: six fighters, no scrolling. */
#lobby .intro{margin-bottom:14px}#lobby .intro h1{font-size:clamp(14px,2vw,24px)}#lobby .intro-note,#lobby .guide{display:none}#lobby .selection{flex:1;justify-content:center}#lobby .fighters{flex:0 1 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,600px);align-self:center}#lobby .fighter,#lobby .fighter.selected{aspect-ratio:1;padding:0;border:2px solid #496588;position:relative;display:block;min-height:0}#lobby .fighter.selected{border:3px solid #ffbd55;box-shadow:0 0 15px #ff9f222b}#lobby .fighter-art{position:absolute;inset:4px 0 21px;height:auto}#lobby .fighter-art:after{display:none}#lobby .cardtop{position:absolute;inset:5px 5px auto;z-index:3;justify-content:flex-end}#lobby .cardtop .tag{display:none}#lobby .pick{font-size:5px;background:#071e38bb;padding:4px}#lobby .cardbottom{position:absolute;bottom:0;left:0;right:0;border:0;background:#061a32ed;padding:7px 3px;text-align:center;display:block}#lobby .cardbottom h3{font-size:clamp(6px,1.5vw,10px);line-height:1.7;margin:0;letter-spacing:0}.random-arena{cursor:default}.random-arena .arena-thumb{background:#0e3453;display:grid;place-items:center;font:26px Pixel;color:#ffcc6a}.random-arena .eyebrow{font-size:6px}.random-arena h3{font-size:8px}
@media(orientation:portrait){#lobby .fighters{max-width:min(600px,calc((100dvh - 260px)*1.5))}#lobby .launchrow{flex-wrap:wrap}#lobby .launchrow .primary{width:100%}#lobby .launchinfo{display:none}}
@media(orientation:landscape){#lobby .fighters{grid-template-columns:repeat(6,minmax(0,1fr));width:min(100%,1000px)}#lobby .intro{display:none}#lobby .cardbottom h3{font-size:7px}#lobby .fighters{max-width:calc((100dvh - 170px)*6)}#lobby .selection{justify-content:center}}
@media(orientation:portrait){#lobby .fighters{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(100%,calc((100dvh - 330px)*.6667))}#lobby .fighter-art{inset:0 0 20px}#lobby .cardbottom h3{font-size:8px}#lobby .sectionline{margin-bottom:8px}}

/* All twenty head portraits fit on one screen. */
#lobby .intro{display:none}#lobby .sectionline{margin-bottom:12px}#lobby .selection{gap:0;justify-content:center;align-items:stretch}#lobby .fighters{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:7px;width:min(100%,700px);max-width:min(100%,calc((100dvh - 270px)*1.25));flex:none}#lobby .fighter,#lobby .fighter.selected{aspect-ratio:1;min-width:0;min-height:0;padding:0;overflow:hidden;border:2px solid #486686;background:#0c2037}#lobby .fighter canvas{display:block;width:100%;height:100%;image-rendering:pixelated}#lobby .fighter.selected{border:3px solid #ffd16a;box-shadow:0 0 12px #ffaa3340;z-index:1}#lobby .fighter:hover{filter:brightness(1.18)}.selected-fighter{text-align:center;display:grid;gap:9px;padding:15px 0 4px}.selected-fighter span{font:6px Pixel;color:#8ca8c4}.selected-fighter strong{font:12px Pixel;color:#ffda8b;line-height:1.5}#lobby .launchrow{margin-top:10px}#lobby .loadstatus{display:none}
@media(orientation:portrait){#lobby .fighters{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));max-width:min(100%,calc((100dvh - 290px)*.8));gap:6px}#lobby .launchrow{padding:8px}.selected-fighter{padding:12px 0 3px}#lobby .sectionline .muted{font-size:6px}#lobby .launchrow .primary{min-height:50px}}
@media(orientation:landscape) and (max-height:600px){#lobby .fighters{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));width:min(100%,1000px);max-width:min(100%,calc((100dvh - 165px)*5));gap:5px}#lobby .selected-fighter{padding:7px 0 0;display:flex;justify-content:center;align-items:center;gap:12px}#lobby .selected-fighter strong{font-size:9px}#lobby .sectionline{margin-bottom:6px}#lobby .launchrow{margin-top:7px}#lobby .random-arena .arena-thumb{display:none}}

.loading-screen{position:fixed;inset:0;z-index:300;background:#06182bf5;display:grid;place-items:center;padding:24px;box-sizing:border-box}.loading-screen[hidden]{display:none}.loading-box{width:min(380px,100%);text-align:center;display:grid;gap:22px}.loading-emblem{font:clamp(32px,10vw,50px) Pixel;color:#ffda8c;text-shadow:3px 4px #824a25}.loading-box h2{font:12px Pixel;line-height:1.8;color:#ffe6b8}.loading-box p{font:12px Arial;line-height:1.6;color:#b6cadd;margin:0;min-height:38px}.loading-meter{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:12px}.loading-meter b{font:10px Pixel;color:#ffcf75}.loading-meter progress{appearance:none;-webkit-appearance:none;width:100%;height:20px;border:2px solid #d3b477;background:#102c47;padding:3px;border-radius:0}.loading-meter progress::-webkit-progress-bar{background:#102c47}.loading-meter progress::-webkit-progress-value{background:linear-gradient(#ffe187,#ee8a2d)}.loading-meter progress::-moz-progress-bar{background:#ffc066}.loading-screen.indeterminate progress{opacity:.5}.loading-box .primary{font-size:10px}
body.dinosaur-player .icon-punch{background:transparent url('assets/vector/bite.svg') center/contain no-repeat!important}body.dinosaur-player .icon-kick{background:transparent url('assets/vector/paw.svg') center/contain no-repeat!important}