@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--yellow:#dfff71;--ink:#121918;--muted:#8b9691;--paper:#edf0e8}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Barlow,Arial,sans-serif;background:#182627;color:var(--paper)}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:hover{filter:brightness(1.1)}button:active{transform:translateY(1px)}[hidden]{display:none!important}#game{position:fixed;inset:0;width:100%;height:100%;display:block}.vignette{pointer-events:none;position:fixed;inset:0;background:linear-gradient(90deg,rgba(8,19,22,.88) 0%,rgba(8,19,22,.3) 52%,rgba(8,19,22,.25)),linear-gradient(0deg,rgba(8,19,22,.8),transparent 22%);transition:opacity .4s}.playing .vignette{opacity:0}.screen{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 4.4vw}header{height:104px;display:flex;align-items:center;border-bottom:1px solid #bcd4c229;gap:30px}.brand{display:flex;align-items:center;font-weight:800;font-size:21px;letter-spacing:-.6px;color:#fff;text-decoration:none;gap:5px}.brand-icon{width:34px;height:34px;background:var(--yellow);color:var(--ink);font-size:27px;font-weight:900;display:inline-flex;justify-content:center;align-items:center;position:relative;margin-right:9px;transform:skew(-9deg)}.brand-icon span{font-size:18px;margin-left:-9px;margin-top:-11px}.brand-light{font-weight:500;color:#d2d9cf}.build{font-size:10px;letter-spacing:1.7px;color:#adbbb3;margin-left:auto}.build i{display:inline-block;width:4px;height:4px;background:#dfff71;border-radius:50%;margin:0 14px}.icon-button{background:#10202055;border:1px solid #c2d3c537;color:#dbe4da;border-radius:4px;padding:12px 15px;letter-spacing:1px;font-size:10px;font-weight:700}main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 0}.hero{padding-bottom:12px}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:2px}.eyebrow{color:#d4e5ce;display:flex;align-items:center;gap:10px;margin-bottom:23px}.eyebrow span{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 18px #dfff71}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(76px,8.7vw,142px);line-height:.82;letter-spacing:-1.5px;margin:0 0 27px;font-weight:900}h1 em{color:var(--yellow);font-style:normal}.hero p{font-size:16px;color:#c0cbc5;line-height:1.65}.hero-meta{display:flex;gap:28px;margin-top:32px}.hero-meta span{font-size:10px;letter-spacing:1px;color:var(--yellow);display:flex;gap:10px;align-items:center}.hero-meta b{color:#c0cbc5;font-size:9px}.match-panel{width:390px;flex-shrink:0;background:#121d1cf0;border:1px solid #b4c8b32b;border-top:3px solid var(--yellow);padding:27px 27px 20px;box-shadow:0 20px 60px #07131166;border-radius:4px}.panel-top{display:flex;justify-content:space-between;align-items:center}.section-label{color:var(--yellow)}.pill{font-size:8px;letter-spacing:.5px;border:1px solid #59764b70;color:#b6d09e;border-radius:20px;padding:6px 9px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;letter-spacing:-.5px;margin:22px 0 5px;line-height:1.1}.muted{color:#8b9991;font-size:12px;margin:0 0 24px}.field-label{display:block;color:#b8c4bc;font-size:9px;letter-spacing:1.2px;font-weight:700;margin-bottom:9px}input:not([type=range]),select{background:#202c28;border:1px solid #4d605344;color:#e7ecdf;border-radius:3px;padding:12px;width:100%;font-size:12px;height:41px}select{cursor:pointer}.field-row{display:flex;gap:12px;margin-top:19px}.field-row>div{flex:1}.loadout-heading{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.loadout-heading>span:last-child{font-size:8px;color:#7f9185}.weapons{display:flex;gap:7px;margin-top:3px}.weapon{width:33.333%;background:#1d2925;border:1px solid #44564a70;color:#94a497;border-radius:3px;display:flex;align-items:center;flex-direction:column;padding:12px 3px 11px}.weapon svg{width:79px;height:36px;fill:currentColor;margin-bottom:8px}.weapon b{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:.7px;font-size:14px}.weapon>span{font-size:7px;margin-top:5px;letter-spacing:.4px}.weapon.selected{border-color:var(--yellow);background:#dfff7111;color:var(--yellow)}.play{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--yellow);color:#182415;font-size:14px;font-weight:800;letter-spacing:1.2px;border:0;border-radius:3px;padding:19px 20px;margin-top:24px}.play span{font-size:23px;line-height:14px}.play-note{text-align:center;font-size:10px;color:#7e9084;margin-top:13px}footer{border-top:1px solid #bcd4c229;min-height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px}.controls{display:flex;gap:21px}.controls span{font-size:10px;color:#aab8af;white-space:nowrap}kbd{font-family:inherit;background:#27363199;border:1px solid #7a96824d;box-shadow:0 2px 0 #0003;border-radius:3px;padding:5px 7px;font-size:8px;color:#d3ddcf;margin-right:6px}.footer-note{font-size:8px;letter-spacing:1.8px;color:#7b9185}#hud{position:absolute;inset:0;pointer-events:none}.hud-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}.hud-top button{pointer-events:auto}.mini-brand{font-size:15px;letter-spacing:1px;text-shadow:0 2px 4px #000}.mini-brand b{color:var(--yellow)}.scoreboard{background:#12221fce;border:1px solid #b5d3b733;padding:12px 22px;display:grid;grid-template-columns:auto 1px auto;grid-template-rows:auto auto;gap:4px 25px;min-width:245px;text-align:center;border-radius:4px}.scoreboard>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:800;grid-row:1}.scoreboard>small{font-size:8px;letter-spacing:1.5px;grid-row:2}.scoreboard>span:nth-of-type(2),.scoreboard>small:nth-of-type(2){grid-column:3}.divider{grid-row:1 / 3;background:#d0dfc82a;grid-column:2}.hud-bottom{position:absolute;bottom:35px;left:35px;right:35px;display:flex;justify-content:space-between;align-items:end;text-shadow:0 2px 5px #0009}.health-card{width:195px}.hud-bottom small{font-size:10px;letter-spacing:1.7px}.health-card div{display:flex;align-items:baseline;gap:10px;margin:5px 0}.health-card b{font-size:30px;color:var(--yellow)}.health-card strong,.weapon-hud strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:58px;line-height:1}.health-card span{font-size:12px;color:#d2dec6}.health-track{height:5px;background:#172921aa;width:100%}.health-track i{height:100%;background:var(--yellow);width:100%;transition:width .2s}.weapon-hud{text-align:right}.weapon-hud div{margin:6px 0 10px}.weapon-hud span{font-size:23px;color:#b6c9b4}#crosshair{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#efffdb;box-shadow:0 0 2px #000}#crosshair i:nth-child(1){width:2px;height:6px;left:11px;top:0}#crosshair i:nth-child(2){width:2px;height:6px;left:11px;bottom:0}#crosshair i:nth-child(3){height:2px;width:6px;top:11px;left:0}#crosshair i:nth-child(4){height:2px;width:6px;top:11px;right:0}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:38px;color:var(--yellow);opacity:0}#message{position:absolute;top:57%;width:100%;text-align:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;letter-spacing:2px;color:var(--yellow);text-shadow:0 2px 6px #000}#feed{position:absolute;right:30px;top:120px;text-align:right;font-size:12px;line-height:2.2}#feed div{background:#11221cc9;padding:1px 12px;margin:3px;border-right:2px solid var(--yellow)}#damage{position:absolute;inset:0;box-shadow:inset 0 0 100px 35px #e33b3066;opacity:0}.overlay{position:absolute;inset:0;background:#071915aa;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.dialog{width:460px;max-width:92vw;background:#14221f;border:1px solid #c9e0ba33;border-top:3px solid var(--yellow);border-radius:4px;padding:36px}.dialog h2{font-size:52px}.dialog p{color:#a6b8a9;font-size:14px;line-height:1.5}.secondary{background:transparent;border:1px solid #b3c6b23b;border-radius:3px;color:#c5d5c4;font-weight:600;font-size:11px;letter-spacing:1px;padding:14px;width:100%;margin-top:10px}.sensitivity{font-size:12px;color:#c4d3c0;display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:20px}.sensitivity input{width:140px;accent-color:var(--yellow)}.result-stats{display:flex;justify-content:space-between;margin:30px 0}.result-stats div{display:flex;flex-direction:column;gap:8px}.result-stats b{font-size:40px;font-family:'Barlow Condensed',Impact,sans-serif;color:var(--yellow)}.result-stats small{font-size:8px;letter-spacing:1px}#error{position:absolute;bottom:10px;background:#7d3026;padding:20px;z-index:100}body.aiming #crosshair{transform:translate(-50%,-50%) scale(.6)}@media(min-width:1600px){.match-panel{width:440px;padding:34px}main{padding:40px 2vw}}@media(max-height:780px) and (min-width:801px){header{height:80px}.match-panel{padding:20px 24px 16px}h2{margin-top:16px}.muted{margin-bottom:16px}.loadout-heading{margin-top:16px}.field-row{margin-top:15px}.play{margin-top:18px}main{padding:20px 0}footer{min-height:62px}h1{font-size:105px}.hero-meta{margin-top:22px}}@media(max-width:800px){body{overflow:auto}.screen{position:relative;min-height:100svh;padding:0 22px}header{height:78px}.build{display:none}.icon-button{margin-left:auto}.brand{font-size:16px}.brand-icon{width:27px;height:29px}main{flex-direction:column;align-items:stretch;gap:30px;padding:34px 0}.hero h1{font-size:88px;line-height:.85}.hero h1 br:nth-child(2){display:none}.hero h1 em{margin-left:12px}.eyebrow{font-size:8px;margin-bottom:18px}.hero p{font-size:13px;margin:18px 0}.hero-meta{margin-top:18px}.match-panel{width:100%;max-width:500px;align-self:center}.controls{flex-wrap:wrap;gap:15px}footer{padding:20px 0}.footer-note{display:none}.hud-top{left:15px;right:15px;top:15px}.mini-brand{display:none}.scoreboard{min-width:190px;gap:3px 12px}.hud-bottom{left:20px;right:20px}.hud-bottom small{font-size:8px}.health-card{width:130px}}

#game:focus{outline:none}
/* Gameplay v2 */
body.playing{overflow:hidden;overscroll-behavior:none;user-select:none}body.playing #game{cursor:none;touch-action:none}.playing #hud{overflow:hidden}#hud .hud-top{z-index:5}.mini-brand .points{font-size:9px;letter-spacing:1px;margin-top:8px;color:#d9e5cc}.points strong{font-size:18px;color:var(--yellow);margin-right:6px}.momentum{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:#e6f1d5}.momentum strong{font:600 32px 'Barlow Condensed',Impact,sans-serif}.momentum small{font-size:8px;letter-spacing:2px}.momentum span{margin-top:8px;color:var(--yellow);font-size:10px;letter-spacing:1px}.health-card strong,.weapon-hud strong{font-size:48px}.health-card{width:170px}.weapon-hud{min-width:170px}#message{top:62%;font-size:24px;transition:opacity .12s}#messageSub{position:absolute;top:calc(62% + 32px);width:100%;text-align:center;font-size:10px;letter-spacing:1.3px;text-shadow:0 2px 3px #000;color:#f0f8de}#hitmarker{font-size:30px;z-index:4;text-shadow:0 0 5px #152923}#hitmarker.kill{color:#ffe58c;transform:translate(-50%,-50%) scale(1.35)}#crosshair{width:19px;height:19px;z-index:4}#crosshair i:nth-child(1),#crosshair i:nth-child(2){left:8.5px;height:5px}#crosshair i:nth-child(3),#crosshair i:nth-child(4){top:8.5px;width:5px}#scope{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;z-index:2}.scope-ring{position:relative;width:min(78vh,88vw);height:min(78vh,88vw);border:3px solid #12251e;border-radius:50%;box-shadow:0 0 0 150vmax #07110fee, inset 0 0 40px #17312740}.scope-ring i,.scope-ring b{position:absolute;background:#12221b}.scope-ring i{width:100%;height:1px;left:0;top:50%}.scope-ring b{height:100%;width:1px;left:50%;top:0}.scope-ring span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:20px monospace;color:#dfff71}.scoped .hud-bottom,.scoped #message,.scoped #messageSub{z-index:3}#numbers{position:absolute;inset:0;pointer-events:none;z-index:4}.damage-number{position:absolute;font:700 23px 'Barlow Condensed',Impact,sans-serif;color:#fff;transform:translate(-50%,-50%);text-shadow:0 2px 2px #102719}.damage-number.head{color:#ffdf8b}#mouseNotice{position:absolute;top:101px;left:50%;transform:translateX(-50%);width:max-content;max-width:85%;text-align:center;background:#12261ce0;padding:8px 12px;border-radius:3px;font-size:9px;line-height:1.6;color:#c7d6be;z-index:6}#damageArrow{position:absolute;left:50%;top:50%;padding-bottom:230px;color:#ff775b;font-size:26px;opacity:0;z-index:4}#spawnProtection{position:absolute;bottom:150px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#dfff71}.reload-track{height:3px;width:100%;background:#bcd0b520;overflow:hidden}.reload-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:var(--yellow)}.sensitivity{display:grid;grid-template-columns:1fr 35px 140px;margin-top:16px;gap:8px}.sensitivity output{font-size:11px;color:var(--yellow);text-align:right}.dialog{max-height:95vh;overflow:auto}.dialog h2{font-size:42px}.dialog .play{margin-top:18px}#personalBest{font-size:11px;color:var(--yellow);letter-spacing:1.5px;text-align:center}#leaderboard{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:500px;max-width:92vw;background:#11231ef5;border:1px solid #809b6266;border-top:3px solid var(--yellow);padding:24px;box-shadow:0 10px 100px #0008;border-radius:4px;pointer-events:none}.board-title{font:700 28px 'Barlow Condensed',sans-serif;margin-bottom:20px}.board-title span{float:right;font:10px Barlow,sans-serif;color:var(--yellow);margin-top:10px}.board-head,#boardRows>div{display:grid;grid-template-columns:25px 1fr 35px 35px 65px;gap:10px;padding:12px 8px;font-size:12px}.board-head{font-size:9px;color:#9cb29d;border-bottom:1px solid #7d96734d}#boardRows>div.you{color:#dfff71;background:#dfff7112}#leaderboard p{font-size:10px;color:#91ab95;margin-bottom:0;text-align:center}#feed{z-index:5;top:138px;font-size:10px;max-width:40%}.playing .vignette{display:none}@media(max-width:800px){.hud-bottom{bottom:22px}.health-card{width:120px}.weapon-hud{min-width:120px}.hud-bottom small{font-size:7px}.weapon-hud #reloadLabel{display:block;max-width:140px;line-height:1.6}#feed{top:160px;right:16px}.momentum strong{font-size:26px}.momentum span{font-size:8px}#message{font-size:20px}#messageSub{font-size:8px;padding:0 15px}#mouseNotice{top:100px;font-size:8px;max-width:94%}.sensitivity{grid-template-columns:1fr 30px 120px}.sensitivity input{width:120px}}

/* Six primary choices; every kit includes its sidearm and melee slot. */
body:not(.playing){overflow-y:auto}.screen{position:relative;min-height:100svh;height:auto}.screen header{min-height:78px;height:78px}.screen footer{min-height:60px}.screen main{padding:24px 0}.match-panel{width:410px;padding:22px}.match-panel h2{margin-top:16px}.match-panel .muted{margin-bottom:18px}.weapons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.weapon{width:auto;padding:9px 3px}.weapon svg{height:26px;margin-bottom:5px}.weapon-description{color:#b5c6b7;font-size:11px;line-height:1.4;min-height:31px;margin:12px 0}.included-kit{padding:10px 0;border-top:1px solid #88a37a33;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:8px;letter-spacing:.5px;color:#cbdcb7}.included-kit>span{color:#78947b;margin-right:auto}.included-kit b{font-weight:600}.match-panel .play{margin-top:12px}.inventory{display:flex!important;justify-content:flex-end;gap:5px;margin:0 0 12px!important;white-space:nowrap}.inventory span{font:600 9px Barlow,Arial,sans-serif!important;color:#afc3ac!important;letter-spacing:.4px;padding:6px;border:1px solid #d3e9bf33;background:#12231bc9;border-radius:2px}.inventory span.active{color:#dfff71!important;border-color:#dfff7199;background:#304428cc}.weapon-hud .melee-ammo{font-size:28px;letter-spacing:2px}.weapon-hud{min-width:220px}body.playing .screen{display:none}@media(max-width:800px){.match-panel{width:100%}.screen main{padding:30px 0}.weapon-hud{min-width:180px}.inventory{gap:3px}.inventory span{font-size:7px!important;padding:5px 4px}.weapon-hud #reloadLabel{max-width:190px}.included-kit{font-size:7px}.health-card{width:110px}.momentum{margin:0 5px}}
@media(min-width:801px) and (max-height:850px){.screen header{height:60px;min-height:60px}.screen footer{min-height:48px}.screen main{padding:14px 0}.match-panel{padding:16px 22px}.match-panel h2,.match-panel>.muted{display:none}.match-panel>label[for=name]{margin-top:15px}.match-panel .field-row{margin-top:12px}.match-panel .loadout-heading{margin-top:15px}.weapon{padding:7px 3px}.weapon svg{height:23px}.weapon-description{margin:9px 0;min-height:28px;font-size:10px}.included-kit{padding:8px 0}.match-panel .play{padding:15px 18px;margin-top:8px}.play-note{margin-top:10px}.hero{padding-bottom:0}.hero-meta{margin-top:20px}}

/* Witty Warfare — Witty Games / WiT Web Co. */
.hero h1{font-size:clamp(62px,8vw,126px);line-height:.9}.brand{gap:6px}.brand-icon{font-size:24px}.publisher{font-size:12px;color:var(--yellow);font-weight:700;letter-spacing:.4px;margin-top:16px}.publisher span{color:#adbdac;font-size:10px;font-weight:500;margin-left:8px}.hero-meta{margin-top:24px}@media(max-width:800px){.hero h1{font-size:clamp(60px,13vw,92px)}.hero h1 em{margin-left:0}.brand{font-size:15px}.publisher{font-size:11px}.publisher span{font-size:9px}}

/* Arena picker: actual level plans, live scene preview and persistent selection. */
.hero{min-width:0;max-width:650px;flex:1}.map-selection{margin-top:26px;max-width:480px}.map-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.map-heading .field-label{margin:0}.map-heading>span:last-child{color:#b5c9b0;font-size:10px;letter-spacing:1px}.map-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.map-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:10px;background:#11241ee6;border:1px solid #b2c8a844;border-radius:4px;color:#d5e2cb;overflow:hidden}.map-card.selected{border-color:#dfff71;background:#2e422ae8;box-shadow:inset 0 2px 0 #dfff71}.map-thumb{display:block;height:64px;width:100%;margin-bottom:8px;opacity:.85}.map-thumb svg{display:block;height:100%;width:100%}.map-size{font-size:8px;font-weight:700;letter-spacing:1.6px;color:#a7bda0}.map-card.selected .map-size{color:#dfff71}.map-card b{font:700 21px 'Barlow Condensed',Impact,sans-serif;margin-top:3px}.map-detail{padding-top:12px;min-height:64px}.map-detail>span{color:#dfff71;font-size:8px;font-weight:700;letter-spacing:1.5px}.map-detail p{font-size:11px!important;color:#b3c7b3!important;line-height:1.5!important;margin:6px 0 0!important;max-width:440px}.hud-map{position:absolute;left:50%;top:100px;transform:translateX(-50%);font-size:9px;letter-spacing:1.4px;white-space:nowrap;color:#dfff71;text-shadow:0 2px 3px #14251c;background:#14251cba;padding:5px 10px;border-radius:3px;z-index:5}#mouseNotice{top:131px}#feed{top:170px}.board-title b{font-weight:700}.hero-meta{gap:15px}@media(min-width:801px) and (max-height:850px){.hero h1{font-size:clamp(58px,6.4vw,88px)}.hero .eyebrow{margin-bottom:17px}.hero>p{font-size:13px;margin:16px 0;line-height:1.5}.hero .publisher{margin-top:10px}.hero-meta{margin-top:16px}.map-selection{margin-top:20px}.map-thumb{height:50px;margin-bottom:6px}.map-card{padding:8px 10px}.map-card b{font-size:19px}.map-detail{padding-top:9px;min-height:59px}}@media(max-width:1000px) and (min-width:801px){main{gap:26px}.match-panel{width:365px}.map-card b{font-size:17px}.map-selection{max-width:100%}.map-size{font-size:7px}}@media(max-width:800px){.hero{max-width:none}.map-selection{max-width:500px;margin-top:24px}.map-thumb{height:54px}.map-card b{font-size:20px}.map-detail{min-height:60px}.hud-map{top:95px;font-size:8px}#mouseNotice{top:125px}#feed{top:172px}}