*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--theme-color: #3dc373;--theme-color-contrast: #08180e;--textbox-color: #edfef4;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--theme-color: #4cf490;--theme-color-contrast: #132219;--textbox-color: #0f311d}}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{padding:.5rem .75rem;border:none;border-radius:.375rem;background-color:var(--theme-color);color:var(--theme-color-contrast);cursor:pointer;font-weight:600;letter-spacing:.1px;font-family:monospace}input,textarea{border:none;border-radius:.375rem;caret-color:var(--theme-color);font-family:monospace;font-weight:600;letter-spacing:.1px;padding:.5rem .75rem}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px var(--theme-color)}.app{position:relative;width:100vw;height:100vh;height:100dvh;overflow:hidden}.app-game{position:absolute;inset:0;width:100%;height:100%;min-width:100px;min-height:100px;touch-action:none}.app-connecting{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;font-size:1.5rem;color:#aaa}.app-menu{position:relative;display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;height:100dvh;overflow:hidden}.app-menu-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(68,255,68,.08) 0%,transparent 55%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(68,120,255,.06) 0%,transparent 50%),linear-gradient(180deg,#0c0e14,#11141c 35%,#0a0c12)}.app-menu-bg:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.app-menu-bg:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none}.app-menu-content{position:relative;z-index:1;text-align:center;padding:2rem;max-width:420px;animation:app-menu-in .6s ease-out}.app-menu .hud-donation{z-index:2}@keyframes app-menu-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app-menu-title{margin:0 0 2rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.app-menu-title-main{font-family:Bebas Neue,sans-serif;font-size:clamp(3.5rem,12vw,5rem);font-weight:400;letter-spacing:.12em;color:#fff;text-shadow:0 0 40px rgba(68,255,68,.35),0 0 80px rgba(68,255,68,.15),0 2px 0 rgba(0,0,0,.5);line-height:.95}.app-menu-title-sub{font-family:Share Tech Mono,monospace;font-size:.8rem;font-weight:400;letter-spacing:.35em;color:#44ff44b3;text-transform:uppercase}.app-menu-subtitle{margin:0 0 2rem;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:.2em;color:#ffffff73;text-transform:uppercase}.app-menu-buttons{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.app-menu-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:1rem 1.5rem;font-family:inherit;text-align:center;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.app-menu-btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .2s ease}.app-menu-btn:hover{transform:translateY(-2px)}.app-menu-btn:active{transform:translateY(0)}.app-menu-btn-humans{color:#e8eeff;background:linear-gradient(135deg,#4478ff40,#2846b433);border-color:#4478ff66;box-shadow:0 4px 24px #4478ff26}.app-menu-btn-humans:before{background:linear-gradient(135deg,rgba(68,120,255,.2) 0%,transparent 50%)}.app-menu-btn-humans:hover{box-shadow:0 8px 32px #4478ff40;border-color:#4478ff99}.app-menu-btn-humans:hover:before{opacity:1}.app-menu-btn-bots{color:#e8ffe8;background:linear-gradient(135deg,#4f43,#288c2826);border-color:#4f46;box-shadow:0 4px 24px #44ff441f}.app-menu-btn-bots:before{background:linear-gradient(135deg,rgba(68,255,68,.2) 0%,transparent 50%)}.app-menu-btn-bots:hover{box-shadow:0 8px 32px #44ff4438;border-color:#44ff44a6}.app-menu-btn-bots:hover:before{opacity:1}.app-menu-btn-survival{color:#ffe8e8;background:linear-gradient(135deg,#ff503c40,#b4282833);border-color:#ff503c66}.app-menu-btn-survival:before{background:linear-gradient(135deg,rgba(255,80,60,.2) 0%,transparent 50%)}.app-menu-btn-survival:hover{box-shadow:0 8px 32px #ff503c40;border-color:#ff503c99}.app-menu-btn-survival:hover:before{opacity:1}.app-menu-btn-label{font-size:1.15rem;font-weight:700;letter-spacing:.05em}.app-menu-btn-desc{font-size:.75rem;opacity:.85;font-weight:500}.app-menu-name{margin-top:2rem;display:flex;justify-content:center;align-items:center}.app-menu-name-form{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.app-menu-name-input{width:180px}.app-menu-name-display{background:#0006;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;font-size:.95rem;padding:.4rem .9rem;cursor:pointer;transition:background .15s,border-color .15s}.app-menu-name-display:hover{background:#ffffff1f;border-color:#fff6}.hud-name-row{display:flex;align-items:center;gap:.35rem}.hud-voice-btn{position:relative;width:26px;height:26px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:4px;background:#ffffff1f;color:#ccc;cursor:pointer;pointer-events:auto;transition:background .15s,color .15s;flex-shrink:0}.hud-voice-btn:hover{background:#ffffff38;color:#fff}.hud-voice-btn.hud-voice-on{color:#6f6}.hud-voice-btn.hud-voice-off{color:#aaa}.hud-voice-slash{position:absolute;top:50%;left:50%;width:120%;height:2px;background:#e44;border-radius:1px;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.hud{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;padding:1rem}.hud-leave-btn{position:absolute;top:1rem;left:1rem;pointer-events:auto;padding:.4rem .75rem;font-size:.85rem;color:#fffc;background:#00000059;border:1px solid rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.hud-leave-btn:hover{background:#00000080;color:#fff}.hud-ability-bar-wrap{position:absolute;left:1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none}.hud-ability-bar-wrap .hud-ability-bar-track,.hud-ability-bar-wrap .hud-ability-bar-label,.hud-ability-bar-wrap .hud-ability-bar-key{pointer-events:none}.hud-ability-btn{pointer-events:auto;margin-top:.25rem;padding:.5rem .85rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#0a1a0a;background:linear-gradient(to bottom,#4f4,#2a8a2a);border:2px solid rgba(255,255,255,.4);border-radius:8px;cursor:pointer;min-height:44px;min-width:80px;touch-action:manipulation;box-shadow:0 2px 6px #0006;transition:filter .15s,transform .1s}.hud-ability-btn:hover{filter:brightness(1.15)}.hud-ability-btn:active{transform:scale(.97)}.hud-survival-wrap{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}@media(min-width:768px)and (hover:hover)and (pointer:fine){.hud-survival-wrap{bottom:1.5rem}}.hud-health-bar-wrap{display:flex;align-items:center;gap:.35rem}.hud-health-label{font-size:.85rem;font-weight:700;color:#ffffffe6;min-width:1.8rem}.hud-health-bar-track{width:80px;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.2)}.hud-health-bar-fill{height:100%;background:linear-gradient(to right,#c44,#a22);border-radius:5px;transition:width .15s}.hud-health-value{font-size:.8rem;color:#ffffffd9}.hud-weapon-status{font-size:.8rem}.hud-weapon-ready{color:#8f8}.hud-weapon-cooldown{color:#ffffffb3}.hud-shoot-btn-wrap{position:absolute;left:1rem;bottom:1.25rem;pointer-events:auto;z-index:10}@media(min-width:768px)and (hover:hover)and (pointer:fine){.hud-shoot-btn-wrap{display:none}}.hud-shoot-btn{min-width:4.75rem;min-height:4.75rem;padding:.6rem .9rem;font-size:.95rem;font-weight:800;letter-spacing:.08em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);background:linear-gradient(165deg,#e05858,#b83a3a 45%,#8b2525);border:none;border-radius:50%;box-shadow:0 0 0 2px #0000004d,0 0 0 3px #ffffff26,inset 0 1px #ffffff40,0 4px 14px #00000073;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;transition:transform .08s ease,box-shadow .15s ease}.hud-shoot-btn:hover{background:linear-gradient(165deg,#ec6666,#c94a4a 45%,#a02d2d);box-shadow:0 0 0 2px #00000040,0 0 0 3px #fff3,inset 0 1px #ffffff4d,0 6px 18px #0006;transform:scale(1.03)}.hud-shoot-btn:active{transform:scale(.96);box-shadow:0 0 0 2px #0006,0 0 0 3px #ffffff14,inset 0 2px 6px #00000059,0 2px 8px #00000080}@media(min-width:768px)and (hover:hover)and (pointer:fine){.hud-shoot-btn-wrap{bottom:1.5rem;left:1.25rem}.hud-shoot-btn{min-width:4.25rem;min-height:4.25rem;font-size:.88rem;letter-spacing:.06em}}.hud-ability-btn-cooldown{background:linear-gradient(to bottom,#4a4a4a,#2a2a2a);color:#ffffff80;border-color:#fff3;cursor:not-allowed}.hud-ability-btn-cooldown:hover{filter:none}.hud-ability-bar-track{width:20px;height:160px;background:#0009;border:2px solid rgba(255,255,255,.25);border-radius:10px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hud-ability-bar-fill{width:100%;min-height:4px;background:linear-gradient(to top,#2a8a2a,#4f4);border-radius:6px}.hud-ability-bar-fill-boost{background:linear-gradient(to top,#1a5a1a,#6f6);box-shadow:0 0 10px #4f49}.hud-ability-bar-label{font-size:.75rem;font-weight:600;color:#4f4;text-shadow:0 0 6px #44ff44;text-transform:uppercase;letter-spacing:.05em}.hud-ability-bar-key{font-size:.7rem;color:#ffffffb3;text-transform:none;letter-spacing:.02em}@media(max-width:768px),(hover:none)and (pointer:coarse){.hud-ability-bar-wrap{top:auto;left:1rem;transform:none;bottom:1rem;bottom:calc(max(1rem,6vh) + env(safe-area-inset-bottom,0px))}.hud-ability-bar-key{display:none}.hud-ability-bar-wrap,.hud-ability-bar-wrap .hud-ability-btn{pointer-events:none}}.hud-stats{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.hud-stat{display:inline-flex;align-items:baseline;gap:.4rem;font-family:Share Tech Mono,Consolas,monospace;padding:.35rem .75rem;border-radius:999px;font-size:.95rem;font-weight:600;letter-spacing:.04em;background:#00000080;border:1px solid rgba(255,255,255,.15);box-shadow:0 0 0 1px #0003,inset 0 1px #ffffff0f}.hud-stat-label{color:#ffffffbf;font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.hud-stat-value{color:#fff;text-shadow:0 0 8px currentColor;font-variant-numeric:tabular-nums}.hud-stat-humans{border-color:#4488ff59}.hud-stat-humans .hud-stat-value{color:#6ba3ff;text-shadow:0 0 10px rgba(68,136,255,.5)}.hud-stat-zombies{border-color:#44ff4459}.hud-stat-zombies .hud-stat-value{color:#5eff5e;text-shadow:0 0 10px rgba(68,255,68,.5)}.hud-stat-timer{border-color:#ffffff40}.hud-stat-timer .hud-stat-value{color:#fff;font-size:1.05rem;letter-spacing:.06em;text-shadow:0 0 12px rgba(255,255,255,.4)}.hud-ping{position:absolute;bottom:.75rem;left:1rem;font-size:.8rem;font-weight:600;color:#ffffffbf;text-shadow:0 0 4px #000,0 1px 2px #000;display:none}@media(min-width:769px)and (hover:hover)and (pointer:fine){.hud-ping{display:block}}.hud-role{margin-top:.5rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:.15rem}.hud-role-tagline{font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:.05em;opacity:.95}.hud-role.human{color:#48f;text-shadow:0 0 8px #4488ff}.hud-role.zombie{color:#4f4;text-shadow:0 0 8px #44ff44}.role-reveal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none}.role-reveal-content{display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center;padding:1.5rem 2rem}.role-reveal-label{font-size:clamp(1.5rem,5vw,2.5rem);font-weight:800;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 0 30px currentColor}.role-reveal-tagline{font-size:clamp(.85rem,2.5vw,1.1rem);font-weight:600;letter-spacing:.08em;opacity:.95}.role-reveal-human{color:#48f;text-shadow:0 0 8px #4488ff}.role-reveal-human .role-reveal-label{text-shadow:0 0 20px rgba(68,136,255,.8),0 0 40px rgba(68,136,255,.4)}.role-reveal-zombie{color:#4f4}.role-reveal-zombie .role-reveal-label{text-shadow:0 0 20px rgba(68,255,68,.8),0 0 40px rgba(68,255,68,.4)}.hud-scoreboard{pointer-events:auto;margin-top:2rem;padding:1.5rem 2rem;background:#000000d9;border-radius:8px;color:#fff;max-width:400px}.hud-scoreboard h2{margin:0 0 .5rem;font-size:1.25rem}.hud-scoreboard p{margin:0 0 1rem;color:#aaa;font-size:.9rem}.hud-leaderboard{margin:0;padding-left:1.25rem;text-align:left}.hud-leaderboard li{margin-bottom:.25rem}.hud-name{margin-top:.5rem;pointer-events:auto}.hud-name-display{background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.95rem;padding:.3rem .75rem;cursor:pointer;transition:background .15s,border-color .15s}.hud-name-display:hover{background:#ffffff26;border-color:#fff6}.hud-name-display-readonly{background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.95rem;padding:.3rem .75rem;display:inline-block}.hud-name-edit-icon{margin-left:.35rem;font-size:.85rem;opacity:.6}.hud-name-form{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.hud-name-input{background:#000000b3;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:#fff;font-size:.95rem;padding:.3rem .5rem;width:160px;outline:none}.hud-name-input:focus{border-color:#48f}.hud-name-btn{background:#48f;border:none;border-radius:4px;color:#fff;font-size:.85rem;padding:.35rem .6rem;cursor:pointer}.hud-name-btn:hover{background:#37e}.hud-name-cancel{background:#ffffff26}.hud-name-cancel:hover{background:#ffffff40}.hud-name-error{width:100%;text-align:center;color:#f55;font-size:.8rem;margin-top:.2rem}.hud-donation{position:absolute;bottom:1rem;right:1rem;pointer-events:auto}.hud-donation-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.9rem;padding:.35rem .75rem;cursor:pointer;transition:background .15s,border-color .15s}.hud-donation-btn:hover{background:#ffffff26;border-color:#fff6}.hud-donation-btn-icon{display:none}@media(max-width:480px){.hud-donation-btn{width:1.75rem;height:1.75rem;padding:0;border-radius:50%}.hud-donation-btn-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.95rem;line-height:0}.hud-donation-btn-text{display:none}}.hud-donation-panel{position:absolute;bottom:100%;right:0;margin-bottom:.5rem}.hud-donation-panel-inner{padding:1rem 1.25rem;background:#000000d9;border-radius:8px;color:#fff;min-width:260px;box-shadow:0 4px 12px #0006}.hud-donation-row{margin:0 0 .75rem}.hud-donation-row:last-of-type{margin-bottom:0}.hud-donation-link{color:#48f;text-decoration:none}.hud-donation-link:hover{text-decoration:underline}.hud-donation-label{display:block;font-size:.85rem;color:#aaa;margin-bottom:.25rem}.hud-donation-address-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hud-donation-address{flex:1;min-width:0;font-size:.8rem;word-break:break-all;background:#ffffff14;padding:.35rem .5rem;border-radius:4px}.hud-donation-copy{background:#48f;border:none;border-radius:4px;color:#fff;font-size:.85rem;padding:.35rem .6rem;cursor:pointer;flex-shrink:0}.hud-donation-copy:hover{background:#37e}.hud-donation-close{display:block;width:100%;margin-top:.75rem;padding:.35rem;background:#ffffff26;border:none;border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer}.hud-donation-close:hover{background:#ffffff40}