@font-face{font-family:ArenaArabic;src:local('Noto Sans Arabic'),local('Tahoma');font-display:swap}
:root{--bg:#0b1018;--surface:#111925;--raised:#182231;--line:#ffffff20;--text:#f7f2e9;--muted:#a2adbc;--red:#f2493e;--cyan:#48d9db;--gold:#efbc7a;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:ArenaArabic,Tahoma,Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}img{max-width:100%}.hidden{display:none!important}.muted{color:var(--muted)}.red-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px #f2493e60}.eyebrow{font:700 10px/1.4 Arial,sans-serif;letter-spacing:2.2px;color:var(--gold);display:block;direction:ltr}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 22px;min-height:44px;font-weight:700;border:1px solid transparent;border-radius:2px;transition:background .16s,transform .16s;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--red);color:#fff4eb;border-color:#ff8774}.button.primary:hover{background:#ff5c4d}.button.ghost{background:#101824c9;border-color:#ffffff3d;color:var(--text)}.button.small{min-height:34px;padding:7px 16px;font-size:12px}.text-button{background:none;color:var(--gold);padding:10px 0}.icon-button{width:34px;height:34px;background:transparent;border:1px solid var(--line);font-size:20px}.icon-button.muted{color:#667182}.pill{font:700 10px Arial;background:#ffffff14;padding:3px 6px;margin-right:5px;border-radius:3px}
.topbar{height:74px;padding:0 max(26px,env(safe-area-inset-right)) 0 max(26px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#0b1018f5}.brand{width:145px;display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0}.brand img{width:145px;height:23px}.brand span{font:500 8px/1 Arial;letter-spacing:7px;margin-left:7px}.topbar nav{display:flex;align-items:center;height:100%;gap:6px}.nav-button{padding:12px 15px;background:transparent;color:var(--muted);font-size:13px;position:relative;display:inline-flex;align-items:center;gap:5px;height:100%;border-bottom:2px solid transparent}.nav-button.active{color:var(--text);border-bottom-color:var(--red)}.nav-button:hover{color:var(--text)}.top-actions{display:flex;align-items:center;gap:9px}.connection{font-size:10px;color:var(--muted);white-space:nowrap}.connection i,.live-label i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b96a6;margin-left:4px}.connection.online i{background:#88c894}.profile-button{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffff09;border:1px solid var(--line);padding:8px 12px}
main{height:calc(100dvh - 74px)}.screen{display:none;height:100%;overflow:auto}.screen.active{display:block}.lobby-screen.active{display:grid;grid-template-columns:1.18fr 1fr;gap:28px;padding:32px;max-width:1600px;margin:auto}.lobby-feature{position:relative;min-height:0;background:linear-gradient(90deg,#0c121b22,#0c121bdd 75%),url('/assets/muttrah.png') center/cover;border:1px solid #ffffff20;overflow:hidden}.lobby-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090e18e8,transparent 40%);pointer-events:none}.feature-copy{position:relative;z-index:3;padding:38px 34px;max-width:65%}.feature-copy h1{font-size:clamp(38px,5.6vw,82px);line-height:1.35;letter-spacing:-2px;font-weight:900;margin:16px 0}.feature-copy h1 span{color:var(--gold)}.feature-copy p{color:#c3c8cf;font-size:13px;line-height:1.9}.feature-actions{display:flex;gap:8px;margin-top:25px;flex-wrap:wrap}.feature-fighter{position:absolute;bottom:5%;left:-1%;width:64%;height:88%;object-fit:contain;image-rendering:pixelated;z-index:2;filter:drop-shadow(0 20px 25px #0008)}.feature-foot{position:absolute;bottom:18px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:4;color:#c8bda8;font:10px Arial;letter-spacing:1px}.online-panel{display:flex;flex-direction:column;min-height:0;padding-top:10px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-title h2{font-size:24px;margin-top:8px}.section-title h2>span{font:500 15px Arial;color:var(--muted);margin-right:7px}.live-label{font:700 9px Arial;letter-spacing:1px;display:inline-flex;align-items:center;background:#101722d9;padding:7px 9px;border:1px solid #ffffff20;white-space:nowrap}.live-label i{background:var(--red);margin-left:6px;animation:live-pulse 2s infinite}.players-list{flex:1;overflow:auto;padding:8px 0}.player-row{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #ffffff12}.player-avatar{width:44px;height:44px;background:#1f2a3a;border:1px solid #ffffff25;display:grid;place-items:center;font-size:20px;color:var(--gold)}.player-info{flex:1;min-width:0}.player-info strong{display:block;font-size:14px}.player-info span{display:block;font-size:10px;color:var(--muted);margin-top:7px}.status-dot{display:inline-block;width:5px;height:5px;background:#88c894;border-radius:50%;margin-left:4px}.status-dot.busy{background:var(--red)}.panel-note{padding:14px 0 4px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.empty-state{min-height:180px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px;line-height:1.8}.empty-state h3{font-size:22px}.empty-state p{font-size:12px;color:var(--muted);max-width:310px}.empty-number{font:900 54px Arial;color:#ffffff15;letter-spacing:2px}.empty-state.wide{grid-column:1/-1;width:100%;min-height:240px}.list-screen{padding:32px;max-width:1500px;margin:auto}.page-heading{margin-bottom:28px}.page-heading h1{font-size:34px;display:flex;align-items:center;gap:14px;margin:10px 0}.page-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}.live-room-card{border:1px solid var(--line);background:var(--surface)}.room-image{height:170px;background-size:cover;background-position:center;position:relative;padding:14px}.room-image:before{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#060a12d9)}.room-image>.live-label{position:relative}.room-vs{position:absolute;bottom:20px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px}.room-vs strong{font-size:15px}.room-vs b{color:var(--red);font:italic 900 28px Arial}.live-room-card footer{display:flex;justify-content:space-between;align-items:center;padding:13px 15px}.live-room-card footer>span{font-size:11px;color:var(--muted)}.rank-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.ranking-header,.ranking-row{display:grid;grid-template-columns:1fr 100px 85px;gap:12px;align-items:center;padding:17px 12px;border-bottom:1px solid var(--line)}.ranking-header{color:var(--muted);font-size:11px}.ranking-row{font-size:13px}.rank-player{display:flex;align-items:center;gap:17px}.rank-player>b{color:var(--gold);font:700 19px Arial}.rank-player small{color:var(--cyan);font-size:10px}.ranking-row.you{background:#48d9db09}.recent-panel{padding-top:14px}.recent-panel h2{font-size:17px;margin-bottom:14px}.recent-match{display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);font-size:11px}.recent-match>span,.recent-match strong>span{color:var(--muted)}
.select-screen{padding:22px 32px;max-width:1500px;margin:auto}.select-heading{display:flex;align-items:center;gap:22px;margin-bottom:14px}.select-heading h1{font-size:28px}.select-heading>.muted{margin-right:auto;font-size:11px}.select-layout{height:calc(100% - 52px);display:grid;grid-template-columns:.9fr 1.2fr;gap:30px}.fighter-showcase{position:relative;min-height:0;overflow:hidden;background:radial-gradient(ellipse,#93463120,transparent 65%)}.fighter-showcase>img{width:100%;height:90%;object-fit:contain;image-rendering:pixelated;position:relative;filter:drop-shadow(0 8px 18px #0009)}.fighter-halo{position:absolute;width:75%;height:60%;left:12.5%;top:16%;border:1px solid #e9b17b20;transform:skew(-8deg);background:repeating-linear-gradient(0deg,transparent,transparent 39px,#ffffff06 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,#ffffff06 40px)}.fighter-caption{position:absolute;bottom:5%;right:4%;text-shadow:0 2px 20px #000}.fighter-caption h2{font-size:44px;line-height:1.3;margin:5px 0}.fighter-style{font-size:11px;color:var(--muted)}.select-options{display:flex;flex-direction:column;gap:20px;min-height:0}.selection-roster{display:flex;gap:10px;overflow:auto;flex-shrink:0;padding:4px}.fighter-choice{position:relative;width:100px;height:112px;border:1px solid #ffffff30;background:#19212d;flex-shrink:0;overflow:hidden;transition:border-color .15s,background .15s}.fighter-choice.selected{border:2px solid var(--red);background:#452c2b}.fighter-choice img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;transform:scale(1.28);transform-origin:center top}.fighter-choice span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;padding:5px;background:#091019c9}.arena-picker{flex:1;min-height:120px}.section-title.compact{border:0;padding-bottom:8px}.section-title.compact h2{font-size:15px;margin:0}.section-title.compact>span{font:11px Arial;color:var(--muted)}.arena-carousel{height:calc(100% - 32px);min-height:115px;max-height:270px;position:relative;border:1px solid #ffffff2b;overflow:hidden;background:#131b27}.arena-carousel>img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.arena-carousel:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#050b16db);pointer-events:none}.arena-caption{position:absolute;bottom:16px;right:42px;left:42px;z-index:2}.arena-caption h3{font-size:22px}.arena-caption p{font-size:10px;color:#c8c6c2;margin-top:4px}.carousel-arrow{position:absolute;top:0;bottom:0;right:0;width:33px;background:#0005;font:32px Arial;z-index:3}.carousel-arrow:last-child{left:0;right:auto}.ready-row{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:13px}.ready-row>span{font-size:11px;color:var(--muted)}
.in-fight .topbar{display:none}.in-fight main{height:100dvh}.fight-screen{position:relative;background:#060a12;overflow:hidden;touch-action:none;user-select:none}.fight-screen.active{display:block}#fight-canvas{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.fight-shade{position:absolute;inset:0;background:linear-gradient(#03071099,transparent 22%,transparent 70%,#050a1680);pointer-events:none}.fight-topline{position:absolute;top:max(5px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;align-items:center;gap:9px;direction:ltr;font-size:9px;color:#cbd3dd}.fight-exit{background:#070e18ad;border:1px solid #ffffff40;width:30px;height:24px}.fight-topline #ping-label{margin-left:auto;font:10px Arial}.fight-hud{position:absolute;top:38px;left:max(25px,env(safe-area-inset-left));right:max(25px,env(safe-area-inset-right));display:grid;grid-template-columns:1fr 70px 1fr;gap:15px}.hud-name{display:flex;justify-content:space-between;gap:8px;font-size:13px;margin-bottom:6px;text-shadow:0 2px 4px #000}.hud-name>span{color:#e6d1b7;font-size:10px;align-self:end}.health-track{height:20px;background:#0b1018c9;border:2px solid #e9dccc;box-shadow:0 3px 0 #0006;overflow:hidden;transform:skew(-13deg)}.health-fill{height:100%;width:100%;background:linear-gradient(0deg,#ca342e,var(--red));transition:width .09s linear}.p2 .health-fill{background:linear-gradient(0deg,#1aa8b0,#73eef0);margin-left:auto}.p2 .health-track{transform:skew(13deg)}.round-dots{display:flex;gap:5px;margin-top:7px}.p2 .round-dots{justify-content:flex-end}.round-dots i{width:11px;height:6px;transform:skew(-15deg);background:#0c1727ad;border:1px solid #e8e1c994}.round-dots i.won{background:var(--gold)}.timer-box{background:#0b1018dd;border:1px solid #ecb581;display:flex;flex-direction:column;align-items:center;margin-top:-10px;padding:1px 4px 6px;clip-path:polygon(8% 0,92% 0,100% 20%,100% 80%,90% 100%,10% 100%,0 80%,0 20%)}.timer-box strong{font:900 43px/.95 Arial;padding:5px 0}.timer-box span{font:700 8px Arial;letter-spacing:1px}.super-bars{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:calc(12px + var(--safe-bottom));display:flex;justify-content:space-between;pointer-events:none}.super-track{width:25%;height:10px;border:1px solid #ffffffb5;background:#08101cbb;position:relative;transform:skew(-15deg)}.super-track>i{position:absolute;left:0;top:0;bottom:0;background:var(--red);width:0;transition:width .1s}.super-track>span{position:absolute;bottom:14px;left:0;font:italic 800 10px Arial;text-shadow:0 1px 3px #000}.super-track.p2>i{right:0;left:auto;background:var(--cyan)}.super-track.p2>span{left:auto;right:0}.touch-controls{position:absolute;left:max(24px,env(safe-area-inset-left));right:max(24px,env(safe-area-inset-right));bottom:calc(41px + var(--safe-bottom));height:145px;pointer-events:none}.joystick,.touch-controls button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.joystick{position:absolute;bottom:0;left:0;width:126px;height:126px;background:#0c142b55;border:2px solid #f0f2f950;border-radius:50%;box-shadow:inset 0 0 30px #08102050}.joystick-cross:before,.joystick-cross:after{content:'';position:absolute;background:#ffffff12;border-radius:4px;top:calc(50% - 10px);left:10px;right:10px;height:20px}.joystick-cross:after{transform:rotate(90deg)}.joystick-nub{position:absolute;width:58px;height:58px;top:calc(50% - 29px);left:calc(50% - 29px);background:#f0f1ee28;border:1px solid #ffffffa8;border-radius:50%;box-shadow:0 3px 12px #0003}.attack-cluster{position:absolute;right:0;bottom:0;width:178px;height:138px}.attack-button{position:absolute;width:62px;height:62px;background:#151e30c9;border:2px solid #f8e4cfb0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #0005}.attack-button b{font:italic 800 17px Arial}.attack-button span{font-size:8px;color:#ddd1bd;margin-top:3px}.attack-button.lp{left:26px;top:0}.attack-button.rp{right:12px;top:0;border-color:#ff8c7e}.attack-button.lk{left:0;bottom:0;border-color:#8becef}.attack-button.rk{right:38px;bottom:0;border-color:#8becef}.touch-controls .pressed{background:#ffffff65;transform:translateY(3px);box-shadow:none}.guard-control{position:absolute;bottom:12px;right:190px;width:48px;height:48px;border:1px solid #c7d1df70;background:#0a1225a3;border-radius:50%;font-size:10px}.super-control{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#0d1726a0;color:#ffffff70;border:1px solid #ffffff40;padding:10px 19px;border-radius:2px;font-weight:bold;font-size:12px}.super-control span{display:block;font:700 8px Arial;letter-spacing:2px;margin-top:4px}.super-control.charged{color:#fff3ce;background:#b76428dc;border-color:#ffe5ad;animation:super-pulse 1s infinite}.fight-announcement{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;color:#fff0d7;font:italic 900 clamp(60px,12vw,140px) Arial;text-shadow:5px 6px 0 #a32f27,-2px -2px 0 #151722}.spectator-banner{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);padding:10px 20px;border:1px solid #e5e0cb55;background:#0a1225bd;color:#eee1cd;font-size:12px}.spectator-banner span{color:var(--muted)}.disconnect-notice{position:absolute;top:120px;left:50%;transform:translateX(-50%);background:#182338d9;border:1px solid #edbd7d;padding:8px 18px;font-size:11px;white-space:nowrap}.result-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#070d19d9;backdrop-filter:blur(6px)}.result-panel h1{font-size:clamp(32px,6vw,64px);color:var(--gold)}.result-panel p{font-size:13px;color:var(--muted)}.keyboard-help{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);color:#ffffff60;font-size:9px;white-space:nowrap;pointer-events:none}
.modal{background:#111925;color:var(--text);border:1px solid #e5d7bf45;padding:32px;max-width:min(440px,90vw);width:100%;box-shadow:0 25px 90px #0008;border-radius:3px}.modal::backdrop{background:#04080dd9;backdrop-filter:blur(8px)}.modal h1{font-size:28px;margin:14px 0}.modal h2{font-size:25px;margin:15px 0}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.identity-modal img{width:160px;display:block;margin-bottom:26px}.identity-modal label{display:block;font-size:11px;margin:23px 0 8px}.identity-modal input,.studio input,.studio textarea,.studio select{width:100%;background:#080f1c;border:1px solid #ffffff35;color:var(--text);padding:12px;border-radius:2px}.identity-modal .button{width:100%;margin-top:15px}.form-error{color:#ff8f80!important;min-height:16px;margin-top:8px}.dialog-actions{display:flex;gap:10px;margin-top:24px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 24px;background:#1b2637;border:1px solid #718499;color:#fff7eb;box-shadow:0 8px 35px #0005;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:200;max-width:85vw;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.loading-screen{position:fixed;inset:0;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;z-index:300}.loading-screen>img{width:220px}.loading-screen>p{font-size:12px;color:var(--muted);padding:0 24px;text-align:center;line-height:1.8}.loading-line{width:160px;height:2px;background:#ffffff20;position:relative;overflow:hidden}.loading-line:after{content:'';position:absolute;height:2px;width:50%;background:var(--red);animation:loading 1.4s infinite}.failed .loading-line:after{animation:none;width:100%}.rotate-screen{display:none}.error-state{color:#ff9c8d;padding:20px}.phone-rotate{width:62px;height:100px;border:3px solid #e2d4b9;border-radius:10px;position:relative;margin-bottom:25px;animation:rotate-phone 3s infinite}.phone-rotate:after{content:'';position:absolute;width:20px;height:3px;background:var(--gold);bottom:6px;left:18px}
@keyframes loading{from{left:-50%}to{left:100%}}@keyframes live-pulse{50%{opacity:.45}}@keyframes super-pulse{50%{box-shadow:0 0 25px #ffb94c90}}@keyframes rotate-phone{0%,20%{transform:rotate(0)}50%,80%{transform:rotate(90deg)}100%{transform:rotate(0)}}
@media(min-width:1400px){.fight-screen{max-width:1600px;margin:auto}.touch-controls{bottom:70px}.fight-hud{top:60px;left:60px;right:60px}.fight-topline{top:15px;left:45px;right:45px}.super-bars{bottom:30px;left:50px;right:50px}}
@media(max-height:600px){.topbar{height:54px;padding-inline:max(16px,env(safe-area-inset-right));gap:12px}.brand{width:112px;gap:3px}.brand img{width:112px;height:17px}.brand span{font-size:6px;letter-spacing:5px}.topbar nav{gap:0}.nav-button{padding:8px 11px;font-size:11px}.top-actions{gap:6px}.profile-button{padding:6px 8px;font-size:10px;max-width:90px}.icon-button{width:28px;height:28px;font-size:17px}.connection{font-size:9px}main{height:calc(100dvh - 54px)}.lobby-screen.active{padding:16px;gap:20px}.feature-copy{padding:20px;max-width:70%}.feature-copy h1{font-size:44px;line-height:1.22;margin:10px 0}.feature-copy p{font-size:10px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.5px}.feature-actions{margin-top:14px;gap:6px;flex-wrap:nowrap}.feature-actions .button{padding:9px 11px;font-size:10px;min-height:36px;gap:6px}.feature-fighter{width:60%;height:98%;left:-7%;bottom:-5%}.feature-foot{font-size:7px;bottom:10px;left:14px;right:14px}.online-panel{padding-top:3px}.section-title{padding-bottom:12px}.section-title h2{font-size:19px;margin-top:4px}.player-row{padding:11px 0;gap:10px}.player-avatar{width:34px;height:34px;font-size:16px}.player-info strong{font-size:12px}.player-info span{font-size:8px;margin-top:5px}.button.small{font-size:10px;padding:6px 11px;min-height:30px}.panel-note{font-size:8px;padding:8px 0 0}.empty-state{padding:15px;gap:8px;min-height:125px}.empty-state h3{font-size:18px}.empty-state p{font-size:10px}.empty-number{font-size:34px}.text-button{font-size:10px;padding:4px}.list-screen{padding:18px 24px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:25px;margin:6px 0}.page-heading p{font-size:10px}.rank-layout{gap:24px}.ranking-header,.ranking-row{padding:11px 8px;font-size:10px;grid-template-columns:1fr 70px 60px}.rank-player{gap:10px}.rank-player>b{font-size:15px}.recent-panel{padding-top:4px}.recent-panel h2{font-size:14px}.recent-match{font-size:9px;padding:12px 0}.select-screen{padding:12px 24px}.select-heading{gap:15px;margin-bottom:5px}.select-heading h1{font-size:23px}.select-heading>.muted{font-size:9px}.select-layout{height:calc(100% - 40px);gap:20px;grid-template-columns:.85fr 1.3fr}.fighter-caption h2{font-size:32px}.fighter-style{font-size:9px}.select-options{gap:8px}.fighter-choice{width:70px;height:73px}.fighter-choice span{font-size:9px;padding:3px}.selection-roster{gap:7px;padding:2px}.section-title.compact{padding-bottom:5px}.section-title.compact h2{font-size:12px}.arena-picker{min-height:85px}.arena-carousel{min-height:78px;height:calc(100% - 23px)}.arena-caption{bottom:10px;right:38px}.arena-caption h3{font-size:18px}.arena-caption p{font-size:8px;margin-top:2px}.ready-row{padding-top:8px}.ready-row>span{font-size:9px}.ready-row .button{min-height:34px;padding:8px 15px;font-size:11px}.fighter-showcase>img{height:100%}.fighter-caption{bottom:5%}.fight-hud{top:34px;gap:10px;grid-template-columns:1fr 57px 1fr}.hud-name{font-size:11px;margin-bottom:4px}.hud-name>span{font-size:9px}.health-track{height:15px}.timer-box{margin-top:-4px}.timer-box strong{font-size:32px}.timer-box span{font-size:6px}.touch-controls{height:110px;bottom:calc(29px + var(--safe-bottom))}.joystick{width:100px;height:100px}.joystick-nub{width:46px;height:46px;top:calc(50% - 23px);left:calc(50% - 23px)}.attack-cluster{width:145px;height:110px}.attack-button{width:50px;height:50px}.attack-button b{font-size:14px}.attack-button span{font-size:7px}.attack-button.lp{left:22px}.attack-button.rp{right:8px}.attack-button.rk{right:32px}.guard-control{right:154px;width:40px;height:40px;bottom:6px;font-size:9px}.super-control{padding:8px 14px;font-size:10px;bottom:0}.super-control span{font-size:6px}.super-bars{bottom:9px}.super-track{height:7px}.super-track>span{font-size:8px;bottom:10px}.keyboard-help{font-size:7px;bottom:1px}.disconnect-notice{top:100px;font-size:9px;padding:6px 14px}.spectator-banner{font-size:10px;bottom:30px}.result-panel{gap:14px}.result-panel p{font-size:11px}.modal{padding:22px;max-height:93dvh;overflow:auto}.identity-modal form{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.identity-modal{max-width:600px}.identity-modal img{width:120px;margin-bottom:12px;grid-column:1}.identity-modal .eyebrow{grid-column:1}.identity-modal h1{font-size:25px;grid-column:1}.identity-modal form>p:not(.form-error){grid-column:1;font-size:10px}.identity-modal label{grid-column:2;grid-row:1;align-self:end;margin:0 0 8px}.identity-modal input{grid-column:2;grid-row:2 / span 2;align-self:start;padding:10px}.identity-modal .form-error{grid-column:2;grid-row:4;align-self:start;font-size:10px}.identity-modal .button{grid-column:2;grid-row:5;margin-top:10px;padding:9px;min-height:37px;font-size:12px}.identity-modal h1{margin:10px 0}.toast{bottom:16px;padding:9px 18px;font-size:11px}.room-image{height:140px}}
@media(max-width:780px){.connection{display:none}.studio-link{display:none}.topbar{gap:8px}.topbar nav .nav-button{padding-inline:8px}.lobby-screen.active{grid-template-columns:1fr 1.05fr;gap:16px}.feature-copy{max-width:85%}.feature-copy h1{font-size:36px}.feature-copy p{font-size:9px}.feature-fighter{left:-15%;opacity:.85;width:70%}.feature-actions{position:relative;z-index:4}.feature-foot span:last-child{display:none}.profile-button{max-width:72px}.section-title h2{font-size:17px}.rank-layout{grid-template-columns:1.3fr 1fr}.select-layout{grid-template-columns:.65fr 1.35fr;gap:12px}.fighter-caption h2{font-size:27px}.fighter-style{font-size:8px}.ready-row>span{font-size:8px}.select-heading>.muted{display:none}.keyboard-help{display:none}}
@media(orientation:portrait) and (max-width:950px){body:not(.studio) .rotate-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#0b1018;z-index:1000;padding:30px;text-align:center}.rotate-screen>img{width:155px;margin-top:20px}.rotate-screen h1{font-size:30px;margin-top:12px}.rotate-screen p{font-size:13px;color:var(--muted)}.rotate-screen .button{margin-top:15px}.rank-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.feature-fighter{filter:none}}
/* English layout, using the original arena palette and artwork. */
:root{font-family:Arial,Tahoma,sans-serif}.lobby-feature{background-image:linear-gradient(90deg,#0c121bdd 10%,#0c121b22 90%),url('/assets/muttrah.png')}.feature-fighter{left:auto;right:-1%}.feature-copy{max-width:78%}.feature-copy h1{font-size:clamp(36px,4.5vw,68px);line-height:1.08;letter-spacing:-2px}.feature-copy p{max-width:260px;text-shadow:0 2px 9px #000}.select-heading>.muted{margin-right:0;margin-left:auto}.fighter-caption{right:auto;left:4%}.carousel-arrow{right:auto;left:0}.carousel-arrow:last-child{left:auto;right:0}.connection i,.live-label i,.status-dot{margin-left:0;margin-right:6px}.pill{margin-right:0;margin-left:5px}
@media(max-height:600px){.feature-fighter{left:auto;right:-7%}.feature-copy{max-width:87%}.feature-copy h1{font-size:36px;line-height:1.08}.identity-modal h1{font-size:23px;line-height:1.15}}
@media(max-width:780px){.feature-fighter{left:auto;right:-15%}.feature-copy h1{font-size:31px}.feature-copy{max-width:94%}}