:root{--cyan:#3ff3ff;--cyan-d:#14b9e6;--orange:#ff9a2e;--magenta:#ff4fd8;--yellow:#ffe23a;--navy:#0b1d3d;--navy-2:#12305e;--ink:#06112a;--white:#f2f8ff;--font:"Barlow Condensed", "Avenir Next Condensed", "Arial Narrow", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--white);overscroll-behavior:none;touch-action:none;font-family:var(--font);-webkit-user-select:none;user-select:none;background:#6fb0ea;margin:0;font-weight:600;overflow:hidden}#view{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.screen{flex-direction:column;justify-content:center;align-items:center;gap:5vh;display:flex;position:fixed;inset:0}button{font-family:var(--font);cursor:pointer}.brand{flex-direction:column;align-items:center;font-style:italic;font-weight:900;line-height:.85;display:flex}.brand-main{color:var(--white);letter-spacing:.02em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:0 0 18px #3ff3ffe6, 4px 5px 0 var(--ink)}.brand-sub{color:var(--ink);background:linear-gradient(90deg, var(--cyan-d), var(--cyan));letter-spacing:.12em;box-shadow:4px 4px 0 var(--ink);margin-top:.15em;padding:.05em .5em;font-weight:900;transform:skew(-12deg)}.big-brand .brand-main{font-size:min(13vw,160px)}.big-brand .brand-sub{font-size:min(4.5vw,52px)}.press{letter-spacing:.25em;color:var(--white);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);cursor:pointer;padding:24px;font-size:30px;font-style:italic;font-weight:900;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35;transform:scale(.97)}}#lobby{pointer-events:none;position:fixed;inset:0}#lobby>*{pointer-events:auto}.topbar{padding:max(12px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 12px max(20px, env(safe-area-inset-left));background:linear-gradient(#06112ad9,#06112a00);align-items:center;gap:18px;display:flex;position:absolute;top:0;left:0;right:0}.mini-brand{flex-direction:row;align-items:baseline;gap:6px}.mini-brand .brand-main{-webkit-text-stroke:1px var(--ink);text-shadow:0 0 10px #3ff3ffcc, 2px 3px 0 var(--ink);font-size:30px}.mini-brand .brand-sub{box-shadow:2px 2px 0 var(--ink);margin:0;font-size:16px}.tabs{gap:4px;display:flex}.tab{letter-spacing:.04em;color:var(--white);background:#0b1d3dbf;border:2px solid #3ff3ff59;padding:6px 18px;font-size:19px;font-style:italic;font-weight:800;transform:skew(-12deg)}.tab.active{background:linear-gradient(90deg, var(--cyan-d), var(--cyan));color:var(--ink);border-color:var(--white)}.tab:hover{border-color:var(--cyan)}.wallet{background:#0b1d3dcc;border:2px solid #3ff3ff66;align-items:center;gap:8px;margin-left:auto;padding:4px 16px;font-size:24px;font-style:italic;font-weight:800;display:flex;transform:skew(-12deg)}.ticket-icon{background:linear-gradient(135deg, var(--yellow), var(--orange));border-radius:3px;width:30px;height:20px;display:inline-block;position:relative;-webkit-mask:radial-gradient(circle at 0,#0000 5px,#000 6px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 5px,#000 6px) 100%/51% 100% no-repeat;mask:radial-gradient(circle at 0,#0000 5px,#000 6px) 0/51% 100% no-repeat,radial-gradient(circle at 100%,#0000 5px,#000 6px) 100%/51% 100% no-repeat}.gear{color:var(--white);background:#0b1d3dcc;border:2px solid #3ff3ff66;width:44px;height:40px;font-size:26px}.mode-card{left:max(28px, env(safe-area-inset-left));border:3px solid var(--white);width:250px;box-shadow:6px 6px 0 var(--ink), 0 0 24px #3ff3ff59;background:#08142eeb;flex-direction:column;gap:6px;padding:10px;display:flex;position:absolute;bottom:36px}.mode-art{border:2px solid var(--ink);background:linear-gradient(#2a72d6 0%,#8fd0ff 70%,#0b2a5a 70%,#123a73 100%);height:120px;position:relative;overflow:hidden}.mode-art-tower{background:var(--navy);border:2px solid var(--cyan);border-bottom:0;width:10px;height:75%;margin-left:-5px;position:absolute;bottom:30%;left:50%}.mode-art-ring{border:3px solid var(--cyan);height:26px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:30%;left:15%;right:15%}.mode-name{margin-top:4px;font-size:30px;font-style:italic;font-weight:900;line-height:1}.mode-sub{letter-spacing:.08em;opacity:.85;font-size:16px}.change{letter-spacing:.1em;color:var(--white);background:var(--navy-2);border:2px solid #ffffff4d;padding:6px;font-size:16px;font-weight:800}.play{letter-spacing:.04em;color:var(--ink);background:linear-gradient(180deg, #fff27a, var(--yellow) 45%, #f5c400);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:6px 0 2px;font-size:46px;font-style:italic;font-weight:900;transform:skew(-8deg)}.play:hover{filter:brightness(1.08)}.play:active{box-shadow:2px 2px 0 var(--ink);transform:skew(-8deg)translate(2px,2px)}.play.small{font-size:30px}.lobby-hint{letter-spacing:.05em;color:var(--white);text-shadow:1px 1px 0 var(--ink);opacity:.85;white-space:nowrap;font-size:15px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}body.touch .lobby-hint{display:none}#tags{pointer-events:none;position:absolute;inset:0}.tag{text-align:center;pointer-events:auto;cursor:pointer;white-space:nowrap;position:absolute;transform:translate(-50%,-100%)}.tag .name{color:var(--white);text-shadow:2px 2px 0 var(--ink);justify-content:center;align-items:center;gap:6px;font-size:22px;font-style:italic;font-weight:800;display:flex}.tag .badge{background:var(--navy);border:2px solid var(--cyan);width:22px;height:22px;transform:rotate(45deg)scale(.8)}.tag .badge.crown{background:var(--yellow);border-color:var(--ink)}.tag .ready{color:#7dff6a;text-shadow:1px 1px 0 var(--ink);font-size:17px;font-style:italic;font-weight:800}.tag.add{border:2px solid var(--white);width:44px;height:44px;color:var(--white);background:#0b1d3dbf;font-size:30px;font-weight:800;line-height:38px;transform:translate(-50%,-50%)}.panel{border:3px solid var(--white);box-shadow:8px 8px 0 var(--ink), 0 0 30px #3ff3ff4d;background:#08142ef0;flex-direction:column;align-items:stretch;gap:14px;min-width:340px;padding:26px 34px;display:flex}.panel h2{text-align:center;letter-spacing:.05em;text-shadow:3px 3px 0 var(--ink);margin:0 0 4px;font-size:40px;font-style:italic;font-weight:900}.panel label{letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;font-size:18px;display:flex}.ghost{letter-spacing:.1em;color:var(--white);background:0 0;border:2px solid #ffffff80;padding:8px;font-size:18px;font-weight:800}select{font:inherit;background:var(--navy);color:var(--white);border:2px solid var(--cyan-d);padding:4px 8px}input[type=range]{accent-color:var(--cyan)}#hud{pointer-events:none;position:fixed;inset:0}#compass{top:max(10px, env(safe-area-inset-top));width:min(560px,50vw);height:40px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}#compass-track{white-space:nowrap;height:100%;position:absolute;top:0;left:0}.cmp{color:var(--white);text-shadow:2px 2px 0 var(--ink);font-size:18px;font-weight:800;position:absolute;top:4px;transform:translate(-50%)}.cmp.card{font-size:30px;font-weight:900;top:-2px}.compass-mark{border:7px solid #0000;border-bottom-color:var(--yellow);width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#map-wrap{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}#minimap{border:3px solid var(--white);width:170px;height:170px;box-shadow:4px 4px 0 var(--ink), 0 0 16px #3ff3ff80;background:var(--navy);border-radius:12px}.counters{background:#08142ed9;border:2px solid #ffffff40;border-radius:20px;gap:14px;padding:4px 16px;display:flex}.cnt{align-items:center;gap:6px;font-size:26px;font-weight:900;display:flex}.ico-player{background:var(--white);border-radius:8px 8px 3px 3px;width:16px;height:18px;display:inline-block;-webkit-mask:radial-gradient(circle at 50% 28%,#000 5px,#0000 6px),linear-gradient(#000,#000) bottom/100% 45% no-repeat;mask:radial-gradient(circle at 50% 28%,#000 5px,#0000 6px),linear-gradient(#000,#000) bottom/100% 45% no-repeat}.ico-elim{border:3px solid var(--white);border-radius:50%;width:20px;height:20px;display:inline-block;position:relative}.ico-elim:after{content:"";background:var(--white);border-radius:50%;width:4px;height:4px;margin:-2px;position:absolute;top:50%;left:50%}#crosshair{width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}#crosshair:before,#crosshair:after{content:"";background:var(--white);box-shadow:0 0 0 1.5px var(--ink);position:absolute}#crosshair:before{width:2px;height:26px;top:0;left:12px;-webkit-mask:linear-gradient(#000 35%,#0000 35% 65%,#000 65%);mask:linear-gradient(#000 35%,#0000 35% 65%,#000 65%)}#crosshair:after{width:26px;height:2px;top:12px;left:0;-webkit-mask:linear-gradient(90deg,#000 35%,#0000 35% 65%,#000 65%);mask:linear-gradient(90deg,#000 35%,#0000 35% 65%,#000 65%)}#hitmarker{opacity:0;background:linear-gradient(45deg, transparent 46%, var(--white) 46%, var(--white) 54%, transparent 54%), linear-gradient(-45deg, transparent 46%, var(--white) 46%, var(--white) 54%, transparent 54%);width:44px;height:44px;filter:drop-shadow(0 0 2px var(--ink));margin:-22px 0 0 -22px;transition:opacity .25s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 10px,#000 11px);mask:radial-gradient(circle,#0000 10px,#000 11px)}#hitmarker.on{opacity:1;transition:none}#elim-pop{opacity:0;align-items:baseline;gap:10px;font-style:italic;transition:opacity .4s;display:flex;position:absolute;top:64%;left:50%;transform:translate(-50%)}#elim-pop.on{opacity:1;transition:none;animation:.35s ease-out pop}@keyframes pop{0%{transform:translate(-50%)scale(1.5)}to{transform:translate(-50%)scale(1)}}.elim-word{color:var(--yellow);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:34px;font-weight:900}#elim-name{color:var(--white);text-shadow:2px 2px 0 var(--ink);font-size:26px;font-weight:800}#vitals{left:max(22px, env(safe-area-inset-left));background:#08142eb3;border-radius:6px;flex-direction:column;gap:6px;padding:10px 14px;display:flex;position:absolute;bottom:22px}.vital{align-items:center;gap:10px;display:flex}.vital b{width:54px;text-shadow:2px 2px 0 var(--ink);font-size:30px;font-weight:900}.vital .bar{background:#00000073;border:2px solid #ffffff4d;width:280px;height:22px;overflow:hidden;transform:skew(-12deg)}.vital .bar>div{width:100%;height:100%}.bar.shield>div{background:linear-gradient(#8de8ff,#1aa7f5)}.bar.health>div{background:linear-gradient(#a6ff7a,#2fd344)}.ico-shield{background:var(--white);clip-path:polygon(50% 0,100% 15%,92% 65%,50% 100%,8% 65%,0 15%);width:20px;height:22px;display:inline-block}.ico-health{background:var(--white);clip-path:polygon(35% 0,65% 0,65% 35%,100% 35%,100% 65%,65% 65%,65% 100%,35% 100%,35% 65%,0 65%,0 35%,35% 35%);width:20px;height:20px;display:inline-block}#weapons{right:max(22px, env(safe-area-inset-right));align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:22px}.ammo{text-shadow:3px 3px 0 var(--ink);margin-bottom:6px;font-style:italic;font-weight:900}.ammo b{font-size:52px}.ammo span{opacity:.85;margin-left:4px;font-size:28px}.hotbar{gap:6px;display:flex}.slot{background:#08142eb3;border:2px solid #ffffff59;border-radius:6px;justify-content:center;align-items:center;width:62px;height:62px;display:flex}.slot.rare{background:linear-gradient(160deg,#3ab0ff,#1460c8)}.slot.selected{border:3px solid var(--white);box-shadow:0 0 0 2px var(--ink), 0 0 14px #fff9;transform:translateY(-6px)}.disc-icon{border:5px solid var(--cyan);background:radial-gradient(circle, var(--navy) 30%, #e6f2ff 32% 58%, var(--navy) 60%);width:40px;height:40px;box-shadow:0 0 10px var(--cyan);border-radius:50%;display:inline-block}.hud-btn{top:max(12px, env(safe-area-inset-top));pointer-events:auto;color:var(--white);border:2px solid var(--white);background:#08142ecc;padding:6px 12px;font-size:18px;font-style:italic;font-weight:900;position:absolute}#btn-pause-touch{left:max(14px, env(safe-area-inset-left))}#btn-cam-touch{left:calc(max(14px, env(safe-area-inset-left)) + 56px)}#btn-emote-touch{left:calc(max(14px, env(safe-area-inset-left)) + 130px)}body:not(.touch) .touch-only{display:none}#touch{position:fixed;inset:0}#touch-left{width:45%;position:absolute;top:0;bottom:0;left:0}#touch-right{width:55%;position:absolute;top:0;bottom:0;right:0}#stick-base{background:#08142e4d;border:3px solid #ffffffb3;border-radius:50%;width:130px;height:130px;margin:-65px 0 0 -65px;display:none;position:absolute}#stick-knob{background:var(--white);border:3px solid var(--ink);border-radius:50%;width:56px;height:56px;margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}#touch-fire,#touch-jump{color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;padding:0;font-size:18px;font-style:italic;font-weight:900;position:absolute}#touch-fire{right:max(40px, env(safe-area-inset-right));background:var(--yellow);width:106px;height:106px;bottom:150px}#touch-jump{right:max(160px, calc(env(safe-area-inset-right) + 120px));background:var(--white);width:82px;height:82px;bottom:120px}body.touch #weapons{transform-origin:bottom;bottom:14px;right:50%;transform:translate(50%)scale(.8)}#toast{color:var(--ink);background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);opacity:0;pointer-events:none;padding:8px 24px;font-size:30px;font-style:italic;font-weight:900;transition:opacity .3s;position:fixed;top:18%;left:50%;transform:translate(-50%)}#toast.on{opacity:1;transition:none}#reload{text-align:center;opacity:0;letter-spacing:.1em;text-shadow:2px 2px 0 var(--ink);font-size:18px;font-style:italic;font-weight:900;position:absolute;top:calc(50% + 34px);left:50%;transform:translate(-50%)}#reload.on{opacity:1}#reload .rbar{border:1px solid var(--white);background:#00000080;width:120px;height:6px;margin-top:3px}#reload-fill{background:var(--cyan);width:0;height:100%}.pistol-icon{background:linear-gradient(var(--white), var(--white)) 0 0 / 100% 45% no-repeat, linear-gradient(var(--ink), var(--ink)) 60% 100% / 30% 70% no-repeat;width:30px;height:22px;filter:drop-shadow(0 0 3px var(--cyan));margin:0 -4px;display:inline-block;position:relative;transform:rotate(-12deg)}.pistol-icon:after{content:"";background:var(--cyan);width:18px;height:2px;position:absolute;top:4px;left:3px}.pistol-icon.second{transform:scaleX(-1)rotate(-12deg)}#touch-reload{right:max(160px, calc(env(safe-area-inset-right) + 120px));width:58px;height:58px;color:var(--ink);background:var(--white);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:50%;padding:0;font-size:20px;font-weight:900;position:absolute;bottom:225px}