:root{--ink:#21140a;--cream:#fff6e0;--brown:#7a4a1f;--gold:#ffc21a;--orange:#ff8a1a;--green:#5fc23a;--blue:#3a7bff;--red:#ff4a4a;--panel:#fff6e0;--shadow:0 6px 0 var(--ink);--display:"Lilita One", "Trebuchet MS", sans-serif;--body:"Nunito", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);font-family:var(--body);-webkit-user-select:none;user-select:none;background:#9fd0ff;margin:0;font-weight:800;overflow:hidden}canvas#game{width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}.muted{opacity:.7}.small{font-size:13px}kbd{border:2px solid var(--ink);min-width:22px;font-family:var(--body);text-align:center;background:#fff;border-bottom-width:4px;border-radius:6px;padding:1px 6px;font-size:13px;line-height:1.3;display:inline-block}.screen{z-index:10;flex-direction:column;justify-content:flex-start;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.screen>:first-child{margin-top:auto}.screen>:last-child{margin-bottom:auto}.screen.dim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#140c048c}.panel{background:var(--panel);border:4px solid var(--ink);box-shadow:var(--shadow), 0 18px 40px #00000040;border-radius:22px;flex-direction:column;gap:12px;width:min(440px,100%);padding:22px 24px;display:flex}.panel h2{font-family:var(--display);text-align:center;letter-spacing:1px;margin:0;font-size:34px;font-weight:400}.row{gap:10px;display:flex}.row>*{flex:1}.btn{font-family:var(--display);letter-spacing:1px;color:var(--ink);background:linear-gradient(#ffd75a, var(--gold) 60%, #f0a810);border:3px solid var(--ink);cursor:pointer;box-shadow:0 5px 0 var(--ink);border-radius:14px;padding:10px 16px;font-size:20px;font-weight:400;transition:transform 60ms,box-shadow 60ms,filter .1s}.btn:hover{filter:brightness(1.07)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn.big{padding:12px 18px;font-size:26px}.btn.green{background:linear-gradient(#9be86a, var(--green) 60%, #3f9a22)}.btn.ghost{background:#fff}.btn.small{padding:7px 12px;font-size:15px}.btn:disabled{opacity:.5;cursor:default;transform:none}.link{font:inherit;color:var(--ink);opacity:.7;cursor:pointer;background:0 0;border:none;padding:2px}.link:hover{opacity:1}input{font-family:var(--body);color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:12px;outline:none;width:100%;padding:10px 12px;font-size:18px;font-weight:900}input:focus{box-shadow:0 0 0 3px var(--gold)}.field{flex-direction:column;gap:4px;font-size:14px;display:flex}.check{cursor:pointer;align-items:center;gap:8px;font-size:15px;display:flex}.check input{width:20px;height:20px;accent-color:var(--green)}.err{color:#c8261b;text-align:center;min-height:18px;font-size:14px}.divider{opacity:.55;align-items:center;gap:10px;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--ink);opacity:.4;border-radius:2px;flex:1;height:3px}.logo{text-align:center;filter:drop-shadow(0 8px 0 var(--ink));line-height:.85}.logo-top,.logo-bot{font-family:var(--display);letter-spacing:3px;-webkit-text-stroke:8px var(--ink);paint-order:stroke fill;font-size:clamp(42px,7.5vw,86px)}.logo-top{color:var(--gold)}.logo-bot{color:#9be86a;transform:rotate(-2deg)}.tagline{font-family:var(--display);color:#fff;background:var(--brown);border:3px solid var(--ink);letter-spacing:2px;border-radius:30px;margin-top:14px;padding:4px 18px;font-size:22px;display:inline-block}.menu-panel{width:min(400px,100%)}.join-row{gap:8px;display:flex}.join-row input{text-transform:uppercase;letter-spacing:6px;text-align:center;font-family:var(--display);font-size:22px;font-weight:400}.join-row .btn{flex:0 0 120px}.howto{text-align:center;border:3px solid var(--ink);background:#fff6e0d9;border-radius:16px;max-width:560px;padding:8px 16px;font-size:14px;line-height:1.9}.lobby-panel{width:min(620px,100%)}.lobby-head{justify-content:space-between;align-items:center;gap:12px;display:flex}#lobby-code{font-family:var(--display);letter-spacing:8px;font-size:52px;line-height:1}.seg{border:3px solid var(--ink);border-radius:14px;display:flex;overflow:hidden}.seg button{font-family:var(--display);cursor:pointer;color:var(--ink);background:#fff;border:none;flex:1;padding:9px;font-size:17px}.seg button+button{border-left:3px solid var(--ink)}.seg button.on{background:var(--gold)}#lobby-players{gap:10px;display:flex}.team-col{border:3px solid var(--ink);background:#fff;border-radius:14px;flex:1;min-height:140px;padding:8px}.team-col h3{font-family:var(--display);text-align:center;margin:0 0 6px;font-size:18px;font-weight:400}.team-col.blue{background:#e4eeff}.team-col.red{background:#ffe6e4}.team-col.blue h3{color:var(--blue)}.team-col.red h3{color:#d82a2a}.pl{border-radius:9px;align-items:center;gap:8px;padding:5px 8px;font-size:15px;display:flex}.pl+.pl{margin-top:3px}.pl .dot{border:2px solid var(--ink);background:var(--gold);border-radius:50%;flex:none;width:12px;height:12px}.pl.me{background:#ffc21a59}.pl .tag{opacity:.6;margin-left:auto;font-size:11px}.team-col .btn{width:100%;margin-top:8px;padding:6px;font-size:14px}#hud{pointer-events:none;z-index:5;font-family:var(--display);color:#fff;position:fixed;inset:0}.card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#21140a9e;border:3px solid #21140ae6;border-radius:16px;padding:10px 14px;position:absolute}#crosshair{width:0;height:0;position:absolute;top:50%;left:50%}#crosshair i{box-shadow:0 0 0 1.5px var(--ink);background:#fff;border-radius:2px;position:absolute}#crosshair i:first-child{width:4px;height:8px;top:-14px;left:-2px}#crosshair i:nth-child(2){width:4px;height:8px;top:6px;left:-2px}#crosshair i:nth-child(3){width:8px;height:4px;top:-2px;left:-14px}#crosshair i:nth-child(4){width:8px;height:4px;top:-2px;left:6px}#hitmarker{opacity:0;background:linear-gradient(45deg,#0000 45%,#fff 45% 55%,#0000 55%),linear-gradient(-45deg,#0000 45%,#fff 45% 55%,#0000 55%);width:30px;height:30px;margin:-15px 0 0 -15px;transition:opacity .15s;position:absolute;top:50%;left:50%;-webkit-mask:radial-gradient(circle,#0000 6px,#000 7px);mask:radial-gradient(circle,#0000 6px,#000 7px)}#hitmarker.show{opacity:1;transition:none}#hitmarker.kill{filter:drop-shadow(0 0 red)hue-rotate();background:linear-gradient(45deg,#0000 42%,#ff3a3a 42% 58%,#0000 58%),linear-gradient(-45deg,#0000 42%,#ff3a3a 42% 58%,#0000 58%)}#prompt{letter-spacing:1px;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;white-space:nowrap;font-size:22px;position:absolute;top:calc(50% + 44px);left:50%;transform:translate(-50%)}#vignette{opacity:0;background:radial-gradient(#0000 45%,#dc140aa6);transition:opacity .3s;position:absolute;inset:0}#freezefx{opacity:0;background:radial-gradient(#0000 40%,#8cd2ffb3);border:10px solid #c8f0ff99;transition:opacity .2s;position:absolute;inset:0}#topbar{align-items:center;gap:10px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}#score{align-items:center;gap:6px;display:flex}.sc{text-align:center;border:3px solid var(--ink);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;min-width:70px;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:4px 14px;font-size:26px}.sc.blue{background:var(--blue)}.sc.red{background:var(--red)}.sc.me{background:var(--gold)}.sc.lead{color:var(--ink);-webkit-text-stroke:0;background:#fff;font-size:16px}.sc small{letter-spacing:1px;-webkit-text-stroke:3px var(--ink);font-size:11px;display:block}#timer{border:3px solid var(--ink);background:#21140ab3;border-radius:12px;padding:4px 12px;font-size:18px}#feed{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:14px;right:14px}.kf{font-family:var(--body);border:2px solid var(--ink);background:#21140ab3;border-radius:10px;padding:4px 10px;font-size:14px;font-weight:900;animation:.25s ease-out kfIn}.kf.mine{color:var(--ink);background:#ffc21ad9}.kf .w{opacity:.8;font-weight:800}.kf .b{color:#8fc0ff}.kf .r{color:#ff9a9a}.kf.mine .b,.kf.mine .r{color:var(--ink)}@keyframes kfIn{0%{opacity:0;transform:translate(30px)}}#health{width:260px;bottom:16px;left:16px}.hp-row{justify-content:space-between;align-items:baseline;display:flex}.hp-label{letter-spacing:2px;opacity:.85;font-size:15px}#hpnum{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:34px;line-height:1}.bar{background:var(--ink);border:2px solid var(--ink);border-radius:10px;height:16px;margin-top:6px;overflow:hidden}#hpbar{background:linear-gradient(#ff8a7a,#e8301e);border-radius:8px;width:100%;height:100%;transition:width .15s;display:block}#hpbar.low{animation:.5s infinite alternate lowhp}@keyframes lowhp{to{filter:brightness(1.6)}}#chips{flex-wrap:wrap;gap:4px;min-height:0;margin-top:6px;display:flex}.chip{font-family:var(--body);border:2px solid var(--ink);color:var(--ink);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:900}#stomach{background:#21140a9e;border:3px solid #21140ae6;border-radius:20px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.slot{border:3px dashed #fff6e080;border-radius:16px;justify-content:center;align-items:center;width:78px;height:78px;display:flex;position:relative}.slot img{width:72px;height:72px;display:none}.slot span{letter-spacing:1px;opacity:.6;font-size:11px;position:absolute;bottom:-2px}.slot.full{border:3px solid var(--gold);background:#ffc21a2e}.slot.full img{animation:.3s ease-out pop;display:block}.slot.full span{display:none}.plus{opacity:.7;font-size:28px}@keyframes pop{0%{transform:scale(.3)}60%{transform:scale(1.2)}}#pooptip{white-space:nowrap;color:#9be86a;-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;font-size:26px;animation:.5s infinite alternate bounce;display:none;position:absolute;top:-46px;left:50%;transform:translate(-50%)}#stomach.full #pooptip{display:block}#stomach.full{border-color:var(--gold);animation:.15s infinite rumble}@keyframes rumble{0%{transform:translate(-50%)rotate(-1deg)}to{transform:translate(-50%)rotate(1deg)}}@keyframes bounce{to{transform:translate(-50%)translateY(-6px)scale(1.06)}}#held{align-items:center;gap:10px;min-width:240px;display:flex;bottom:16px;right:16px}#heldimg{width:76px;height:76px;display:none}#held.has #heldimg{display:block}#heldname{max-width:200px;font-size:18px;line-height:1.1}#heldammo{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:30px}#held:not(.has){opacity:.75}#held:not(.has) #heldname{font-family:var(--body);font-size:14px}#death{text-align:center;position:absolute;top:32%;left:50%;transform:translate(-50%)}#deathtitle{color:var(--red);-webkit-text-stroke:9px var(--ink);paint-order:stroke fill;font-size:64px}#deathsub{-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;font-size:22px}#deathtimer{opacity:.9;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-top:10px;font-size:18px}#board,#results{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#results{pointer-events:auto;background:#140c048c}#results .panel{width:min(640px,100%)}.tbl{border-collapse:collapse;width:100%;font-family:var(--body);color:var(--ink);font-weight:900}.tbl th{font-family:var(--display);text-align:left;letter-spacing:1px;opacity:.7;padding:4px 8px;font-size:14px;font-weight:400}.tbl td{padding:5px 8px;font-size:15px}.tbl tr.me td{background:#ffc21a73}.tbl tr.t0 td:first-child{border-left:6px solid var(--blue)}.tbl tr.t1 td:first-child{border-left:6px solid var(--red)}.tbl td.n{text-align:right;width:60px}.tbl th.n{text-align:right}#board .panel{background:#fff6e0f2;width:min(560px,100%)}.settings{flex-direction:column;gap:10px;font-size:15px;display:flex}.settings label:not(.check){justify-content:space-between;align-items:center;gap:12px;display:flex}.settings input[type=range]{width:52%;accent-color:var(--orange);border:none;padding:0}#toast{z-index:50;background:var(--panel);border:3px solid var(--ink);box-shadow:var(--shadow);border-radius:14px;max-width:90vw;padding:10px 18px;font-size:15px;position:fixed;top:18px;left:50%;transform:translate(-50%)}#loading{color:#fff;font-family:var(--display);z-index:40;background:#140c0480;font-size:24px}.spinner{border:7px solid #ffffff4d;border-top-color:var(--gold);border-radius:50%;width:54px;height:54px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){#held{min-width:0}#heldname{display:none}#health{width:170px}.slot{width:56px;height:56px}.slot img{width:52px;height:52px}#lobby-players{flex-direction:column}}.map-seg button{padding:8px 4px;font-size:14px}.bots-row{align-items:center;gap:10px;font-size:15px;display:flex}.bots-row span{flex:1}.bots-row b{font-family:var(--display);text-align:center;min-width:28px;font-size:24px}.bots-row .btn{width:44px;padding:4px 0;font-size:20px}#speedlines{width:100%;height:100%;position:absolute;inset:0}#scope{background:radial-gradient(circle,#0000 0 min(38vh,38vw),#050302 calc(min(38vh,38vw) + 2px));display:none;position:absolute;inset:0}#scope.on{display:block}#scope:after{content:"";border-radius:50%;width:min(76vh,76vw);height:min(76vh,76vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px 10px #000000a6,0 0 0 6px #3a2410}#scope i{background:#0a0602e6;position:absolute}#scope i:first-child{width:2px;margin-left:-1px;top:12%;bottom:12%;left:50%}#scope i:nth-child(2){height:2px;margin-top:-1px;top:50%;left:20%;right:20%}#scope b{background:#ff3a3a;border-radius:50%;width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ff3a3a}#hud.scoped #crosshair{display:none}