.hidden{display:none!important}.arena-page{min-height:100vh;background:radial-gradient(circle at 15% 12%,#294b66 0,transparent 42%),radial-gradient(circle at 90% 95%,#503c67 0,transparent 45%),#0b1424;color:#edf8f5;font-family:'DM Sans',Arial,sans-serif}.arena-site{max-width:1600px;margin:auto;padding:0 28px}.arena-header{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff33;font-size:13px;font-weight:800}.arena-brand{font:800 20px 'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em;color:#aef7d3}.arena-brand span{color:#fff}.arena-header>a:last-child{border-bottom:1px solid #aef7d3;padding:6px 0}
.arena-setup{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.82fr);gap:clamp(24px,5vw,90px);align-items:center;min-height:calc(100vh - 75px);padding:50px 0 85px}.arena-intro{min-width:0}.arena-kicker{font-size:12px;letter-spacing:.17em;font-weight:800;color:#b1fbd7}.arena-intro h1{font:700 clamp(48px,6vw,90px)/.99 'Space Grotesk',Arial,sans-serif;letter-spacing:-.075em;margin:18px 0 24px;max-width:700px}.arena-intro>p:not(.arena-kicker):not(.arena-note){font-size:17px;line-height:1.55;max-width:570px;color:#c7d7df}.arena-note{font-size:11px;font-weight:700;color:#a4c7cb;margin:13px 0}.arena-art{position:relative;max-width:590px;height:285px;overflow:hidden;perspective:600px;background:radial-gradient(circle at 48% 48%,#3c6a7a,#173248 55%,#102235);border:1px solid #ffffff4a;border-radius:22px;box-shadow:inset 0 1px #fff6,0 20px 45px #0005}.art-ground{position:absolute;inset:20% -15% -32%;background:repeating-linear-gradient(0deg,#a8e7cf18 0 1px,transparent 1px 37px),repeating-linear-gradient(90deg,#a8e7cf18 0 1px,transparent 1px 37px),#254958;transform:rotateX(62deg)}.art-block{position:absolute;width:125px;height:98px;background:linear-gradient(140deg,#7ed8c2,#315876);transform:skewY(-16deg);box-shadow:16px 22px 0 #102637,0 25px 35px #0008}.block-a{left:10%;top:30%}.block-b{right:13%;top:19%;background:linear-gradient(140deg,#ffb09f,#8b5167);transform:skewY(12deg)}.art-player{position:absolute;width:42px;height:88px;border-radius:25px 25px 12px 12px;background:#b6ffdb;box-shadow:inset -9px -7px #3d8e86,0 13px 20px #0009}.art-player::before{content:"";position:absolute;left:6px;top:-30px;width:30px;height:34px;border-radius:50%;background:#f9cc9b}.player-a{left:42%;bottom:30px}.player-b{right:28%;bottom:65px;background:#ff8c96;transform:scale(.8)}.art-aim{position:absolute;left:55%;top:27%;color:#effff7;font:300 56px 'Space Grotesk';text-shadow:0 0 15px #fff}
.arena-setup-card,.arena-aside,.arena-toolbar{background:linear-gradient(135deg,#ffffff1e,#ffffff0b 65%);border:1px solid #ffffff3d;box-shadow:inset 0 1px #ffffff56,0 18px 45px #0005;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}.arena-setup-card{border-radius:24px;padding:clamp(22px,3vw,34px)}.arena-setup-card>small{color:#aef7d3;font-size:11px;letter-spacing:.15em;font-weight:800}.arena-setup-card h2{font:700 31px 'Space Grotesk';letter-spacing:-.045em;margin:18px 0 8px}.arena-setup-card>p{color:#c4d7df;font-size:13px;line-height:1.5}.arena-setup-card>label{display:block;font-size:12px;font-weight:800;color:#c3ffe0;margin:23px 0 8px}.arena-setup-card input:not([type=radio]),.arena-setup-card select{height:48px;width:100%;background:#0c2235a8;border:1px solid #ffffff59;border-radius:10px;color:#fff;padding:0 12px;outline:none}.arena-setup-card input:focus,.arena-setup-card select:focus{border-color:#aef7d3}.arena-setup-card fieldset{border:0;padding:0;margin:22px 0 0}.arena-setup-card legend{font-size:12px;font-weight:800;color:#c3ffe0;margin-bottom:9px}.arena-setup-card fieldset{display:grid;grid-template-columns:1fr 1fr;gap:9px}.arena-setup-card fieldset legend{grid-column:1/-1}.arena-setup-card fieldset label{display:block;min-width:0;cursor:pointer;border:1px solid #ffffff45;border-radius:11px;background:#ffffff0c;padding:12px;margin:0}.arena-setup-card fieldset label:has(input:checked){border-color:#9df9d5;background:#aef7d31b}.arena-setup-card fieldset input{accent-color:#aef7d3;margin-right:6px}.arena-setup-card fieldset span{display:inline-grid;gap:2px}.arena-setup-card fieldset strong{font-size:13px}.arena-setup-card fieldset small{font-size:10px;color:#c7d8df}.arena-setup-card .setup-hint{font-size:11px;color:#aac0cd;margin:12px 0 0}.setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}.arena-primary,.arena-secondary,.toolbar-actions button,.toolbar-actions a,.arena-aside-title button{min-height:44px;border-radius:11px;padding:9px 13px;font:800 12px 'DM Sans',Arial,sans-serif;cursor:pointer}.arena-primary{border:1px solid #e0fff1;background:linear-gradient(135deg,#b8ffda,#8ce9f6);color:#113140}.arena-secondary{border:1px solid #ffffff7b;background:#ffffff16;color:#f4fffc}.arena-primary:hover{filter:brightness(1.08)}.arena-secondary:hover{background:#ffffff29}.arena-primary:disabled,.arena-secondary:disabled{opacity:.55;cursor:default}.arena-error{min-height:17px;color:#ffb2ba!important;margin:10px 0 0!important}.arena-setup-card :focus-visible,.arena-toolbar :focus-visible,.arena-aside :focus-visible,.touch-controls button:focus-visible{outline:3px solid #ccffea;outline-offset:2px}
.arena-game{padding:15px 0 28px}.arena-toolbar{border-radius:14px;min-height:61px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.arena-toolbar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.arena-toolbar small{font-size:10px;color:#aef7d3;font-weight:800;letter-spacing:.12em}.arena-toolbar strong{font:800 20px 'Space Grotesk'}.arena-toolbar span{font-size:11px;color:#bbd3db}.toolbar-actions{display:flex;gap:6px;flex-wrap:wrap}.toolbar-actions button,.toolbar-actions a{background:#ffffff13;color:#e8fff4;border:1px solid #ffffff4b;text-decoration:none;display:grid;place-items:center}.toolbar-actions button:hover,.toolbar-actions a:hover{background:#ffffff27}.arena-columns{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px;align-items:stretch}.arena-view{position:relative;min-width:0;height:min(76vh,780px);min-height:500px;overflow:hidden;border-radius:16px;border:1px solid #b3ffdf55;background:#28475a;touch-action:none;outline:none}.render-host,.render-host canvas{display:block;width:100%;height:100%}.arena-hud{position:absolute;left:14px;right:14px;z-index:3;display:flex;justify-content:space-between;gap:9px;pointer-events:none}.arena-hud.top{top:13px;align-items:flex-start}.arena-hud.top>div,.arena-hud.bottom>div{background:#071725ac;border:1px solid #ffffff3d;border-radius:10px;padding:8px 11px;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}.arena-hud.top>div{font:800 15px 'Space Grotesk'}.arena-hud.top #fpsHud{font-size:11px;color:#b7d3d5}.arena-hud.bottom{bottom:13px;align-items:end}.arena-hud.bottom small{font-size:10px;color:#b5fbd6;font-weight:800;letter-spacing:.1em;display:block}.arena-hud.bottom strong{font:800 27px 'Space Grotesk';display:block;line-height:1}.health-block{min-width:130px}.health-block progress{height:7px;width:100%;display:block;margin-top:4px;accent-color:#9df6c6}.ammo-block{text-align:right;min-width:100px}.ammo-block span{font-size:10px;color:#c6dce1}.build-hud{text-align:center}.build-hud strong{font-size:16px!important}.build-hud span{font-size:10px;color:#d2e6e3}.arena-crosshair{position:absolute;z-index:2;left:50%;top:50%;width:18px;height:18px;transform:translate(-50%,-50%);pointer-events:none}.arena-crosshair::before,.arena-crosshair::after{content:"";position:absolute;background:#e9fff1;box-shadow:0 0 3px #102839}.arena-crosshair::before{left:8px;top:0;width:2px;height:18px}.arena-crosshair::after{top:8px;left:0;width:18px;height:2px}.hit-marker{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffeaa9;font-size:34px;opacity:0;pointer-events:none}.hit-marker.visible{opacity:1}.damage-flash{position:absolute;inset:0;z-index:2;border:15px solid #ff5d6680;opacity:0;pointer-events:none}.damage-flash.visible{opacity:1}.kill-feed{position:absolute;z-index:3;right:12px;top:62px;max-width:50%;text-align:right;display:grid;gap:4px;pointer-events:none}.kill-feed span{font-size:11px;padding:5px 9px;border-radius:7px;background:#071725bd}.arena-prompt{position:absolute;z-index:3;left:50%;top:16%;transform:translateX(-50%);background:#071725bd;border:1px solid #ffffff55;border-radius:9px;padding:9px 13px;text-align:center;color:#e7fff1;font-size:12px;font-weight:700;pointer-events:none;max-width:80%}.arena-aside{border-radius:16px;padding:19px 15px;min-width:0}.arena-aside-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.arena-aside h2{font:700 20px 'Space Grotesk';margin:0}.arena-aside-title button{display:none;border:1px solid #ffffff55;color:#fff;background:#ffffff18;font-size:22px;line-height:1;min-height:32px;padding:0 9px}.arena-aside>p{font-size:12px;color:#b9d0db;line-height:1.4}.arena-aside ol{list-style:none;padding:0;margin:14px 0;max-height:450px;overflow:auto}.arena-aside li{display:grid;grid-template-columns:16px 1fr auto;gap:7px;align-items:center;border-top:1px solid #ffffff24;padding:8px 1px;font-size:11px}.arena-aside li.me{color:#b8ffda}.arena-aside li .team-dot{width:8px;height:8px;border-radius:50%;background:#8ce9f6}.arena-aside li .team-dot.B{background:#ff9ca5}.arena-aside li .team-dot.ffa{background:#ffdc91}.arena-aside li strong{font:800 13px 'Space Grotesk'}.arena-aside li span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-controls-help{margin-top:20px;border-top:1px solid #ffffff30;padding-top:13px}.arena-controls-help h3{font-size:12px;color:#b8ffda}.arena-controls-help p{font-size:11px;color:#c1d2d8;line-height:1.5}.touch-controls{display:none}
@media(max-width:950px){.arena-site{padding:0 18px}.arena-setup{grid-template-columns:1fr;gap:20px;padding-top:36px}.arena-intro h1{max-width:700px}.arena-art{height:220px}.arena-columns{grid-template-columns:1fr}.arena-aside{max-height:360px}.arena-view{height:65vh}}
@media(max-width:700px){.arena-site{padding:0 12px}.arena-header{height:60px}.arena-setup{padding:30px 0 50px}.arena-intro h1{font-size:clamp(48px,11vw,66px)}.arena-intro>p:not(.arena-kicker):not(.arena-note){font-size:15px}.arena-art{height:180px}.arena-setup-card{padding:21px}.arena-game{padding:6px 0}.arena-toolbar{min-height:53px;padding:7px 9px}.arena-toolbar small{display:none}.arena-toolbar strong{font-size:15px}.toolbar-actions button,.toolbar-actions a{min-height:35px;padding:5px 7px;font-size:10px}.arena-view{height:calc(100dvh - 132px);min-height:390px;border-radius:11px}.arena-aside{position:fixed;z-index:12;inset:7% 12px auto;max-height:86vh;overflow:auto;display:none;background:#152d3bef}.arena-aside.open{display:block}.arena-aside-title button{display:block}.arena-hud{left:8px;right:8px}.arena-hud.top>div{font-size:12px;padding:5px 7px}.arena-hud.bottom{bottom:7px}.arena-hud.bottom>div{padding:5px 7px}.health-block{min-width:78px}.ammo-block{min-width:66px}.arena-hud.bottom strong{font-size:20px}.build-hud span{display:none}.build-hud strong{font-size:12px!important}.arena-prompt{top:13%;font-size:11px}.kill-feed{top:50px}.arena-page.in-match .arena-header{display:none}.arena-page.in-match .arena-view{height:calc(100dvh - 79px)}}
@media(max-width:370px){.setup-actions{grid-template-columns:1fr}.arena-toolbar{flex-wrap:wrap}.arena-toolbar>div:first-child{width:100%}.arena-page.in-match .arena-view{height:calc(100dvh - 145px)}}
@media(pointer:coarse){.touch-controls{position:absolute;z-index:5;inset:0;display:block;pointer-events:none}.move-pad{position:absolute;left:16px;bottom:91px;width:118px;height:118px;border-radius:50%;border:2px solid #e9fff477;background:#143d4780;pointer-events:auto;touch-action:none}.move-pad::before,.move-pad::after{content:"";position:absolute;background:#e6fff430}.move-pad::before{height:1px;left:0;right:0;top:50%}.move-pad::after{width:1px;top:0;bottom:0;left:50%}.move-pad span{position:absolute;left:50%;top:50%;width:49px;height:49px;border:2px solid #ffffffb5;border-radius:50%;background:#c0ffe399;transform:translate(-50%,-50%);box-shadow:0 4px 12px #0005}.touch-action-list{position:absolute;right:9px;bottom:85px;display:grid;grid-template-columns:repeat(2,60px);gap:6px;pointer-events:auto}.touch-action-list button{height:44px;border:1px solid #ffffff85;border-radius:11px;background:#133b4abf;color:#fff;font-size:9px;font-weight:800;touch-action:none}.touch-action-list .touch-fire{grid-column:2;grid-row:1/3;height:94px;border-radius:25px;background:#f88c9ccc;color:#1d2835;font-size:12px}.touch-action-list button:active{background:#b5ffcf}.arena-page:not([data-game="builder"]) #touchBuild,.arena-page:not([data-game="builder"]) #touchEdit,.arena-page:not([data-game="builder"]) #touchCycle{display:none}.arena-hud.bottom{bottom:5px}.arena-page.in-match .arena-prompt{top:10%}}
@media(prefers-reduced-motion:reduce){.arena-art *{animation:none!important}}
@media(pointer:coarse) and (max-height:500px){.arena-view,.arena-page.in-match .arena-view{height:calc(100dvh - 72px);min-height:240px}.arena-toolbar{min-height:43px;margin-bottom:5px}.move-pad{width:78px;height:78px;left:12px;bottom:48px}.move-pad span{width:36px;height:36px}.touch-action-list{right:8px;bottom:42px;grid-template-columns:repeat(3,49px);gap:4px}.touch-action-list button{height:34px;font-size:8px}.touch-action-list .touch-fire{grid-column:3;grid-row:1/3;height:72px}.arena-hud.bottom strong{font-size:17px}.arena-hud.bottom>div{padding:3px 6px}.arena-prompt{top:12%;padding:5px 8px}}
@media(pointer:coarse) and (max-height:500px){.arena-page.in-match .arena-header{display:none}.arena-page.in-match .arena-site{padding:0 6px}.arena-page.in-match .arena-game{padding:3px 0}.arena-page.in-match .arena-view{height:calc(100dvh - 57px)}.arena-page.in-match .arena-toolbar{min-height:40px;margin-bottom:5px;padding:3px 7px}.arena-page.in-match .arena-toolbar>div:first-child{gap:7px}.arena-page.in-match .toolbar-actions button,.arena-page.in-match .toolbar-actions a{min-height:32px;padding:4px 8px}.arena-hud.top>div{font-size:11px}}
@media(max-width:700px) and (min-height:501px){.arena-page.in-match .arena-view{height:calc(100dvh - 115px)}}
.weapon-shop{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);width:min(610px,calc(100% - 24px));max-height:85%;overflow:auto;padding:22px;border:1px solid #b6ffe288;border-radius:20px;background:#0a1f30f2;box-shadow:0 25px 80px #000a;backdrop-filter:blur(22px)}.shop-head{display:flex;align-items:start;justify-content:space-between}.shop-head>div{display:grid;gap:2px}.shop-head small,.weapon-shop>small{font-size:10px;color:#a9d8cc;font-weight:800;letter-spacing:.07em}.shop-head strong{font:800 27px 'Space Grotesk';color:#b8ffda}.shop-head button{border:1px solid #ffffff66;background:#ffffff17;color:#fff;border-radius:9px;font-size:23px;width:36px;height:36px}.weapon-shop h2{font:800 29px 'Space Grotesk';margin:15px 0 5px;letter-spacing:-.04em}.weapon-shop p{font-size:12px;line-height:1.5;color:#c2d6df;margin:0 0 18px}.shop-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}.shop-item{min-width:0;padding:13px;border:1px solid #ffffff36;border-radius:12px;background:#ffffff0d;display:grid;gap:14px}.shop-item>div{display:grid;gap:4px}.shop-item strong{font:800 17px 'Space Grotesk'}.shop-item small{color:#c1d9d9;font-size:11px}.shop-item button{min-height:36px;border:1px solid #b5ffdb;border-radius:8px;background:#b5ffdb;color:#103040;font-size:12px;font-weight:800}.shop-item button:disabled{opacity:.5;cursor:default}.death-overlay{position:absolute;z-index:4;left:50%;top:42%;transform:translate(-50%,-50%);width:min(330px,80%);padding:20px;border:1px solid #ffb0b4a0;border-radius:14px;background:#381824df;text-align:center;display:grid;gap:6px;pointer-events:none}.death-overlay strong{font:800 26px 'Space Grotesk'}.death-overlay span{font-size:13px;color:#ffd9d9}.ammo-block #creditsValue{display:block;color:#b8ffda;font-weight:800;margin-top:3px}.arena-game:fullscreen{width:100vw;height:100dvh;max-width:none;padding:8px;background:#081525;overflow:hidden}.arena-game:fullscreen .arena-columns{display:block;position:relative}.arena-game:fullscreen .arena-view{width:100%;height:calc(100dvh - 88px);min-height:0;border-radius:8px}.arena-game:fullscreen .arena-toolbar{min-height:58px;margin-bottom:8px}.arena-game:fullscreen .arena-aside{position:absolute;z-index:12;right:8px;top:8px;width:min(320px,85vw);max-height:calc(100dvh - 110px);overflow:auto;display:none;background:#132b3af5}.arena-game:fullscreen .arena-aside.open{display:block}.arena-game:fullscreen .arena-aside-title button{display:block}
@media(max-width:700px){.shop-items{grid-template-columns:1fr}.weapon-shop{padding:14px}.weapon-shop h2{font-size:24px}.shop-item{grid-template-columns:1fr auto;align-items:center;gap:8px}.shop-item button{min-width:100px}.arena-hud.top{display:grid;grid-template-columns:repeat(2,max-content);justify-content:space-between;gap:5px}.arena-hud.top>div{font-size:11px}.kill-feed{top:82px}.arena-game:fullscreen{padding:4px}.arena-game:fullscreen .arena-toolbar{min-height:42px;margin-bottom:4px}.arena-game:fullscreen .arena-view{height:calc(100dvh - 53px)}}
@media(max-width:700px){.arena-game:fullscreen .arena-toolbar>div:first-child,.arena-game:fullscreen #inviteButton,.arena-game:fullscreen #newArena{display:none}.arena-game:fullscreen .toolbar-actions{width:100%;justify-content:space-around}}
.outfit-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.outfit-options label{margin:16px 0 7px!important}.outfit-options select{min-width:0}
@media(pointer:coarse) and (min-height:501px){.touch-action-list{bottom:105px}}
@media(pointer:coarse) and (max-height:500px){.touch-action-list{bottom:82px}.move-pad{bottom:74px}.build-hud span{display:none}}
@media(max-width:370px) and (min-height:501px){.arena-page.in-match .arena-view{height:calc(100dvh - 145px)}}

.pause-overlay{position:absolute;inset:0;z-index:10;background:#0b1728ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;overflow:auto;text-align:center}.pause-overlay h2{font-size:28px;margin:0}.pause-overlay p{max-width:440px;font-size:14px;line-height:1.5;margin:0}.pause-overlay label{font-size:14px}.pause-overlay input[type=range]{width:220px}.pause-overlay a{color:#b8ffda;text-decoration:underline}.pause-overlay .pause-note{font-size:12px;color:#b7c6cf}.combat-stats{grid-column:2/-1;font-size:11px;line-height:1.6;color:#c2d5de}.score-legend{font-size:11px!important;line-height:1.5}.arena-aside li{row-gap:3px}.arena-columns{grid-template-columns:minmax(0,1fr) 310px}@media(max-width:1100px){.arena-columns{grid-template-columns:minmax(0,1fr)}.arena-aside{position:fixed;inset:8% 16px auto auto;width:min(370px,calc(100% - 32px));max-height:85dvh;z-index:12;display:none;overflow:auto;background:#152d3bf5}.arena-aside.open{display:block}.arena-aside-title button{display:block}}@media(max-height:500px){.pause-overlay{gap:6px;padding:12px}.pause-overlay h2{font-size:20px}.pause-overlay p{font-size:12px}.pause-overlay .pause-note{display:none}}