:root{color-scheme:dark;--ink:#252637;--cream:#fff8e9;--muted:#b3b7c5;--purple:#bba2f4;--coral:#f16c64;--azure:#51b8f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cream);background:#242638;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d3baff;outline-offset:4px}button{transition:background .16s,transform .16s}button:hover{filter:brightness(1.09)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100%;display:block;outline:0}.home{position:fixed;inset:0;isolation:isolate;background:#28293b url('./assets/cover.png') center center/cover no-repeat}.home:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#202432d9 0%,#20243282 35%,transparent 70%),linear-gradient(0deg,#202432aa,transparent 30%)}.home-top{position:absolute;top:32px;left:4.5%;right:4.5%;display:flex;align-items:center;gap:24px}.playsible{text-decoration:none;color:var(--cream);font-size:21px;font-weight:850;letter-spacing:-1px}.playsible span{color:#bba2f4;margin:0 12px;font-weight:400}.playsible{white-space:nowrap}.pill{font-size:9px;letter-spacing:1.5px;color:#efe7db9c;margin-left:auto}.icon-button{background:#ffffff0e;border:1px solid #ffffff16;border-radius:50%;width:38px;height:38px;font-size:22px;display:grid;place-items:center;flex-shrink:0}.hero{position:absolute;left:7%;top:50%;transform:translateY(-51%);max-width:570px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:#e2d4bd;display:block}.eyebrow i{display:inline-block;width:6px;height:6px;background:#c1a2fa;border-radius:50%;margin:0 10px 1px 0}.hero h1{font-size:clamp(66px,7.6vw,112px);font-weight:950;letter-spacing:-7px;line-height:.83;margin:30px 0 24px;transform:rotate(-3deg);text-shadow:0 6px 0 #26243655;display:inline-block}.hero h1>span{display:block;color:#c6acf6;position:relative}.spark{font-size:40px;position:absolute;right:-42px;top:-3px;letter-spacing:0;color:#ffe0a1}.hero>p{font-size:25px;line-height:1.23;margin:26px 0 30px;font-weight:500;letter-spacing:-.6px}.hero-actions{display:flex;align-items:center;gap:20px}.play-button,.primary{background:#c6acf6;color:#292337;border-radius:10px;font-weight:850;box-shadow:0 4px 0 #77549b;padding:18px 24px;font-size:17px;letter-spacing:.4px}.play-button{min-width:220px;text-align:left}.play-button span{float:right;font-size:23px;line-height:1}.play-note{font-size:11px;line-height:1.7;color:#fff4e9b0}.secondary-actions{display:flex;gap:22px;margin-top:25px}.secondary-actions button,.text-button{background:transparent;padding:5px 0;font-size:12px;font-weight:650;color:#f7eee0}.secondary-actions button span{margin-left:7px;color:#cab2f7}.home-bottom{position:absolute;left:4.5%;right:4.5%;bottom:30px;display:flex;align-items:center;gap:40px;border-top:1px solid #ffffff26;padding-top:20px}.home-bottom>div:first-child{display:flex;align-items:center;gap:12px}.home-bottom strong{font-size:38px;line-height:1;letter-spacing:-2px}.home-bottom span{font-size:8px;letter-spacing:1px;line-height:1.7}.tags{display:flex;gap:22px}.tags span:before{content:'✳';color:#bba2f4;margin-right:7px}.edition{margin-left:auto;color:#fff9}.art-caption{position:absolute;right:4.5%;bottom:142px;font-size:9px;letter-spacing:1.5px;text-align:right;line-height:2;color:#fff9}.art-caption b{font-size:12px;color:var(--cream);letter-spacing:0}.tiny-line{width:35px;height:2px;background:var(--cream);display:block;margin:0 0 8px auto}kbd{font:600 9px ui-sans-serif,system-ui;background:#ffffff1a;border:1px solid #ffffff24;border-radius:4px;padding:3px 5px;margin:0 4px;color:#eee}#hud{position:fixed;inset:0;pointer-events:none;text-shadow:0 1px 4px #0008}.match-strip{display:flex;align-items:center;justify-content:center;position:absolute;top:16px;left:50%;transform:translateX(-50%);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0002;background:#222a37e0}.team-score{display:flex;align-items:center;gap:15px;padding:10px 18px}.team-score small{font-size:9px;letter-spacing:1.4px;font-weight:750}.team-score b{font-size:30px;line-height:1}.coral{color:var(--coral)}.azure{color:var(--azure)}.match-clock{padding:9px 16px;text-align:center;min-width:112px;background:#161e2ab0}.match-clock b{font-size:22px;line-height:1.2;display:block}.match-clock small{font-size:7px;letter-spacing:1px;color:#d6dbe3}.hud-left{position:absolute;top:20px;left:20px}.map-frame{border:1px solid #ffffff38;box-shadow:0 3px 16px #0003;border-radius:12px;overflow:hidden;background:#162530e8;width:178px}.map-frame canvas{display:block;width:176px;height:150px;object-fit:cover}.map-frame>span{display:block;padding:7px 8px;font-size:7px;font-weight:700;letter-spacing:.8px;white-space:nowrap}.map-frame kbd{font-size:6px;float:right;margin-top:-3px}#connection{font-size:9px;letter-spacing:.5px;margin:8px 3px;color:#eee}.hud-nav{position:absolute;right:18px;top:20px;display:flex;gap:6px;pointer-events:auto}.hud-nav button{background:#222a37de;border:1px solid #ffffff24;padding:10px 13px;border-radius:8px;font-size:11px}.hud-nav kbd{font-size:7px;margin-right:0}#kill-feed{position:absolute;right:20px;top:76px;display:grid;gap:5px;font-size:11px}#kill-feed div{background:#1c2634ca;padding:7px 11px;border-radius:6px;text-align:right;max-width:340px}#kill-feed span{color:#ffdd9b;font-size:9px;margin:0 10px}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 1px #000a)}#crosshair i{position:absolute;background:#fff;border-radius:1px}#crosshair i:nth-child(1){width:2px;height:5px;left:9px;top:0}#crosshair i:nth-child(2){width:2px;height:5px;left:9px;bottom:0}#crosshair i:nth-child(3){height:2px;width:5px;top:9px;left:0}#crosshair i:nth-child(4){height:2px;width:5px;top:9px;right:0}#hit-marker{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:44px;color:#ffe0a1}#damage-vignette{position:absolute;inset:0;box-shadow:inset 0 0 140px #df4d5ac0;opacity:0;transition:opacity .18s}#scope{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,transparent 31vh,#202432f7 31.5vh);border:1px solid transparent}#scope:before,#scope:after{content:'';position:absolute;left:50%;top:50%;background:#1b2538aa;transform:translate(-50%,-50%)}#scope:before{height:62vh;width:1px}#scope:after{width:62vh;height:1px}#scope i{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#ee8f73;transform:translate(-50%,-50%)}.health-block{position:absolute;left:28px;bottom:54px;min-width:190px}.health-block>span{font-size:8px;letter-spacing:2px;color:#efebdd}.health-block>div{display:flex;align-items:center;gap:12px}.health-block b{font-size:44px;letter-spacing:-2px}.health-cross{font-size:26px;color:#a6e6c1}.health-block small{font-size:9px;color:#dbe2f2;letter-spacing:1px}.health-track{height:5px;border-radius:5px;background:#ffffff30;overflow:hidden}.health-track i{height:100%;display:block;background:#a6e6c1;transition:width .15s}.ammo-block{position:absolute;bottom:48px;right:28px;text-align:right}.ammo-block>small{font-size:9px;letter-spacing:2px;color:#ffe4b7}.ammo-block>div{margin:1px 0 3px}.ammo-block b{font-size:48px;line-height:1.15}.ammo-block>div>span{font-size:18px;color:#f8f2e0a0;margin-left:6px}.ammo-block>span{display:block;font-size:8px;margin-top:10px;letter-spacing:1px}.ammo-block em{font-style:normal;color:#b4e9bd;margin-left:18px;font-size:11px}#reload-hint{color:#ffe1a2}#controls-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;white-space:nowrap;color:#eee}#streak{position:absolute;top:37%;left:50%;transform:translateX(-50%);font-size:18px;font-weight:800;letter-spacing:2px}.resume,.loading{position:fixed;inset:0;display:grid;place-items:center;background:#18233277;backdrop-filter:blur(5px);text-align:center}.resume h2,.loading h2{font-size:42px;letter-spacing:-1.5px;margin:15px 0 22px}.resume .text-button{display:block;margin:20px auto 0}.resume p,.loading p{font-size:12px;color:#e2e2e2}.primary span{margin-left:25px}.loading{z-index:7;background:#252637ee}.loading-bean{width:36px;height:50px;background:#bfa0ee;border-radius:60% 45% 50% 45%;margin:0 auto;animation:bean-bounce .7s infinite alternate}.loading>div{margin-bottom:-40px}.loading h2{margin:0}.loading{align-content:center;gap:20px}@keyframes bean-bounce{to{transform:translateY(-14px) rotate(15deg)}}dialog{color:var(--cream);background:#282d3d;border:1px solid #ffffff24;border-radius:20px;width:min(620px,calc(100vw - 28px));max-height:90dvh;padding:26px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#131b2eb5;backdrop-filter:blur(7px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.mini-brand{font-size:13px;font-weight:900;letter-spacing:-.5px}.mini-brand span{color:var(--purple);margin-left:4px}dialog h2{font-size:32px;letter-spacing:-1px;margin:6px 0 10px}dialog p{font-size:13px;color:#c9cbd6;line-height:1.7;margin:10px 0 22px}dialog h3{font-size:12px;letter-spacing:1px;margin:28px 0 12px;color:#d5c2f6}dialog .primary{font-size:14px;padding:13px 18px;box-shadow:0 3px #77549b}.form-row{display:flex;gap:14px;margin:17px 0}.form-row>*{flex:1;min-width:0}label{display:block;font-size:11px;color:#caced9;line-height:1.7}input,select{background:#1e2432;border:1px solid #ffffff26;color:var(--cream);border-radius:8px;padding:10px 12px;width:100%;margin-top:5px}input[type=checkbox]{width:auto;margin:0 9px 0 0;accent-color:#bba2f4}input[type=range]{padding:0;accent-color:#bba2f4}.form-note{font-size:11px;color:#b7bac9;line-height:1.7}.dialog-footer{border-top:1px solid #ffffff15;padding-top:18px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.weapon-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.weapon-card{border:1px solid #ffffff26;background:#ffffff05;padding:16px 12px;border-radius:12px;text-align:left;position:relative}.weapon-card.selected{border-color:#c6acf6;background:#bba2f416;box-shadow:inset 0 0 0 1px #c6acf6}.weapon-card strong{display:block;font-size:13px;margin:11px 0 7px}.weapon-card small{display:block;font-size:10px;color:#c4c6d0;line-height:1.5}.weapon-art{height:34px;position:relative;margin:10px 4px}.weapon-art:before{content:'';position:absolute;width:70%;height:13px;background:var(--gun);left:4%;top:8px;border-radius:3px;box-shadow:7px 13px 0 -3px #d6d9db}.weapon-art:after{content:'';position:absolute;width:34%;height:4px;background:#c3c7d4;left:70%;top:11px}.weapon-art.sniper:before{height:10px;box-shadow:15px -10px 0 -3px #d6d9db}.weapon-art.shotgun:after{height:8px;width:30%;top:9px}.bean-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.bean-card{background:#ffffff05;border:1px solid #ffffff20;border-radius:14px;padding:22px 10px 16px;text-align:center}.bean-card.selected{background:#bba2f414;border-color:#c6acf6}.bean-art{width:50px;height:70px;border-radius:55% 46% 48% 43%;background:var(--bean);box-shadow:inset -9px -5px 0 #0001,0 9px 9px #0002;display:block;margin:0 auto 18px;transform:rotate(8deg);position:relative}.bean-art:before{content:'••';font-size:25px;letter-spacing:7px;position:absolute;top:5px;left:10px;color:#282436;transform:rotate(-8deg)}.bean-art:after{content:'';position:absolute;width:23px;height:25px;border-radius:50%;background:#fff4;left:12px;bottom:6px}.bean-card b{display:block;font-size:13px}.bean-card small{display:block;font-size:9px;line-height:1.6;color:#c4c6d0;margin-top:7px}.team-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.team-options button{background:#ffffff08;padding:24px 10px;border-radius:12px;border:1px solid currentColor;font-weight:850}.room-code{font:800 28px ui-monospace,monospace;letter-spacing:5px;background:#1e2432;border-radius:12px;padding:20px;text-align:center;margin:20px 0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:16px 10px;border-bottom:1px solid #fff1;gap:15px}.list-row b{font-size:12px}.list-row small{display:block;margin-top:6px;font-size:10px;color:#aeb9c7}.list-row button{background:#bba2f4;color:#272535;padding:9px 14px;border-radius:7px;font-size:11px;font-weight:750}.death-panel,.round-panel,.scoreboard{position:fixed;left:50%;transform:translateX(-50%);background:#242b3aef;border:1px solid #ffffff26;box-shadow:0 10px 80px #0004;border-radius:18px;text-align:center;backdrop-filter:blur(10px)}.death-panel{top:24%;width:min(540px,90vw);padding:24px}.death-panel h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.death-panel p{font-size:14px;color:#dac7fa}.death-panel>small{font-size:10px;color:#b9c2d3}.death-panel .weapon-choices{margin:18px 0 12px;pointer-events:auto}.death-panel .weapon-card{padding:10px}.death-panel .weapon-card small{display:none}.death-panel .weapon-art{height:20px;margin:6px}.round-panel{top:18%;padding:32px;width:min(580px,94vw)}.round-panel h2{font-size:42px;letter-spacing:-1px;margin:14px 0}.round-panel #final-score{font-size:32px;letter-spacing:6px}.round-panel p{color:#c1c6d0;font-size:12px}.map-votes{display:flex;gap:8px;justify-content:center;margin:24px 0}.map-votes button{background:#ffffff0c;border:1px solid #ffffff1a;padding:16px 12px;border-radius:8px;font-size:11px}.map-votes button.selected{border-color:#c6acf6;background:#c6acf620}.scoreboard{z-index:11;top:10%;padding:24px;width:min(740px,94vw);max-height:80dvh;overflow:auto}.scoreboard-head{display:flex;align-items:center;justify-content:space-between}.scoreboard h2{font-size:26px}.score-tables{display:grid;grid-template-columns:1fr 1fr;gap:20px}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}td,th{padding:8px 6px;border-bottom:1px solid #ffffff0c}th{color:#bfc7d4;font-size:9px;font-weight:500}td:nth-child(n+2),th:nth-child(n+2){text-align:right}tr.self{background:#bba2f418}td:first-child{max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:#1b2437f5;border:1px solid #ffffff30;border-radius:9px;padding:12px 18px;font-size:12px;max-width:90vw;text-align:center;box-shadow:0 8px 24px #0004;z-index:40}.map-expanded .map-frame{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(540px,88vw);z-index:4}.map-expanded .map-frame canvas{width:100%;height:auto}.map-expanded .map-frame>span{font-size:10px;padding:12px}.map-expanded .map-frame kbd{font-size:9px}#touch-controls{display:none}body.touch-device #touch-controls{display:block;pointer-events:none}#move-pad,#look-pad,.touch-buttons button{touch-action:none;pointer-events:auto}#move-pad{position:absolute;bottom:120px;left:20px;width:125px;height:125px;border-radius:50%;background:#fff2;border:1px solid #fff3;display:grid;place-items:center;font-size:38px;color:#fff5}#look-pad{position:absolute;right:0;top:25%;width:55%;height:50%}.touch-buttons{position:absolute;right:20px;bottom:115px;display:flex;align-items:center;gap:8px}.touch-buttons button{width:40px;height:40px;border-radius:50%;background:#283247aa;border:1px solid #fff5}.touch-buttons .touch-fire{width:65px;height:65px;background:#a58bcbcc;font-size:12px;font-weight:900}.touch-device #controls-hint{display:none}.pc-launcher{bottom:18px!important;left:20px!important}.pc-overlay{z-index:30!important;text-shadow:none}.pc-voice-popover{text-shadow:none}body.playing .pc-launcher{font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a6e6c1;margin-right:6px}
.hud-nav{z-index:6}.resume{z-index:5;pointer-events:none;backdrop-filter:none;background:#18233240}.resume>div{pointer-events:auto;background:#242b3aeb;border:1px solid #ffffff26;border-radius:18px;padding:30px 40px;box-shadow:0 10px 80px #0003;backdrop-filter:blur(8px)}.pill{padding:8px 12px;background:#2426387a;border-radius:20px}.match-strip,.hud-left,#kill-feed,.health-block,.ammo-block,#controls-hint{z-index:2}#crosshair,#hit-marker{z-index:3}#damage-vignette{z-index:4}#scope{z-index:1}
.touch-device .hud-nav{top:138px;bottom:auto;right:12px}.touch-device .health-block{bottom:57px}.touch-device .ammo-block{bottom:61px}@media(orientation:landscape){.touch-device .hud-nav{top:15px;bottom:auto}}
@media(min-width:1700px){.hero{left:10%}.home-top,.home-bottom{left:6%;right:6%}}@media(max-height:720px){.hero h1{font-size:82px;margin-top:20px}.hero>p{font-size:20px;margin:20px 0}.hero{top:48%}.home-bottom{bottom:20px;padding-top:12px}.hero-actions .play-button{padding:15px 20px}.art-caption{bottom:110px}.health-block{bottom:48px}.map-frame canvas{height:125px}.map-frame{width:150px}.map-frame canvas{width:148px}}@media(max-width:800px){.home{background-position:58% center}.home:after{background:linear-gradient(90deg,#202432dc,#20243288 55%,#20243211),linear-gradient(0deg,#202432cc,transparent 40%)}.pill,.tags,.art-caption,.edition{display:none}.home-top{top:20px;left:6%;right:6%;justify-content:space-between}.hero{left:8%;max-width:80%}.hero h1{font-size:80px;letter-spacing:-5px}.hero>p{font-size:22px}.play-note{display:none}.home-bottom{left:6%;right:6%;bottom:20px}.secondary-actions{gap:18px}.secondary-actions button{font-size:11px}.hud-nav{top:auto;bottom:14px;right:12px;gap:4px}.hud-nav button{font-size:10px;padding:8px}.hud-nav kbd{display:none}.match-strip{top:12px}.team-score{padding:9px 12px}.team-score small{display:none}.match-clock{min-width:82px;padding:6px 9px}.match-clock b{font-size:19px}.team-score b{font-size:26px}.hud-left{top:12px;left:12px}.map-frame{width:120px}.map-frame canvas{width:118px;height:110px}.map-frame>span{font-size:6px;letter-spacing:0;padding:5px}.map-frame kbd{display:none}#connection{font-size:8px}#kill-feed{top:70px;right:12px;font-size:9px;gap:3px}#kill-feed div{padding:6px 8px;max-width:240px}.health-block{left:16px;bottom:50px;min-width:130px}.health-block b{font-size:35px}.health-block small{font-size:7px}.ammo-block{right:16px;bottom:60px}.ammo-block b{font-size:38px}#controls-hint{display:none}.score-tables{gap:10px}.scoreboard{padding:15px}.scoreboard td,.scoreboard th{padding:6px 3px;font-size:9px}.round-panel{top:12%;padding:22px}.round-panel h2{font-size:32px}}@media(max-width:480px){.hero h1{font-size:66px;letter-spacing:-4px}.hero>p{font-size:21px}.hero{top:49%}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.spark{font-size:27px;right:-27px}.home-bottom strong{font-size:32px}.home-bottom span{font-size:7px}.weapon-card{padding:12px 8px}.weapon-card strong{font-size:11px}.weapon-card small{font-size:9px}.bean-card{padding:20px 8px}.bean-card small{font-size:8px}.form-row{gap:10px}dialog{padding:20px}.map-frame{width:97px}.map-frame canvas{width:95px;height:90px}.map-frame>span{font-size:5px}.match-strip{left:auto;right:12px;transform:none}.hud-nav button{font-size:9px;padding:7px}#kill-feed{top:68px}.death-panel{top:25%;padding:18px}.death-panel h2{font-size:25px}.death-panel .weapon-card strong{font-size:10px}.map-votes button{padding:12px 8px;font-size:10px}}
#stamina{margin-top:9px;display:block}.health-block #stamina>div{height:3px;background:#ffffff26;display:block;border-radius:4px;overflow:hidden}#stamina-fill{height:100%;display:block;background:#e6ca91;transition:width .1s linear}#stamina-label{font-size:7px;letter-spacing:1.5px;color:#f1dfbd;display:block;margin-top:6px}#stamina.exhausted #stamina-fill{background:#ed9e78}.death-panel{z-index:8;top:20%;width:min(610px,94vw);padding:30px;border:1px solid #d5c2ef40;background:linear-gradient(135deg,#353649f5,#252c3df5)}.death-panel .weapon-card{padding:18px 12px}.death-panel .weapon-card strong{font-size:14px}.death-panel .weapon-card small{display:block;font-size:10px}.death-panel .weapon-art{height:34px;margin:12px 4px}.death-panel .primary{min-width:200px;font-size:14px;padding:14px 22px}.death-panel .primary kbd{background:#29233725;color:#292337;margin-left:15px}.death-panel .weapon-card.selected:after{content:'NEXT SPAWN';font-size:7px;letter-spacing:1px;color:#d8c3ff;position:absolute;top:8px;right:8px}.death-panel #respawn-time{font-size:12px;margin-bottom:8px}@media(max-height:600px){.death-panel{top:6%;padding:18px}.death-panel .weapon-choices{margin:10px 0}.death-panel .weapon-card small{display:none}.death-panel h2{font-size:25px}.death-panel .weapon-card{padding:9px}.death-panel .weapon-art{height:20px;margin:5px}}
.weapon-portrait{display:block;width:100%;height:90px;object-fit:contain;border-radius:8px;margin:4px 0 12px}.bean-portrait{display:block;width:100%;height:170px;object-fit:contain;border-radius:10px;margin:0 auto 12px}.bean-card{padding:12px 9px 16px}.death-panel .weapon-card{padding:12px}.death-panel .weapon-portrait{height:76px;margin:0 0 8px}@media(max-width:480px){.weapon-portrait{height:65px}.bean-portrait{height:120px}.death-panel .weapon-portrait{height:60px}.death-panel .weapon-card small{display:none}}@media(max-height:600px){.death-panel .weapon-portrait{height:50px}}
@media(min-width:1000px) and (min-height:650px){.death-panel{left:auto;right:28px;top:50%;transform:translateY(-50%);width:500px;padding:25px}.death-panel .weapon-card small{font-size:9px}.death-panel h2{font-size:28px}}
@media(max-width:999px){.death-panel{top:auto;bottom:26px;transform:translateX(-50%);padding:18px}.death-panel .weapon-choices{margin:12px 0}.death-panel .weapon-card small{display:none}.death-panel h2{font-size:24px;margin:10px 0}.death-panel .weapon-portrait{height:55px}}

.health-rule{display:block;font-size:7px!important;letter-spacing:.8px;margin-top:7px;color:#f3d3dd!important}#health-gain{position:absolute;left:0;bottom:100%;margin-bottom:8px;color:#b9f3cc;font-size:11px;font-weight:850;white-space:nowrap;text-shadow:0 1px 4px #173228}#grenade-button{pointer-events:auto;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:9px 0 0 auto;padding:8px 10px;background:#27352de8;border:1px solid #c4d78a77;border-radius:8px;font-size:9px;letter-spacing:.8px}#grenade-button b{font-size:15px;line-height:1;color:#e2edb3;letter-spacing:0}#grenade-button kbd{margin:0}#grenade-button.empty{color:#b9bcb5;background:#27352d99;border-color:#bdc3b633}#grenade-warning{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);padding:10px 15px;border:1px solid #f5bd73;border-radius:8px;background:#592e20e8;color:#ffe6b2;font-size:11px;font-weight:850;letter-spacing:1px;text-align:center;max-width:80vw;z-index:4}@media(max-width:800px){.health-rule{font-size:6px!important;letter-spacing:0}#grenade-button{padding:6px;margin-top:6px;font-size:8px}#grenade-warning{bottom:170px;font-size:9px}#health-gain{font-size:9px}}

.ammo-block{bottom:66px}.touch-device #grenade-button{display:none}.touch-device #touch-grenades{display:block;font-size:15px}.touch-device .ammo-block{bottom:61px}@media(max-width:800px){.ammo-block{bottom:76px}}
/* Personal rewards stay below the sight line. */
.kill-confirmation{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);width:min(470px,88vw);padding:14px 20px 12px;border:1px solid #d5b9ff86;border-radius:14px;background:linear-gradient(120deg,#332a46ed,#243343e0);box-shadow:0 7px 35px #17213035;text-align:center;z-index:6;text-shadow:0 1px 3px #0005;pointer-events:none}.kill-confirmation>span{font-size:8px;font-weight:850;letter-spacing:2px;color:#d1b5f8}.kill-confirmation h2{font-size:24px;letter-spacing:-.7px;margin:5px 0;line-height:1.1;color:#fff6e6}.kill-confirmation p{font-size:10px;font-weight:700;letter-spacing:1px;color:#ffe0a4;margin:5px 0 8px}.kill-confirmation.is-assist{border-color:#a3cdbf80}.kill-confirmation.is-assist h2{font-size:20px}.kill-confirmation>small{font-size:8px;color:#d6cdde;display:block;margin-top:5px}#medal-ribbon{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.medal{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.7px;color:#f8dfa7}.medal i{font-size:21px;line-height:1;font-style:normal;text-shadow:0 0 14px #efbf5a60}.medal b{font-weight:850}.reward-track{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:9px}.reward-track>b{font-size:8px;color:#d0b6f6}.reward-track>div{width:110px;height:4px;overflow:hidden;background:#ffffff18;border-radius:4px}.reward-track i{display:block;height:100%;background:#c6acf6;transition:width .35s}.reward-track>small{font-size:7px;color:#bdb5cc}#hit-marker.kill-confirmed{font-size:46px;color:#ffd783;text-shadow:0 0 14px #ffe0a4;line-height:1}#streak-counter{position:absolute;top:91px;left:50%;transform:translateX(-50%);background:#283043df;border:1px solid #d7bbff55;border-radius:20px;padding:7px 13px;font-size:10px;letter-spacing:1px;font-weight:850;color:#eadbff;z-index:5}#streak-counter.hot{color:#ffe0a1;border-color:#eac58599;background:#4a372add}#unlock-toast{position:absolute;top:132px;left:50%;transform:translateX(-50%);width:max-content;max-width:80vw;padding:10px 16px;border-radius:8px;background:#d1b7f8ed;color:#2c263d;font-size:10px;font-weight:850;text-align:center;letter-spacing:.6px;z-index:6;text-shadow:none}#kill-feed .your-kill{border-left:3px solid #d0adff;background:#3e354ddd}.death-wardrobe{display:block;margin:0 auto 18px;background:transparent;color:#d4bdf7;font-size:11px;font-weight:750;padding:7px}#round-personal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 20px}#round-personal span{font-size:8px;letter-spacing:.7px;color:#c7becf}#round-personal b{display:block;font-size:26px;color:#fff0d4;letter-spacing:-1px;margin-bottom:3px}#round-personal .earned-xp b{color:#c9a6ff}#round-awards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}#round-awards:empty{display:none}.match-award{border:1px solid #ffffff16;background:#ffffff06;border-radius:10px;padding:13px 8px;text-align:center;min-width:0}.match-award.yours{border-color:#d4b2ff99;background:#b99de91c}.match-award i{display:block;font-size:24px;font-style:normal;color:#f6d18e;margin-bottom:5px}.match-award small{display:block;font-size:7px;letter-spacing:1.2px;color:#d9c8e6}.match-award b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;margin:6px 0;color:#fff1dc}.match-award span{display:block;font-size:8px;color:#c2b8cf}#round-medals{font-size:8px;color:#e4c990;line-height:1.8;margin-top:12px;letter-spacing:.5px}.round-panel{width:min(740px,94vw);max-height:86vh;overflow:auto;top:7%}
/* The wardrobe uses the same geometry as the arena. */
dialog.wardrobe-dialog{width:min(980px,96vw);max-width:980px;max-height:92vh;padding:28px;overflow:auto}.wardrobe-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.wardrobe-heading h2{font-size:34px;margin:9px 0 14px;letter-spacing:-1.3px}.wardrobe-rank{border:1px solid #d0b7f750;border-radius:12px;padding:10px 13px;font-size:9px;color:#d3b8f7;white-space:nowrap}.wardrobe-rank b{display:block;font-size:32px;line-height:1.05;color:#f3dfb8}.wardrobe-progress{height:5px;background:#ffffff12;border-radius:4px;overflow:hidden;margin-bottom:21px}.wardrobe-progress i{height:100%;display:block;background:#c6acf6;transition:width .3s}.wardrobe-layout{display:grid;grid-template-columns:290px 1fr;gap:24px}.wardrobe-model{min-width:0}.wardrobe-canvas{width:100%;height:365px;display:block;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#c4aecc,#766987 70%,#514e6c);touch-action:none;cursor:grab;outline:none}.wardrobe-canvas:active{cursor:grabbing}.preview-hint{display:block;text-align:center;font-size:6px;letter-spacing:.8px;color:#c6bbd1;margin:10px 0}.wardrobe-model label{margin:12px 0 0;font-size:10px}.wardrobe-model input{padding:10px;font-size:12px}.wardrobe-tabs{display:flex;gap:7px}.wardrobe-tabs button{flex:1;padding:11px 6px;border:1px solid #ffffff14;background:#ffffff05;border-radius:9px;font-size:11px;color:#ccc3d7;font-weight:750}.wardrobe-tabs button.selected{color:#2d2639;background:#c6acf6;border-color:#c6acf6}#wardrobe-help{font-size:11px;line-height:1.5;color:#bfb5cc;margin:13px 0}.wardrobe-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:370px;overflow:auto;padding:2px 4px 8px 2px;scrollbar-width:thin;scrollbar-color:#a58cbe #ffffff08}.wardrobe-item{min-width:0;border:1px solid #ffffff17;border-radius:11px;background:#262c3a;padding:6px 7px 10px;position:relative;text-align:left}.wardrobe-item img{width:100%;height:113px;display:block;object-fit:contain;pointer-events:none;border-radius:8px}.wardrobe-item>span{display:block;font-size:11px;letter-spacing:-.1px;font-weight:800;margin:6px 1px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wardrobe-item>small{display:block;font-size:7px;letter-spacing:1px;color:#aeb5c6;margin:0 1px}.wardrobe-item.selected{border-color:#c6acf6;box-shadow:0 0 0 1px #c6acf6;background:#5b4c7166}.wardrobe-item.selected>small{color:#e4cfff}.wardrobe-item.locked>small{color:#e6c486}.wardrobe-item.locked:not(.selected){background:#222736}.wardrobe-item.locked img{opacity:.77}.wardrobe-personal{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:15px 0 0}.wardrobe-personal>span{font-size:7px;letter-spacing:.7px;color:#b2a7c0}.wardrobe-personal b{display:block;font-size:20px;font-weight:850;color:#f0ddbb;letter-spacing:-.7px}.wardrobe-personal>small{display:block;font-size:8px;color:#a99eb8;flex-basis:100%}#wardrobe-choice{text-align:center}#wardrobe-choice b{font-size:17px;color:#f1dfbf}#wardrobe-choice span{display:block;font-size:9px;line-height:1.5;color:#cebfde;margin-top:5px}.wardrobe-dialog .dialog-footer{margin-top:22px}.wardrobe-dialog .primary:disabled{cursor:default}.wardrobe-dialog .form-note{max-width:55%;font-size:10px}.wardrobe-dialog .primary{font-size:14px;padding:14px 20px;min-width:180px}.wardrobe-dialog .eyebrow{color:#d6bdf4}
@media(max-width:800px){.kill-confirmation{bottom:23%;padding:12px;width:min(430px,88vw)}.kill-confirmation h2{font-size:20px}.kill-confirmation p{font-size:8px}.medal b{font-size:7px}#unlock-toast{font-size:8px;top:117px}#streak-counter{top:82px;font-size:8px}#round-awards{grid-template-columns:repeat(2,1fr)}.round-panel{top:5%;padding:20px}.wardrobe-layout{grid-template-columns:220px 1fr;gap:16px}.wardrobe-items{grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-canvas{height:320px}.wardrobe-heading h2{font-size:29px}dialog.wardrobe-dialog{padding:22px}.wardrobe-item img{height:95px}}
@media(max-width:500px){dialog.wardrobe-dialog{padding:18px;max-height:94vh;width:96vw}.wardrobe-heading h2{font-size:25px;letter-spacing:-.9px;line-height:1.05}.wardrobe-heading .eyebrow{font-size:7px;letter-spacing:1.2px}.wardrobe-rank{padding:8px 10px}.wardrobe-rank b{font-size:25px}.wardrobe-layout{grid-template-columns:118px 1fr;gap:13px}.wardrobe-canvas{height:245px}.wardrobe-tabs{gap:3px}.wardrobe-tabs button{font-size:8px;padding:10px 4px;border-radius:7px}.wardrobe-item img{height:80px}.wardrobe-item{padding:4px 4px 7px}.wardrobe-items{gap:6px;max-height:325px}.wardrobe-item>span{font-size:9px}.wardrobe-item>small{font-size:6px;letter-spacing:.6px}#wardrobe-help{font-size:9px;margin:10px 0}.preview-hint{font-size:5px;letter-spacing:0;line-height:1.5}.wardrobe-model input{font-size:10px;padding:8px}.wardrobe-personal{gap:12px}.wardrobe-personal b{font-size:16px}.wardrobe-personal>span{font-size:6px}.wardrobe-personal>small{font-size:7px;line-height:1.5}.wardrobe-dialog .dialog-footer{gap:10px}.wardrobe-dialog .form-note{font-size:8px;max-width:44%;line-height:1.5}.wardrobe-dialog .primary{font-size:11px;min-width:145px;padding:12px}.kill-confirmation{bottom:26%;padding:10px}.kill-confirmation h2{font-size:17px}.kill-confirmation>span{font-size:7px}.reward-track>small{font-size:6px}.medal{gap:3px}.medal i{font-size:17px}.medal b{font-size:6px}#medal-ribbon{gap:9px}}
@media(max-height:600px){.wardrobe-canvas{height:230px}.wardrobe-items{max-height:240px}.wardrobe-heading h2{font-size:26px;margin-bottom:9px}.wardrobe-item img{height:78px}.wardrobe-dialog .dialog-footer{margin-top:15px}.kill-confirmation{bottom:10%;padding:8px 12px;width:360px}.kill-confirmation h2{font-size:18px}.kill-confirmation>span,.reward-track{display:none}#streak-counter{top:76px}}
@media(prefers-reduced-motion:reduce){.reward-track i,.wardrobe-progress i{transition:none}}

#round-awards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}#round-unlocks{font-size:9px;font-weight:800;color:#d5bbff;background:#ba9de918;border:1px solid #c5a5eb33;border-radius:8px;padding:10px;margin-top:14px;line-height:1.6}@media(max-width:500px){#round-awards{grid-template-columns:repeat(2,1fr)}}

.trophy-card{min-width:0;padding:14px 9px;border:1px solid #ffffff14;border-radius:11px;background:#222838;text-align:center}.trophy-card i{display:block;font-style:normal;font-size:28px;color:#8f879b}.trophy-card b{display:block;font-size:8px;letter-spacing:.8px;color:#bfb5ca;margin-top:5px}.trophy-card p{font-size:8px;line-height:1.5;color:#a59ab5;margin:7px 0}.trophy-card small{font-size:6px;letter-spacing:.9px;color:#9d92ae}.trophy-card.earned{border-color:#dcbd7f66;background:#6f56301a}.trophy-card.earned i{color:#f4ce85;text-shadow:0 0 18px #e9bf6a25}.trophy-card.earned b,.trophy-card.earned small{color:#edd49e}@media(max-width:500px){.trophy-card{padding:10px 5px}.trophy-card i{font-size:23px}.trophy-card b{font-size:7px;letter-spacing:0}.trophy-card p{font-size:7px}.wardrobe-tabs button{font-size:7px}}

/* Sunseed interface refinement. */
:root{--panel:#202a38ed;--line:#d9e7f12b;--gold:#f2d49a}
button:disabled{cursor:default}
.home-career{position:absolute;right:4.5%;bottom:137px;width:300px;display:flex;gap:15px;padding:19px;text-align:left;background:linear-gradient(135deg,#283442e8,#342f45ed);border:1px solid #ebd5ff40;border-radius:15px;box-shadow:0 10px 32px #10182430;backdrop-filter:blur(12px)}
.career-icon{display:grid;place-items:center;border:1px solid #d2b1fb60;background:#ba9dea14;border-radius:12px;width:43px;height:48px;flex:none;color:var(--gold);font-size:27px}
.home-career>div{min-width:0;flex:1}.home-career small{font-size:8px;letter-spacing:1.4px;color:#cfbcdf;font-weight:700}.home-career b{display:block;font-size:20px;letter-spacing:-.5px;margin:4px 0 10px}.home-career em{float:right;font-size:9px;font-weight:600;font-style:normal;color:#d6cbdf;letter-spacing:0;padding-top:7px}.career-track{height:4px;background:#ffffff17;overflow:hidden;border-radius:4px}.career-track i{height:100%;background:#c6acf6;display:block;transition:width .3s}.home-career p{font-size:10px;line-height:1.5;color:#efe3cc;margin:10px 0 8px}.career-link{font-size:10px;color:#d1b7f8;font-weight:750}
#menu-context{display:flex;gap:5px;margin-left:auto}#menu-context button{background:transparent;color:#b7bdcc;padding:8px 10px;border-radius:7px;font-size:10px;font-weight:700}#menu-context button.active{background:#ccb1f222;color:#e6d4ff}.dialog-head{gap:15px;margin-bottom:22px}dialog{background:linear-gradient(145deg,#2a3041,#242c3b);border-color:#e3d5f330}dialog h2{font-weight:850}dialog::backdrop{background:#151c2da6;backdrop-filter:blur(8px)}
.resume{background:linear-gradient(135deg,#192432a8,#2a24425c);z-index:7}.resume>div{width:min(560px,90vw);background:linear-gradient(130deg,#222e40f7,#302d41f5);padding:34px;border:1px solid #e1c2ff38;border-radius:22px;box-shadow:0 25px 80px #17213260}.resume h2{font-weight:850;font-size:44px}.resume-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:20px}.resume-actions .text-button{margin:0;font-size:11px}.resume-actions kbd{font-size:7px}#resume-challenge{margin:24px 0 0;padding-top:17px;border-top:1px solid #ffffff13;font-size:10px;color:#dbc7f4;line-height:1.6}.resume p{font-size:10px;color:#aab6cb;margin-top:16px}
.match-strip{border:1px solid #e5efff30;border-radius:14px;box-shadow:0 6px 24px #12233430;background:#202b39ee}.team-score{padding:12px 19px}.team-score.your-team{background:#ffffff0c;box-shadow:inset 0 -3px currentColor}.team-score small{font-size:9px}.match-clock{min-width:115px}.match-clock small{font-size:8px}.hud-nav{gap:5px}.hud-nav button{background:#202b39ed;border-color:#e9deef27;font-weight:700;border-radius:9px;font-size:11px}.hud-nav button:hover{background:#554b69}.map-frame{border-color:#d7e4ed45;box-shadow:0 5px 20px #15213230}.map-frame>span{font-size:8px;letter-spacing:.35px;padding:9px 8px}#connection{color:#fff0d6;background:#253040b5;display:table;border-radius:5px;font-size:8px;padding:5px 7px;margin:6px 0}
.health-block,.ammo-block{background:linear-gradient(130deg,#1d2c3bea,#26313fcd);border:1px solid #f1e8d22e;border-radius:15px;box-shadow:0 6px 25px #12202b20;padding:13px 17px;text-shadow:none}.health-block{left:20px;bottom:57px;min-width:215px}.health-block b{font-size:42px}.health-block>span{font-size:9px;font-weight:800;letter-spacing:1.3px}.health-track{height:6px;background:#d5e7f126}.health-rule{font-size:7px!important;letter-spacing:.1px}.health-block .health-cross{font-size:25px}.health-block small{font-size:8px}.ammo-block{right:20px;bottom:60px;width:178px;padding:12px 16px}.ammo-block>small{font-size:10px;letter-spacing:1.2px;font-weight:850;color:#f7e1b9}.ammo-block>div>span{font-size:16px}.ammo-block b{font-size:40px}.ammo-block>span{font-size:8px;margin-top:8px}.ammo-track{height:4px;background:#ffffff22;margin:6px 0!important;border-radius:4px;overflow:hidden}.ammo-track i{display:block;height:100%;background:#e5d2aa;transition:width .12s}.ammo-block.low-ammo #ammo{color:#ffc382}.ammo-block.low-ammo .ammo-track i{background:#ffb36e}.ammo-block.reloading .ammo-track i{background:#c4abff}.ammo-block #grenade-button{margin-top:10px;width:100%;justify-content:center;background:#9ebc6a12;padding:6px}#grenade-button b{font-size:15px}
#controls-hint{font-size:8px;background:#203040c9;padding:8px 12px;border:1px solid #f3e4d31a;border-radius:8px;bottom:12px;color:#e1e9ef}
#crosshair{width:var(--spread,20px);height:var(--spread,20px);transition:width .07s,height .07s;--sight:#fff7e8}#crosshair:after{content:'';position:absolute;left:50%;top:50%;width:3px;height:3px;background:var(--sight);border-radius:50%;transform:translate(-50%,-50%)}#crosshair i{background:var(--sight)}#crosshair i:nth-child(1){left:calc(50% - 1px);top:0}#crosshair i:nth-child(2){left:calc(50% - 1px);bottom:0}#crosshair i:nth-child(3){top:calc(50% - 1px);left:0}#crosshair i:nth-child(4){top:calc(50% - 1px);right:0}#crosshair.firing{--sight:#ffe1a2}#crosshair.is-reloading{opacity:.35}
#combat-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}#combat-status{position:absolute;left:50%;top:calc(50% + 44px);transform:translateX(-50%);width:140px;text-align:center;font-size:9px;color:#f0d6ff;font-weight:800;letter-spacing:.6px;text-shadow:0 1px 4px #162232}#combat-status>i{display:block;height:3px;width:78px;margin:7px auto;background:#182534a6;border-radius:3px;overflow:hidden}#combat-status-fill{height:100%;display:block;background:#c6acf6}#combat-status.is-empty{color:#ffd99b}#combat-status.is-empty>i{display:none}
.damage-number{position:absolute;left:0;top:0;font-size:26px;font-weight:950;line-height:1;color:#fff7e0;text-shadow:-1px -1px 0 #263445,1px -1px 0 #263445,-1px 1px 0 #263445,1px 1px 0 #263445,0 3px 6px #18253370;letter-spacing:-1px;margin-left:20px;will-change:transform}.damage-number.critical{color:#ffdc8b;font-size:31px}.damage-number.finisher{color:#d6c0ff}
.damage-direction{position:absolute;width:230px;height:230px;left:50%;top:50%;pointer-events:none}.damage-direction i{position:absolute;left:50%;top:0;width:60px;height:9px;margin-left:-30px;background:linear-gradient(90deg,transparent,#ff927b 30%,#ff927b 70%,transparent);border-radius:50% 50% 3px 3px;box-shadow:0 -3px 13px #ff725a33}.damage-direction i:after{content:'';position:absolute;left:26px;top:-9px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #ffd1a5}
.world-label{position:absolute;top:0;left:0;white-space:nowrap;pointer-events:none}.world-label>span{display:block;position:relative;left:-50%;font-size:10px;font-weight:800;letter-spacing:.3px;padding:4px 7px;background:#23313ddd;border:1px solid #f5e7db40;border-radius:5px;line-height:1.1;color:#ecf6ff;text-shadow:0 1px 2px #15213690}.world-label.teammate>span{background:#20394d9c;border:0;color:#bbe3ff;font-size:9px;padding:2px 4px}.world-label.enemy>span{background:#473039d9;color:#ffe9da;border-color:#ffb59840}.world-label>i{display:block;position:relative;left:-50%;width:100%;height:4px;background:#202c38;border-radius:3px;overflow:hidden;margin-top:2px}.world-label>i:after{content:'';display:block;height:100%;width:var(--health);background:#ffba8b}.world-label.supply>span{font-size:9px;letter-spacing:.6px;background:#303326e6;border-color:#e6c98a66;color:#ffe1a2}.world-label.health>span{color:#ffcee0;background:#433040e6;border-color:#e8a9c266}.world-label.grenade>span{color:#c3e6b0;background:#2e3b2de6;border-color:#afcb9866}.world-label.waiting{opacity:.6}
.death-panel{background:linear-gradient(140deg,#243044f5,#302c40f5);border-color:#ddbded38}.death-panel .eyebrow{font-size:9px;color:#cab0ec}.death-panel .death-recap{display:inline-block;font-size:10px;padding:7px 11px;border-radius:7px;background:#ffffff08;color:#e4d3ec;line-height:1.5;margin:7px 0 0}.death-panel p{font-size:11px;margin:12px 0 8px}.death-panel>small{font-size:8px!important;margin-top:13px!important}.death-wardrobe{font-size:10px;margin-bottom:14px}
.loadout-dialog{width:min(850px,96vw);max-width:850px}.loadout-dialog h2{font-size:38px}.loadout-dialog>div>p{max-width:600px}.loadout-current{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #d0bcff30;border-radius:10px;background:#bea2ed0a;flex-wrap:wrap}.loadout-current>span{font-size:8px;letter-spacing:1px;color:#ccb0ed}.loadout-current>b{font-size:13px}.loadout-current>small{margin-left:auto;color:#abb8cb;font-size:10px}.weapon-card{border-color:#e1d8ec21;background:linear-gradient(140deg,#303b4c,#27303e);padding:16px 14px 12px;overflow:hidden}.weapon-card.selected{border-color:var(--weapon-accent);background:linear-gradient(140deg,#3f4653,#303747);box-shadow:inset 0 0 0 1px var(--weapon-accent)}.weapon-role{font-size:7px;font-weight:800;letter-spacing:1px;color:var(--weapon-accent);display:block}.weapon-card strong{font-size:17px;display:flex;align-items:center;justify-content:space-between;margin-top:8px}.weapon-card strong i{font-size:10px;font-style:normal;border:1px solid #ffffff30;border-radius:5px;min-width:20px;padding:3px;text-align:center;color:var(--weapon-accent)}.weapon-card small{font-size:10px;min-height:32px;color:#c6ccda}.weapon-portrait{height:105px;margin:10px 0 3px}.weapon-stats{display:grid;gap:5px;margin:15px 0 12px}.weapon-stats span{font-size:8px;font-weight:700;letter-spacing:.6px;color:#b2bfd1}.weapon-selection{display:block;border-top:1px solid #ffffff13;padding-top:11px;font-size:8px;letter-spacing:.7px;font-weight:800;color:#9caac2}.selected .weapon-selection{color:var(--weapon-accent)}.loadout-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0;padding-bottom:20px;border-bottom:1px solid #ffffff14}.loadout-tips>span{font-size:11px;color:#d4d5dc;line-height:1.6}.loadout-tips b{display:block;font-size:9px;color:#c4a4f4;margin-bottom:4px}.death-panel .weapon-card{padding:12px 10px 9px}.death-panel .weapon-role{font-size:6px;letter-spacing:.5px}.death-panel .weapon-card strong{font-size:12px}.death-panel .weapon-stats{margin:9px 0}.death-panel .weapon-stats span{font-size:6px;letter-spacing:.2px}.death-panel .weapon-selection{font-size:6px;padding-top:8px}.death-panel .weapon-portrait{height:65px}.death-panel .weapon-card.selected{border-color:var(--weapon-accent)}
.wardrobe-heading h2{font-weight:850;font-size:32px}.wardrobe-xp-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#b9adc8;margin:0 0 7px}.wardrobe-xp-label b{font-size:8px;letter-spacing:.5px;color:#deccf5}.wardrobe-progress{margin-bottom:18px;height:4px}.wardrobe-canvas{height:330px;background:radial-gradient(ellipse at 50% 25%,#bcadbb,#79728a 70%,#54566f);border:1px solid #dcd1e825;box-shadow:inset 0 0 45px #2b304424}.preview-hint{margin:8px 0 5px;font-size:6px}.preview-status{display:table;margin:7px auto 13px;font-size:7px;letter-spacing:.7px;font-weight:800;padding:5px 8px;border-radius:5px;color:#bce1c5;background:#b3d6b50d;border:1px solid #b3d6b527}.preview-status.locked{color:#f1d6a5;border-color:#e6bd6d44;background:#e6bd6d0c}.wardrobe-items{max-height:333px;gap:9px;scrollbar-gutter:stable}.wardrobe-item{background:linear-gradient(145deg,#303b4b,#27303e);padding:7px 8px 10px}.wardrobe-item img{height:105px}.wardrobe-item>span:not(.look-rarity){font-size:11px;letter-spacing:-.1px;margin-bottom:5px}.wardrobe-item>small{font-size:7px;letter-spacing:.7px}.wardrobe-item.locked:not(.selected){background:linear-gradient(145deg,#292f3f,#242a38)}.wardrobe-item.locked img{opacity:.75}.wardrobe-item.challenge-look{border-color:#c8a66b45}.wardrobe-item.challenge-look:not(.locked)>small{color:#f4d59c}.wardrobe-item.selected{box-shadow:inset 0 0 0 1px #c6acf6}.look-rarity{position:absolute;top:9px;right:10px;font-size:13px;font-weight:800;color:#ddbf8e;line-height:1}.look-task{font-size:8px;color:#b8b1c5;line-height:1.5;margin-top:9px;min-height:45px}.look-task b{display:block;font-size:7px;color:#ebcc96;font-weight:750;margin-top:3px;letter-spacing:.4px}.look-task i,.wardrobe-goals i{display:block;height:3px;background:#ffffff13;border-radius:3px;overflow:hidden;margin-top:6px}.look-task em,.wardrobe-goals em{display:block;height:100%;background:#d8b67b}
.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}.collection-tools>span{font-size:8px;font-weight:800;letter-spacing:.6px;color:#cdbbdf}.collection-tools>div{display:flex;gap:3px}.collection-tools button{background:transparent;color:#a6aab9;font-size:9px;font-weight:700;padding:6px 8px;border-radius:6px}.collection-tools button.active{background:#c8afee1a;color:#e1cef6}.collection-complete{grid-column:1/-1;text-align:center;padding:35px;color:#f0d19a;font-size:26px}.collection-complete b{display:block;font-size:15px;margin-top:12px}.collection-complete p{font-size:11px;color:#c4b7d0}
.wardrobe-goals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.wardrobe-goals>button{min-width:0;text-align:left;padding:9px 11px;border:1px solid #d8bc8b2a;background:#e9c68308;border-radius:8px}.wardrobe-goals span{font-size:6px;letter-spacing:1px;color:#d8b785;font-weight:800;display:block}.wardrobe-goals b{display:block;font-size:10px;margin:4px 0;color:#eaddc6}.wardrobe-goals small{font-size:8px;color:#b8aec8;display:block}.wardrobe-personal{gap:24px;margin-top:13px}.wardrobe-personal b{font-size:18px}.wardrobe-personal>small{font-size:8px}.wardrobe-dialog .dialog-footer{position:sticky;bottom:-28px;background:linear-gradient(0deg,#252d3cfb 85%,#252d3c00);padding:20px 0 12px;z-index:2;margin-top:15px}.wardrobe-dialog .form-note{font-size:9px;line-height:1.6;max-width:65%}.wardrobe-dialog .primary:disabled{background:#70667c;color:#e5d8f0;box-shadow:0 3px #4e4658;opacity:1}.trophy-card{padding:15px 9px}.trophy-card b{font-size:9px}.trophy-card p{font-size:9px}.trophy-card small{font-size:7px}
@media(max-width:1100px){.hud-nav button{padding:9px 10px;font-size:10px}.hud-nav kbd{display:none}.home-career{width:270px}.hud-nav{right:15px}.match-strip{top:15px}.hud-left{left:15px;top:15px}.match-clock{min-width:100px}.team-score{padding:12px 15px;gap:10px}}
@media(max-width:800px){.home-career{width:250px;right:24px;bottom:120px;padding:14px;gap:11px}.home-career small{font-size:7px}.home-career b{font-size:18px}.career-icon{width:35px;height:41px;font-size:23px}.home-career em{font-size:7px}.home-career p{font-size:9px}.health-block{left:12px;bottom:60px;padding:10px 12px;min-width:170px}.health-block b{font-size:34px}.health-rule{font-size:6px!important}.ammo-block{right:12px;width:150px;bottom:64px;padding:10px 12px}.ammo-block b{font-size:33px}.ammo-block>small{font-size:8px}.match-strip{top:11px}.match-clock{min-width:83px;padding:8px}.team-score{padding:10px 11px;gap:8px}.team-score b{font-size:25px}.team-score small{font-size:7px}.hud-nav{top:76px;right:12px}.hud-nav button{padding:8px;font-size:9px}#kill-feed{top:120px;right:12px;font-size:9px}.map-frame{width:131px}.map-frame canvas{width:129px;height:110px}.map-frame>span{font-size:6px;letter-spacing:0;padding:7px 6px}.map-frame kbd{display:none}.hud-left{top:12px;left:12px}#connection{font-size:6px}.damage-number{font-size:23px}.damage-number.critical{font-size:27px}.world-label>span{font-size:9px}.wardrobe-layout{grid-template-columns:210px 1fr}.wardrobe-canvas{height:295px}.wardrobe-items{max-height:310px}.wardrobe-item img{height:85px}.wardrobe-heading h2{font-size:28px}.wardrobe-goals{gap:6px}.wardrobe-goals b{font-size:9px}.wardrobe-goals small{font-size:7px}.wardrobe-dialog .dialog-footer{bottom:-22px}.wardrobe-personal{gap:15px}.weapon-card small{font-size:9px}.weapon-stats span{font-size:7px}.loadout-current>small{margin-left:0;width:100%}.loadout-dialog h2{font-size:30px}.weapon-role{font-size:6px;letter-spacing:.5px}}
@media(max-width:500px){.home-career{bottom:104px;right:20px;left:20px;width:auto;padding:12px 15px;gap:13px}.home-career>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.home-career small{grid-column:1}.home-career b{grid-column:1;grid-row:2;font-size:16px;margin:0}.home-career em{display:none}.career-track{grid-column:1;grid-row:3;margin-top:2px}.home-career p{grid-column:2;grid-row:1/3;font-size:8px;margin:0}.career-link{grid-column:2;grid-row:3;font-size:8px}.career-icon{height:44px}.dialog-head{gap:8px}.mini-brand{font-size:11px}#menu-context{gap:1px}#menu-context button{padding:7px 6px;font-size:8px}.dialog-head .icon-button{width:30px;height:30px;font-size:18px}.wardrobe-heading h2{font-size:23px}.wardrobe-xp-label{font-size:5px;letter-spacing:.3px}.wardrobe-xp-label b{font-size:6px}.wardrobe-layout{grid-template-columns:112px 1fr;gap:11px}.wardrobe-canvas{height:230px}.wardrobe-items{max-height:310px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.wardrobe-item{padding:5px 5px 8px}.wardrobe-item img{height:78px}.wardrobe-item>span:not(.look-rarity){font-size:9px;margin:5px 0}.wardrobe-item>small{font-size:6px;letter-spacing:0}.look-task{font-size:7px;margin-top:6px;min-height:44px}.look-task b{font-size:6px}.look-rarity{right:6px;top:6px;font-size:11px}.collection-tools{gap:4px}.collection-tools>span{font-size:6px;letter-spacing:0}.collection-tools button{font-size:7px;padding:5px 4px}.wardrobe-goals{grid-template-columns:1fr;margin-top:9px;gap:5px}.wardrobe-goals>button{padding:7px 8px}.wardrobe-goals>button:nth-child(2){display:none}.wardrobe-goals i{margin-top:4px}.wardrobe-personal{gap:11px}.wardrobe-personal b{font-size:15px}.wardrobe-personal>span{font-size:5px;letter-spacing:.3px}.wardrobe-personal>small{font-size:6px}.wardrobe-dialog .dialog-footer{bottom:-18px}.wardrobe-dialog .form-note{font-size:7px;max-width:48%}.wardrobe-dialog .primary{min-width:132px;font-size:10px}.preview-status{font-size:6px;letter-spacing:0;line-height:1.5;padding:4px 5px}#wardrobe-choice b{font-size:15px}#wardrobe-choice span{font-size:8px}.wardrobe-model label{font-size:8px}.trophy-card b{font-size:7px}.trophy-card p{font-size:7px}.trophy-card small{font-size:6px}.weapon-card{padding:10px 7px}.weapon-card strong{font-size:12px}.weapon-role{font-size:5px;letter-spacing:.3px}.weapon-card strong i{font-size:7px;min-width:15px}.weapon-stats{margin:10px 0}.weapon-stats span{font-size:6px;letter-spacing:0}.weapon-selection{font-size:6px;letter-spacing:0}.weapon-card small{font-size:8px;min-height:36px}.weapon-portrait{height:65px}.loadout-tips{gap:8px;margin:16px 0}.loadout-tips>span{font-size:9px}.loadout-tips b{font-size:8px}.loadout-current{padding:10px}.death-panel{padding:16px;bottom:25px;max-height:80dvh;overflow:auto}.death-panel .weapon-role{display:none}.death-panel .weapon-stats{display:none}.death-panel .weapon-selection{font-size:5px}.death-panel .weapon-portrait{height:52px}.death-panel .weapon-card{padding:8px 6px}.death-panel .weapon-card strong{font-size:10px}.death-panel .weapon-card strong i{display:none}.death-panel .death-recap{font-size:9px}.resume>div{padding:27px 20px}.resume-actions{gap:14px}.resume-actions .text-button{font-size:10px}.resume-actions kbd{display:none}.match-strip{top:10px;left:auto;right:10px;transform:none}.team-score{gap:6px;padding:9px}.team-score small{font-size:6px}.match-clock{min-width:68px;padding:7px}.match-clock b{font-size:18px}.match-clock small{font-size:6px}.team-score b{font-size:22px}.hud-left{left:10px;top:10px}.map-frame{width:107px;border-radius:9px}.map-frame canvas{width:105px;height:90px}.map-frame>span{font-size:5px;padding:6px}.hud-nav{right:10px;top:73px;gap:3px}.hud-nav button{font-size:8px;padding:7px}.hud-nav button:nth-last-child(2){display:none}#kill-feed{top:112px;font-size:8px;gap:3px}#kill-feed div{padding:5px 7px;max-width:220px}.health-block{min-width:135px;padding:9px 11px}.health-block b{font-size:30px}.health-block>span{font-size:7px}.health-block>div{gap:7px}.health-rule{font-size:5px!important}.health-block small{font-size:6px}.health-cross{font-size:20px!important}.ammo-block{width:124px;padding:9px 11px}.ammo-block b{font-size:28px}.ammo-block>small{font-size:7px}.ammo-block>div>span{font-size:12px}.ammo-block #grenade-button{font-size:7px;padding:5px 2px}.ammo-block>span{font-size:6px}.ammo-block kbd{font-size:6px;padding:2px}#combat-status{font-size:8px}.damage-direction{width:190px;height:190px}#streak-counter{top:145px;font-size:8px}#unlock-toast{top:176px;max-width:88vw;font-size:8px}#kill-confirmation{bottom:25%;width:86vw}.reward-track{margin-top:6px}.kill-confirmation h2{font-size:17px}}
@media(max-height:650px){.home-career{bottom:102px;padding:11px;width:250px}.wardrobe-canvas{height:215px}.wardrobe-items{max-height:225px}.wardrobe-goals{display:none}.wardrobe-heading h2{font-size:25px}.wardrobe-progress{margin-bottom:12px}.wardrobe-personal{gap:16px}.wardrobe-personal>small{margin-top:-5px}.wardrobe-dialog .dialog-head{margin-bottom:14px}.wardrobe-item img{height:70px}.wardrobe-heading h2{margin-bottom:10px}.death-panel .weapon-stats{display:none}.death-panel .weapon-portrait{height:44px}.death-panel .weapon-role{display:none}.death-panel .death-recap{font-size:8px;padding:4px 8px}.death-panel h2{font-size:23px}.death-panel>small{display:none!important}.death-panel .weapon-choices{margin:12px 0}.death-wardrobe{margin-bottom:10px}.hud-left .map-frame{width:115px}.map-frame canvas{width:113px;height:93px}.health-block{bottom:45px}.ammo-block{bottom:50px}#controls-hint{display:none}}
@media(max-width:500px) and (max-height:720px){.home-career{display:none}}
@media(prefers-reduced-motion:reduce){#crosshair,.ammo-track i,.career-track i{transition:none}.damage-number{will-change:auto}}
.personal-mini{display:flex;align-items:center;gap:6px;width:max-content;background:#253040d9;border:1px solid #e9d8ec24;border-radius:7px;padding:7px 10px;margin-top:6px;text-shadow:none}.personal-mini>span{font-size:7px;font-weight:800;color:#ccb2f3;letter-spacing:.7px;margin-right:5px}.personal-mini b{font-size:13px;color:#fff2d7}.personal-mini small{font-size:7px;color:#b8c5d5;margin-right:5px}.map-votes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 12px}.map-votes button{text-align:left;padding:9px;background:#ffffff04;border-color:#e0d6ee29;min-width:0}.map-overview{display:block;width:100%;height:77px;margin-bottom:9px}.map-votes button>b{display:block;font-size:11px;color:#f5e8cf;letter-spacing:-.2px}.map-description{font-size:8px;color:#b3bdd1;line-height:1.5;display:block;margin-top:5px;min-height:26px}.vote-count{display:block;font-size:7px;letter-spacing:.6px;font-weight:800;color:#c6a8ed;border-top:1px solid #d9c5e616;margin-top:9px;padding-top:8px}.map-votes button.selected{background:#c5a3ec12;box-shadow:inset 0 0 0 1px #c6acf6}.map-votes button.selected .vote-count{color:#ead1ff}.round-panel{top:4%;max-height:92vh}.round-panel #final-score{font-size:27px}.round-panel h2{margin:10px 0;font-size:36px}.round-panel #next-round{margin-top:16px}.round-panel .eyebrow{font-size:9px}
@media(max-width:800px){.personal-mini{padding:5px 7px;gap:5px}.personal-mini b{font-size:11px}.personal-mini small{font-size:6px;margin-right:2px}.personal-mini>span{font-size:6px;margin-right:3px}}
@media(max-width:500px){.personal-mini{gap:4px;padding:4px 6px;border-radius:5px}.personal-mini b{font-size:10px}.personal-mini small{font-size:5px;margin-right:1px}.personal-mini>span{font-size:5px;margin-right:1px}.map-votes{gap:6px}.map-overview{height:55px}.map-votes button{padding:6px}.map-votes button>b{font-size:9px}.map-description{font-size:7px;min-height:31px}.vote-count{font-size:6px;letter-spacing:.2px;padding-top:6px;margin-top:6px}.round-panel h2{font-size:30px}.round-panel #round-personal b{font-size:23px}}
.death-panel .weapon-card.selected:after{content:none}.loadout-dialog .dialog-footer{position:sticky;bottom:-26px;z-index:2;background:linear-gradient(0deg,#252d3c 88%,#252d3c00);padding:20px 0 12px;margin-top:18px}.loadout-dialog .form-note{font-size:10px;line-height:1.7}
@media(max-width:500px){.loadout-dialog .dialog-footer{bottom:-26px}.loadout-dialog .form-note{font-size:9px}.loadout-dialog .dialog-footer .primary{font-size:12px}.loadout-dialog .dialog-footer .text-button{font-size:10px}}
.round-finished .health-block,.round-finished .ammo-block,.round-finished #controls-hint,.round-finished #touch-controls,.round-finished #kill-feed{display:none!important}
/* Clear the old bottom anchor when moving the compact menu to the top. */
.hud-nav{bottom:auto;align-items:flex-start}
@media(max-width:500px){.touch-device .hud-nav{top:73px;bottom:auto;right:10px}}
@media(min-width:501px) and (max-height:600px){.touch-device .hud-nav{top:76px;bottom:auto;right:12px}}
@media(max-width:500px){
 .touch-device #kill-feed{top:214px}
 .touch-device #kill-feed div{max-width:190px}
 .touch-device #kill-feed div:nth-child(n+3){display:none}
}
@media(min-width:501px) and (max-height:600px){
 .touch-device .match-strip{top:10px}
 .touch-device .team-score{padding:8px 12px}
 .touch-device .team-score b{font-size:24px}
 .touch-device .team-score small{font-size:8px}
 .touch-device .match-clock{padding:6px 10px;min-width:100px}
 .touch-device .match-clock b{font-size:20px}
 .touch-device .hud-nav{top:66px}
 .touch-device #connection,.touch-device .personal-mini{display:none}
 .touch-device .health-block,.touch-device .ammo-block{bottom:18px;padding:9px 12px}
 .touch-device .health-block{min-width:160px;left:15px}
 .touch-device .health-block b,.touch-device .ammo-block b{font-size:30px}
 .touch-device .health-block .health-rule,.touch-device .ammo-block>span{display:none}
 .touch-device .health-block>span,.touch-device .ammo-block>small{font-size:8px}
 .touch-device .ammo-block{width:145px;right:15px}
 .touch-device #stamina-label{font-size:6px}
 .touch-device #kill-feed{top:106px;font-size:8px}
 .touch-device #kill-feed div:nth-child(n+3){display:none}
}
@media(min-width:501px) and (max-height:600px){
 .touch-device .health-block{left:150px}
 .touch-device .ammo-block{right:190px}
}
/* Keep the middle of the arena clear while firing. */
.world-label.teammate{font-size:9px;color:#b3d9ee;text-shadow:0 1px 2px #193344}
.damage-number{font-size:18px;letter-spacing:-.3px;margin-left:0}.damage-number.critical{font-size:20px}
#hit-marker{font-size:22px;line-height:1;color:#fff0ca;text-shadow:0 1px 2px #1d2939}
#hit-marker.kill-confirmed{font-size:24px;text-shadow:0 0 5px #efbd6b66}
.damage-direction i{width:36px;height:4px;margin-left:-18px;box-shadow:none}.damage-direction i:after{left:14px;top:-7px}
.kill-confirmation{left:50%;right:auto;top:auto;bottom:12px;transform:translateX(-50%);width:320px;padding:7px 12px;border-radius:9px;background:#273040ed;box-shadow:0 3px 15px #13213225;text-align:left}
.kill-confirmation>span,.kill-confirmation #medal-ribbon,.kill-confirmation #kill-recent,.kill-confirmation .reward-track{display:none}
.kill-confirmation h2,.kill-confirmation.is-assist h2{font-size:14px;letter-spacing:-.2px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:17px}
.kill-confirmation p{font-size:8px;line-height:10px;letter-spacing:.3px;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#unlock-toast{left:20px;right:auto;top:280px;bottom:auto;transform:none;width:210px;max-width:210px;font-size:9px;line-height:1.5;text-align:left;padding:9px 12px;background:#322e43ed;color:#dec8fb;border:1px solid #bca0e54a}
#grenade-warning{left:28px;right:auto;bottom:238px;top:auto;transform:none;max-width:180px;padding:7px 9px;font-size:8px;line-height:1.4;letter-spacing:.3px}
.supply-flash{box-shadow:0 0 0 2px #b9e5baaa,inset 0 0 16px #bedca126!important}.supply-empty{box-shadow:0 0 0 2px #e6a58aaa!important}
@media(max-width:800px){.kill-confirmation{bottom:10px;padding:6px 10px;width:270px}.kill-confirmation h2,.kill-confirmation.is-assist h2{font-size:13px;line-height:16px}.kill-confirmation p{font-size:7px;line-height:9px}#unlock-toast{left:12px;top:212px;width:170px;max-width:170px;font-size:8px}#grenade-warning{left:12px;bottom:236px;font-size:7px;max-width:154px}.damage-number{font-size:18px}.damage-number.critical{font-size:20px}}
@media(max-width:500px){.kill-confirmation{left:12px;bottom:8px;transform:none;width:240px;max-width:calc(100vw - 130px);padding:5px 8px;border-radius:7px}.kill-confirmation h2,.kill-confirmation.is-assist h2{font-size:11px;line-height:14px}.kill-confirmation p{font-size:6px;line-height:8px;margin-top:2px}#unlock-toast{top:174px;left:12px;width:155px;max-width:155px;font-size:7px;padding:7px 9px}#grenade-warning{bottom:204px;left:12px;width:136px;font-size:7px}.damage-number{font-size:16px}.damage-number.critical{font-size:18px}}
@media(min-width:501px) and (max-height:600px){#unlock-toast{top:154px;left:15px;font-size:8px;width:170px;max-width:170px}#grenade-warning{left:150px;bottom:132px;font-size:7px}}
#toast{left:20px;right:auto;top:330px;bottom:auto;transform:none;max-width:224px;font-size:10px;text-align:left}
@media(max-width:800px){#toast{left:12px;top:268px;max-width:170px;font-size:9px}}
@media(max-width:500px){#toast{left:12px;top:218px;max-width:170px;font-size:8px}}
@media(min-width:501px) and (max-height:600px){#toast{left:15px;top:210px;max-width:170px;font-size:8px}#grenade-warning{left:15px;bottom:150px;max-width:142px}}
@media(max-width:500px){
 #kill-confirmation{left:12px;right:auto;top:auto;bottom:8px;transform:none;width:240px;max-width:calc(100vw - 130px)}
 #kill-feed{top:176px;max-width:190px}
 #kill-feed div:nth-child(n+3){display:none}
}
/* Larger celebrations stay at the screen edges. */
#kill-confirmation{width:440px;max-width:calc(100vw - 520px);bottom:12px;padding:10px 16px;border-color:#d9c6f278;border-radius:12px;background:#273040f2}
#kill-confirmation h2,#kill-confirmation.is-assist h2{font-size:22px;line-height:27px;letter-spacing:-.4px}
#kill-confirmation p{font-size:10px;line-height:14px;margin-top:4px;letter-spacing:.5px}
#reward-announcement{position:absolute;right:20px;top:78px;width:286px;display:flex;align-items:center;gap:13px;padding:14px 17px;border:1px solid #e3c5848a;border-radius:12px;background:linear-gradient(125deg,#3e3548f5,#263342f5);box-shadow:0 6px 24px #13213233;pointer-events:none;z-index:6;text-shadow:none}
#reward-announcement>i{font-size:38px;color:#f1cd84;line-height:1;font-style:normal}
#reward-announcement>div{min-width:0}#reward-announcement small{display:block;font-size:8px;letter-spacing:1.8px;color:#ddc5e9;font-weight:800}#reward-announcement b{display:block;font-size:22px;line-height:1.2;margin:4px 0;color:#fff0c9;font-weight:900;letter-spacing:-.3px}#reward-announcement span{display:block;font-size:8px;letter-spacing:.5px;color:#e4cb98}
.reward-active #kill-feed{top:185px}
#unlock-toast{top:272px;left:20px;width:248px;max-width:248px;padding:13px 15px;border-radius:11px;border-color:#cfb2f777}#unlock-toast small{display:block;font-size:9px;letter-spacing:1.4px;font-weight:850;color:#d5b8fc}#unlock-toast b{display:block;font-size:16px;line-height:1.15;margin:5px 0 6px;color:#f2e6ff}#unlock-toast span{display:block;font-size:11px;line-height:1.5;color:#ddcde9}
.ammo-block.charging .ammo-track i{background:#f1d18f}.ammo-block.charging{border-color:#e9cb91aa}.ammo-block.charging #gun-label,.ammo-block.charging #reload-hint{color:#ffe0a2}
body:has(.ammo-block.charging) [data-touch="grenade"],body:has(.ammo-block.charging) #grenade-button{background:linear-gradient(90deg,#b89b55bb var(--grenade-charge),#34442ddf var(--grenade-charge));border-color:#f0d491}
@media(min-width:1200px){#unlock-toast{top:18px;left:218px;width:248px;max-width:248px}}
@media(max-width:900px){#kill-confirmation{width:350px;max-width:calc(100vw - 390px);padding:9px 13px}#kill-confirmation h2,#kill-confirmation.is-assist h2{font-size:18px;line-height:22px}#kill-confirmation p{font-size:9px;line-height:12px}#reward-announcement{width:240px;top:114px;right:12px;padding:11px 13px}#reward-announcement>i{font-size:29px}#reward-announcement b{font-size:19px}.reward-active #kill-feed{top:208px}#unlock-toast{top:210px;left:12px;width:202px;max-width:202px}#unlock-toast b{font-size:14px}#unlock-toast span{font-size:10px}}
@media(max-width:500px){
 #kill-confirmation{left:12px;right:auto;top:auto;bottom:8px;transform:none;width:240px;max-width:calc(100vw - 130px);padding:6px 8px;border-radius:8px}
 #kill-confirmation h2,#kill-confirmation.is-assist h2{font-size:14px;line-height:18px;letter-spacing:-.2px}#kill-confirmation p{font-size:8px;line-height:10px;letter-spacing:0;margin-top:2px}
 #reward-announcement{left:12px;right:auto;top:178px;width:170px;padding:9px 10px;gap:7px;border-radius:9px}#reward-announcement>i{font-size:23px}#reward-announcement small{font-size:6px;letter-spacing:.6px}#reward-announcement b{font-size:14px;margin:3px 0}#reward-announcement span{font-size:6px;letter-spacing:0}
 .reward-active #kill-feed{top:176px}.touch-device.reward-active #kill-feed{top:214px}
 #unlock-toast{left:12px;top:238px;width:170px;max-width:170px;padding:9px 11px}#unlock-toast small{font-size:7px;letter-spacing:.8px}#unlock-toast b{font-size:12px;margin:4px 0}#unlock-toast span{font-size:8px;line-height:1.5}
}
@media(min-width:501px) and (max-height:600px){#kill-confirmation{max-width:calc(100vw - 390px);width:380px;padding:8px 12px}#kill-confirmation h2,#kill-confirmation.is-assist h2{font-size:18px;line-height:22px}#kill-confirmation p{font-size:8px;line-height:11px}#reward-announcement{left:auto;right:12px;top:108px;width:210px;padding:9px 12px}#reward-announcement b{font-size:17px}#reward-announcement>i{font-size:27px}#reward-announcement small{font-size:6px}#reward-announcement span{font-size:7px}.reward-active #kill-feed{top:184px}#unlock-toast{left:15px;top:148px;width:170px;max-width:170px;padding:9px 11px}#unlock-toast b{font-size:12px}#unlock-toast small{font-size:7px}#unlock-toast span{font-size:8px}}

@media(max-width:500px){#unlock-toast span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:501px) and (max-height:600px){#kill-confirmation{width:clamp(170px,calc(100vw - 680px),340px);max-width:none}#kill-confirmation h2,#kill-confirmation.is-assist h2{font-size:14px;line-height:18px}#kill-confirmation p{font-size:7px;line-height:10px}}

@media(min-width:501px) and (max-height:600px){.touch-device.reward-active #kill-feed{display:none}}

#kill-confirmation:not([hidden]) ~ #controls-hint{visibility:hidden}

/* Combat feedback stays legible while the arena remains visible. */
#crosshair{width:calc(20px + var(--rifle-bloom,0)*16px);height:calc(20px + var(--rifle-bloom,0)*16px)}
#crosshair i:nth-child(1),#crosshair i:nth-child(2){left:calc(50% - 1px)}#crosshair i:nth-child(3),#crosshair i:nth-child(4){top:calc(50% - 1px)}
#kill-feed .your-death{background:#583443ed;border-left:3px solid #f39794;color:#fff0e2}#kill-feed .your-death strong{color:#ffb4b0;margin-right:4px}
#climb-hint{position:absolute;bottom:166px;right:24px;max-width:220px;background:#253d36e8;color:#d9edb9;border:1px solid #9cb77b66;border-radius:7px;padding:8px 11px;font-size:9px;letter-spacing:.7px}
#death-focus{position:fixed;z-index:5;left:calc((100vw - 400px)/2);top:32%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;padding:15px 22px;border-radius:13px;background:#22303ce8;border:1px solid #e7b49b44;box-shadow:0 5px 30px #16222a33;max-width:calc(100vw - 450px)}
#death-focus small{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:#f2b6a4}#death-focus b{display:block;font-size:30px;line-height:1.2;margin:6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#death-focus span{font-size:11px;letter-spacing:1px;color:#f6dfb4}#death-focus em{display:block;font-style:normal;font-size:8px;letter-spacing:1.5px;color:#accfc5;margin-top:11px}
@media(max-width:1000px){#death-focus{left:50%;top:18%;max-width:85vw;padding:9px 16px}#death-focus b{font-size:23px;margin:4px 0}#death-focus small{font-size:7px}#death-focus em{margin-top:5px;font-size:7px}#death-focus span{font-size:9px}}
@media(max-width:500px){#death-focus{top:16%;width:86vw}#death-focus b{font-size:23px}#climb-hint{right:12px;bottom:312px;font-size:7px;max-width:180px}}
@media(min-width:501px) and (max-height:600px){#death-focus{left:25%;top:28%;max-width:42vw}#death-focus b{font-size:20px}#climb-hint{right:15px;bottom:185px;font-size:7px}}

@media(max-width:650px){#menu-context{max-width:calc(100vw - 120px);overflow-x:auto;white-space:nowrap;justify-content:flex-start;scrollbar-width:thin}#menu-context button{flex-shrink:0;padding:8px 7px;font-size:8px}}

#climb-hint{left:20px;right:auto;top:274px;bottom:auto;max-width:178px;line-height:1.5}
#reward-announcement:not([hidden]) ~ #climb-hint,#unlock-toast:not([hidden]) ~ #climb-hint{display:none}
@media(max-width:500px){#climb-hint{left:12px;right:auto;top:178px;bottom:auto;max-width:170px}}
@media(min-width:501px) and (max-height:600px){#climb-hint{left:150px;right:auto;top:110px;bottom:auto;max-width:180px}}
.map-votes{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Phone controls: independent full-size touch zones, with actions above both. */
.touch-settings{display:none}
body.touch-device{overscroll-behavior:none;-webkit-user-select:none;user-select:none}
body.touch-device #arena{touch-action:none}
body.touch-device #touch-controls{position:absolute;inset:0;z-index:5;pointer-events:none;touch-action:none}
body.touch-device #move-pad{left:0;bottom:0;top:auto;width:min(46%,calc(100% - 210px));height:65%;border:0;border-radius:0;background:none;display:block;font-size:inherit;touch-action:none}
body.touch-device .move-ring{position:absolute;left:var(--origin-x,84px);top:var(--origin-y,calc(100% - 164px - env(safe-area-inset-bottom)));width:112px;height:112px;transform:translate(-50%,-50%);border:2px solid #e8dbff66;background:#25304550;border-radius:50%;pointer-events:none}
body.touch-device .move-ring i{position:absolute;left:50%;top:50%;width:46px;height:46px;transform:translate(calc(-50% + var(--stick-x,0px)),calc(-50% + var(--stick-y,0px)));border-radius:50%;background:#ded2f09c;border:2px solid #f5ecff9c;box-shadow:0 2px 10px #15212b44}
body.touch-device .move-ring span{position:absolute;top:100%;left:0;right:0;text-align:center;margin-top:8px;font-size:9px;letter-spacing:1px;color:#fff9}
body.touch-device #move-pad.held .move-ring{background:#bba2f42b;border-color:#dec5ffbb}
body.touch-device #look-pad{left:min(46%,calc(100% - 210px));right:0;top:0;bottom:0;width:auto;height:auto;touch-action:none}
body.touch-device .touch-buttons{inset:auto max(18px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) auto;width:184px;height:236px;display:block;pointer-events:none}
body.touch-device .touch-buttons button{position:absolute;width:52px;height:52px;margin:0;min-height:0;font-size:9px;font-weight:800;border:1px solid #ecdbff80;background:#273448cc;border-radius:50%;touch-action:none;transition:none;-webkit-touch-callout:none;z-index:1}
body.touch-device .touch-buttons button:is(.held,.selected){background:#9876bfdd;border-color:#ead6ff;box-shadow:inset 0 0 0 2px #e2caff77;transform:none}
body.touch-device .touch-buttons [data-touch="grenade"]{left:0;top:0;font-size:9px;background:#34482cdd}
body.touch-device .touch-buttons [data-touch="grenade"] b{display:block;font-size:13px}
body.touch-device .touch-buttons [data-touch="reload"]{right:0;top:0}
body.touch-device .touch-buttons [data-touch="swap"]{right:60px;top:0}
body.touch-device .touch-buttons [data-touch="aim"]{left:0;top:68px}
body.touch-device .touch-buttons [data-touch="jump"]{left:0;bottom:0}
body.touch-device .touch-buttons .touch-fire{right:0;bottom:4px;width:104px;height:104px;font-size:17px;background:#a58bcbd9;border:2px solid #ead8ff99}
body.touch-device .touch-buttons [data-touch="autoFire"]{right:0;top:68px;width:72px;height:52px;border-radius:18px;font-size:9px;background:#47526cdd}
body.touch-device .touch-buttons [data-touch="autoFire"].selected{background:#b66b62;border-color:#ffe7c5}
body.touch-device .touch-fire span{display:block;font-size:7px;margin-top:5px;font-weight:500;letter-spacing:.2px}
.touch-look-hint{display:none}
body.touch-device .touch-look-hint{display:block;position:absolute;left:18px;right:140px;top:calc(100% - 290px - env(safe-area-inset-bottom));text-align:center;font-size:8px;color:#fff9;pointer-events:none}
body.touch-device .health-block{left:max(18px,env(safe-area-inset-left));bottom:calc(12px + env(safe-area-inset-bottom));min-width:110px;width:110px;padding:0;pointer-events:none}
body.touch-device .ammo-block{right:max(18px,env(safe-area-inset-right));bottom:calc(276px + env(safe-area-inset-bottom));width:120px;padding:0;pointer-events:none}
body.touch-device .health-block b,body.touch-device .ammo-block b{font-size:28px}
body.touch-device .health-block :is(.health-rule,#stamina-label),body.touch-device .ammo-block>span,body.touch-device #grenade-button{display:none}
body.touch-device .hud-left{left:max(12px,env(safe-area-inset-left));top:calc(12px + env(safe-area-inset-top))}
body.touch-device .hud-nav{top:calc(78px + env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));bottom:auto}
body.touch-device .hud-nav button{min-height:44px;min-width:44px;padding:8px;font-size:10px}
body.touch-device .hud-nav button[data-open="look"],body.touch-device .hud-nav button[data-open="team"]{display:none}
body.touch-device .match-strip{top:calc(12px + env(safe-area-inset-top))}
body.touch-device #connection,body.touch-device .personal-mini{display:none}
body.touch-device #kill-feed{top:calc(137px + env(safe-area-inset-top));right:12px}
body.touch-device.playing .player-chat.pc-compact{top:calc(132px + env(safe-area-inset-top))!important;bottom:auto!important}
body.touch-device .pc-compact .pc-activity{top:calc(100% + 8px);bottom:auto}
body.touch-device .touch-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
body.touch-device .form-row.touch-settings>label{min-width:0;flex:1 1 160px}
body.touch-device .touch-settings select{max-width:100%}
body.touch-device p.touch-settings{display:block;font-size:12px}
body.touch-device input,body.touch-device select{font-size:16px}
@media(orientation:landscape) and (max-height:600px){
 body.touch-device .touch-buttons{bottom:calc(18px + env(safe-area-inset-bottom));width:218px;height:178px}
 body.touch-device .touch-buttons .touch-fire{width:96px;height:96px}
 body.touch-device .touch-buttons [data-touch="aim"]{top:62px}
 body.touch-device .touch-buttons [data-touch="autoFire"]{left:60px;right:auto;top:62px;width:52px;height:52px;font-size:8px}
 body.touch-device .move-ring{left:var(--origin-x,calc(84px + env(safe-area-inset-left)));top:var(--origin-y,calc(100% - 90px - env(safe-area-inset-bottom)));width:100px;height:100px}
 body.touch-device .health-block{left:calc(150px + env(safe-area-inset-left))}
 body.touch-device.playing .player-chat.pc-compact{top:calc(64px + env(safe-area-inset-top))!important;left:calc(112px + env(safe-area-inset-left))!important;right:auto!important}
 body.touch-device .ammo-block{right:calc(252px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}
 body.touch-device .hud-nav{top:calc(12px + env(safe-area-inset-top))}
 body.touch-device .hud-left .map-frame{width:80px}
 body.touch-device .hud-left .map-frame canvas{width:78px;height:68px}
 body.touch-device .map-frame>span{display:none}
 body.touch-device .touch-look-hint{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:280px;right:350px;font-size:7px}
 body.touch-device #kill-feed{top:calc(64px + env(safe-area-inset-top));font-size:8px}
 body.touch-device .death-panel{top:8px;max-height:calc(100dvh - 16px);overflow:auto}
 body.touch-device .match-strip{left:50%;right:auto;transform:translateX(-50%)}
 body.touch-device .team-score small{display:none}
}
@media(orientation:landscape) and (max-height:600px){
 body.touch-device .home-top{top:12px;left:5%;right:5%}
 body.touch-device .hero{top:66px;left:6%;transform:none;max-width:48%;padding-bottom:52px}
 body.touch-device .hero h1{font-size:52px;letter-spacing:-3px;margin:10px 0}
 body.touch-device .hero>p{font-size:16px;line-height:1.2;margin:10px 0}
 body.touch-device .hero-actions .play-button{font-size:14px;padding:12px 16px;min-width:190px}
 body.touch-device .secondary-actions{margin-top:8px;gap:18px}
 body.touch-device .secondary-actions button{min-height:44px}
 body.touch-device .home-career{right:6%;top:115px;bottom:auto;width:250px}
 body.touch-device .home-bottom{left:6%;right:6%;bottom:12px;padding-top:8px;pointer-events:none}
 body.touch-device .home-bottom strong{font-size:26px}
 body.touch-device .home{overflow:auto}
}

/* Both thumbs belong to the arena, including touches begun on different HUD layers. */
body.touch-device.playing:not(:has(dialog[open])) #hud{touch-action:none}
body.touch-device.playing:not(:has(dialog[open],#scoreboard:not([hidden]),#death:not([hidden]),#round-end:not([hidden]))){touch-action:none;overscroll-behavior:none}