@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#202323;--green:#d8fa65;--muted:#747b78}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #698dff;outline-offset:3px}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100%;z-index:-1}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);text-decoration:none;font:700 25px 'Space Grotesk',sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:7px}.brand>span:not(.logo){font-weight:400;margin-left:-7px}.logo{font-size:38px}.brand sup{font-size:11px;background:var(--green);padding:3px 6px;border-radius:5px;align-self:flex-start;margin-top:15px}.tag{font-size:10px;letter-spacing:1.5px;font-weight:700}.tag i,.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#91bc37;margin-right:8px}.small{background:white;border:1px solid #d9ddda;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:600}main{max-width:750px;margin:28px 0 60px 8%;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font:700 clamp(70px,7.6vw,112px)/.93 'Space Grotesk',sans-serif;letter-spacing:-7px;margin:24px 0}h1 em{font-style:normal;background:var(--green);padding:0 13px 8px;border-radius:14px;display:inline-block;transform:rotate(-3deg)}.burst{font-size:74px;display:inline-block;margin-left:24px;vertical-align:top;padding-top:12px}.intro{font-size:14px;line-height:1.8;color:#626965;margin:30px 0}.setup{display:flex;gap:25px;align-items:flex-end;margin:30px 0}label,.hudlabel{font-size:9px;font-weight:700;letter-spacing:1.5px}.field{display:flex;flex-direction:column;gap:8px;width:260px}input{background:white;border:1px solid #ced4cf;border-radius:9px;padding:12px 14px;min-width:0}#colors{display:flex;gap:8px;margin-top:10px}.color{width:26px;height:26px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #dadfd9;padding:0}.color.selected{box-shadow:0 0 0 2px #202323}.labelrow{display:flex;justify-content:space-between;margin:27px 0 12px;font-size:9px;letter-spacing:1.3px;font-weight:700}.labelrow span+span{color:#858c85;letter-spacing:0;font-weight:400}.weapons{display:flex;gap:12px}.weapon{flex:1;position:relative;text-align:left;background:#fff;border:1px solid #d4d9d3;border-radius:13px;padding:15px 17px;transition:transform .2s,background .2s}.weapon:hover{transform:translateY(-3px)}.weapon.selected{background:#f1fbdc;border:2px solid #252b21;padding:14px 16px;box-shadow:3px 3px 0 #202323}.weapon svg{width:78px;height:42px;display:block;margin:4px 0 10px}.weapon b{font:700 16px 'Space Grotesk',sans-serif;display:block}.weapon p{font-size:10px;color:#6f776c;margin:5px 0 12px}.weapon small{font-size:8px;font-weight:700;letter-spacing:1px}.check{position:absolute;right:13px;top:12px;font-size:14px}.actions{display:flex;gap:12px;align-items:center}.primary,.secondary{border:1.5px solid #202323;border-radius:9px;padding:15px 19px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:25px}.primary{background:var(--green);box-shadow:3px 3px 0 #202323}.primary:hover{background:#c9ed4b;transform:translateY(-1px)}.secondary{background:white}.practice{border:0;border-bottom:1px solid #a1a79f;background:transparent;padding:5px 0;font-size:11px;margin-left:10px}#status{font-size:11px;color:#747c70;margin:18px 0;min-height:16px}#joinform{display:flex;gap:10px;margin-top:16px}.controls{display:flex;gap:20px;color:#828881;font-size:10px;margin-top:28px}kbd{display:inline-block;background:white;border:1px solid #d5dbd1;border-radius:4px;font-family:inherit;font-size:9px;padding:4px 7px;color:#42493e}.hero-bubble{position:absolute;width:210px;height:210px;top:31%;right:9%;border:3px solid #242b21;border-radius:50%;background:radial-gradient(circle at 32% 25%,#f3ffd3 0,#d8fa65 40%,#b8db4b 100%);box-shadow:11px 14px 0 #20232315;transform:rotate(-13deg);animation:bob 5s ease-in-out infinite;z-index:-1}.bubble-shine{position:absolute;width:45px;height:21px;background:#fff9;border-radius:50%;top:30px;left:36px;transform:rotate(-35deg)}.hero-gun{position:absolute;width:115px;height:38px;background:#424943;border:3px solid #202323;right:-74px;top:97px;border-radius:6px}.hero-gun:after{content:'';position:absolute;left:8px;top:30px;width:32px;height:42px;background:#747669;border:3px solid #202323;border-radius:5px;transform:rotate(-18deg)}.hero-gun:before{content:'';position:absolute;right:15px;top:-10px;width:5px;height:8px;background:#202323}.bubble-label{position:absolute;bottom:-42px;width:100%;text-align:center;font:700 9px 'Space Grotesk';letter-spacing:2px}.bubble-caption{position:absolute;top:-65px;right:-58px;transform:rotate(15deg);font:500 13px 'Space Grotesk';line-height:1.3;color:#747c70}@keyframes bob{50%{transform:translateY(-15px) rotate(-9deg)}}footer{border-top:1px solid #dbe1d8;margin:0 5%;padding:20px 0;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#7c8477}footer b{font-weight:500;color:#343c2e}body.playing{overflow:hidden}body.playing header{height:78px}body.playing .tag,body.playing #sound{display:none}#hud{position:fixed;inset:0;pointer-events:none}#hud button{pointer-events:auto}.matchbar{position:absolute;top:24px;right:30px;display:flex;gap:25px;align-items:center;font-size:11px}.matchbar b{font-size:9px;letter-spacing:1px}.live{color:#84b439;margin-right:5px}#roomlabel{margin-left:12px;color:#71796b;font-size:10px}.scoreboard{position:absolute;right:28px;top:93px;background:#ffffffee;border:1px solid #d5dbd2;border-radius:12px;padding:17px;width:220px}.scoreline{display:flex;gap:9px;align-items:center;margin-top:12px;font-size:11px}.scoreline .dot{width:11px;height:11px;border-radius:50%;border:1px solid #30372b}.scoreline b{margin-left:auto}.scoreboard p{font-size:9px;color:#7b8375;margin:15px 0 0}.bottomhud{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:28px;background:#ffffffee;border:1px solid #cfd5c9;border-radius:14px;padding:17px 22px;align-items:center;box-shadow:0 5px 20px #26351c08;min-width:530px}.hudlabel{display:block;color:#7b8473;margin-bottom:7px}.bottomhud b{display:block;font:700 17px 'Space Grotesk'}.health{width:140px;height:5px;background:#e7ebdf;margin-top:8px;border-radius:3px}.health i{display:block;height:100%;background:#a3cc44;border-radius:3px}.ammo b{font-size:24px}.ammo>span:last-child{font-size:9px;color:#7b8473}.keys{font-size:10px;line-height:1.8;color:#7b8473;border-left:1px solid #d9dece;padding-left:20px}#centerNotice{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);text-align:center;font:700 32px 'Space Grotesk';background:#fffffff0;padding:20px;border-radius:15px;display:none}#centerNotice small{font:400 13px 'DM Sans';display:block;margin-top:10px}#feed{position:absolute;left:30px;top:95px;font-size:11px;color:#65715b}#feed div{margin-bottom:8px;background:#ffffffdf;padding:7px 10px;border-radius:6px}#netstatus{position:absolute;left:30px;bottom:25px;color:#718365;font-size:10px}@media(min-width:1500px){main{margin-left:14%;margin-top:55px}}@media(max-width:1100px){main{max-width:640px;margin-left:5%}.hero-bubble{right:4%;width:145px;height:145px;top:26%}.hero-gun{top:60px;width:80px;right:-45px}h1{font-size:85px}}@media(max-width:800px){header{height:78px}.tag,.hero-bubble{display:none}main{margin:25px 5% 40px;max-width:none}h1{font-size:78px;letter-spacing:-5px}.weapons{gap:8px}.weapon{padding:12px}.weapon.selected{padding:11px}.weapon svg{width:62px}.actions{flex-wrap:wrap}.actions .primary,.actions .secondary{flex:1}.practice{margin:7px auto}.controls{gap:10px;flex-wrap:wrap}.labelrow span+span{display:none}footer span+span{display:none}.scoreboard{width:160px;right:12px;top:75px;padding:12px}.matchbar{top:26px;right:12px;gap:8px}.matchbar>div:first-child{display:none}.bottomhud{bottom:12px;min-width:0;width:calc(100% - 24px);gap:20px;padding:12px}.keys{display:none}.ammo{margin-left:auto}body.playing .brand{font-size:18px}.scoreline{font-size:10px}#netstatus{bottom:100px;left:16px}}

.progression{position:absolute;bottom:140px;left:50%;transform:translateX(-50%);width:530px;background:#fffffff2;border:1px solid #cfd5c9;border-radius:10px;padding:12px 16px}.xptitle{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px}.xptitle b{font-family:Space Grotesk,sans-serif}.xptitle span{color:#718064;font-size:9px}.xpbar{height:8px;background:#e5ecd9;border-radius:5px;margin:9px 0;overflow:hidden}.xpbar i{display:block;height:100%;width:0;background:#b5dc4a;border-radius:5px;transition:width .15s linear}#xpnote{font-size:9px;color:#718064}#upgradepanel{position:absolute;top:170px;left:28px;width:300px;background:#fff;border:2px solid #202323;border-radius:14px;padding:19px;box-shadow:4px 4px 0 #202323;pointer-events:auto}#upgradepanel h2{font:700 23px Space Grotesk,sans-serif;letter-spacing:-1px;margin:10px 0}.upgradesub{font-size:11px;color:#737d6b;line-height:1.6}.upgradeoption{width:100%;text-align:left;border:1px solid #bbc9a7;border-radius:10px;background:#f5fae9;padding:13px;margin:6px 0}.upgradeoption:hover{background:#e4f7b8;border-color:#202323}.upgradeoption b{font:700 16px Space Grotesk,sans-serif}.upgradeoption p{font-size:11px;color:#737d6b;margin:6px 0}.upgradeoption small{font-size:9px;font-weight:700}.upgradefoot{font-size:9px;color:#7a826f;display:block;margin-top:10px}@media(max-width:800px){.progression{bottom:110px;width:calc(100% - 24px);padding:10px 13px}#upgradepanel{top:80px;left:12px;width:min(300px,calc(100% - 190px));padding:12px}#upgradepanel h2{font-size:18px}.upgradesub,.upgradefoot{display:none}.upgradeoption{padding:10px}.upgradeoption b{font-size:13px}.upgradeoption p{font-size:10px}#netstatus{bottom:185px}#feed{top:65px}body:has(#upgradepanel:not([hidden])) #feed{display:none}}


#teleportbutton{position:absolute;bottom:235px;left:50%;transform:translateX(-50%);background:#d8fa65;border:1px solid #202323;padding:11px 22px;font-weight:700}#teleportbutton:disabled{background:#edf2e4;opacity:.85;cursor:default}@media(max-width:800px){#teleportbutton{bottom:205px}}

/* Keep gameplay information at the screen edges. */
body.playing header{height:55px;padding:0 14px;pointer-events:none}body.playing .brand{font-size:17px;pointer-events:auto}body.playing .logo{font-size:25px}body.playing .brand sup{display:none}
.matchbar{top:12px;right:14px;gap:12px}.matchbar>div:last-child{display:flex;gap:5px}.matchbar .small{font-size:10px;padding:8px 10px}.matchbar>div:first-child{font-size:9px}.matchbar #roomlabel{font-size:9px}
.scoreboard{top:53px;right:14px;width:185px;padding:12px;background:#fffffff0}.scoreheading{display:flex;justify-content:space-between;align-items:center;gap:8px}.scoreheading .hudlabel{margin:0}.scoreheading .small{padding:0;border:0;background:transparent;font-size:22px;line-height:24px;min-width:24px;min-height:24px}.scoreline{margin-top:9px;font-size:10px}.scoreboard p{margin-top:10px;font-size:8px}
.bottomhud{bottom:14px;left:14px;transform:none;min-width:0;width:280px;gap:20px;padding:10px 13px;border-radius:10px;box-shadow:none;background:#ffffffe6;min-height:65px}.bottomhud>div:first-child{flex:1;min-width:0}.bottomhud>div:first-child>.hudlabel,.bottomhud #playerlabel,.bottomhud .keys{display:none}.health{width:100%;max-width:105px;height:6px;margin:0}.bottomhud>div:first-child:before{content:'HEALTH';display:block;font-size:8px;letter-spacing:1px;color:#7b8473;margin-bottom:7px}.ammo .hudlabel{font-size:8px;letter-spacing:.5px;margin-bottom:3px}.ammo b{font-size:16px}.ammo #reloadhint{display:none}.ammo{margin-left:auto;min-width:105px}
.progression{bottom:88px;left:14px;transform:none;width:280px;padding:8px 12px;border-radius:8px;background:#ffffffe6}.xptitle{font-size:9px}.xptitle span{font-size:8px}.xpbar{height:5px;margin:6px 0 0}#xpnote{display:none}
#teleportbutton{bottom:14px;left:304px;transform:none;padding:10px 13px;font-size:10px}
#upgradepanel{top:auto;bottom:143px;left:14px;width:280px;padding:12px;border-width:1px;box-shadow:2px 2px 0 #202323}#upgradepanel h2{font-size:17px;letter-spacing:-.5px;margin:10px 0}.upgradesub,.upgradefoot{display:none}.upgradeoption{padding:10px;margin:4px 0}.upgradeoption b{font-size:13px}.upgradeoption p{font-size:10px;line-height:1.5;margin:5px 0}.upgradeoption small{font-size:8px}
#feed{top:60px;left:14px;font-size:9px;max-width:220px}#feed div{padding:4px 7px;margin-bottom:4px;background:#ffffffb3}#netstatus{bottom:139px;left:14px;font-size:8px;max-width:280px}body:has(#upgradepanel:not([hidden])) #netstatus{display:none}
@media(max-width:800px){.matchbar>div:first-child{display:none}body.playing .brand{font-size:14px}.matchbar{right:10px;top:12px}.matchbar .small{font-size:9px;padding:7px 8px}.bottomhud{bottom:10px;left:10px;width:250px;padding:9px 11px;min-height:59px;gap:14px}.progression{bottom:78px;left:10px;width:250px}#teleportbutton{bottom:10px;left:auto;right:10px;max-width:100px;padding:10px;font-size:9px}#upgradepanel{bottom:128px;left:10px;width:250px;max-height:calc(100vh - 190px);overflow-y:auto}.scoreboard{top:48px;right:10px;width:165px}#netstatus{bottom:126px;left:10px}#feed{top:55px}.ammo{min-width:100px}}
@media(max-width:460px){body.playing .brand{display:none}.matchbar{left:10px;right:10px;justify-content:flex-end}.matchbar>div:last-child{gap:4px}}