:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}html,body{height:100%;margin:0;overflow:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;height:100dvh;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.fullscreen-btn{bottom:max(12px, env(safe-area-inset-bottom,12px));right:max(12px, env(safe-area-inset-right,12px));z-index:9999;color:#ffc896e6;cursor:pointer;-webkit-backdrop-filter:blur(4px);touch-action:manipulation;background:#140000a6;border:1px solid #ff643266;border-radius:8px;width:40px;height:40px;padding:8px;display:none;position:fixed}.fullscreen-btn svg{width:100%;height:100%;display:block}@media (pointer:coarse){.fullscreen-btn{justify-content:center;align-items:center;display:flex}}#game-root{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}#game-canvas{position:absolute;inset:0}#game-canvas canvas{width:100%;height:100%;display:block}.game-stage{flex:1;min-height:0;position:relative;overflow:hidden}.connection-status{top:calc(56px + env(safe-area-inset-top));z-index:50;color:#ffe9e9;background:#5a1414eb;border:1px solid #ffa0a099;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 14px;font-family:sans-serif;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.connection-status-dot{background:#ff6b6b;border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite connection-blink}@keyframes connection-blink{50%{opacity:.25}}.hud{pointer-events:none;color:#fff;text-shadow:0 1px 2px #0009;font-family:sans-serif;position:absolute;inset:0}.hud-health-bar{background:#00000080;border:1px solid #fff6;border-radius:4px;width:180px;height:20px;position:relative;overflow:hidden}.hud-health-bar--small{width:140px;height:10px;margin:4px 0;position:static}.hud-health-fill{height:100%;transition:width .2s}.hud-health-label{justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.hud-inventory{gap:6px;display:flex}.hud-inventory--small{margin-top:2px;position:static}.hud-slot{background:#ffffff1f;border:1px solid #fff6;border-radius:4px;width:28px;height:28px}.hud-slot--small{width:16px;height:16px}.hud-garavitos{color:#e8c34a;white-space:nowrap;background:#00000080;border:1px solid #e8c34a99;border-radius:4px;align-items:center;height:20px;padding:0 10px;font-size:13px;display:flex}.hud-hint{opacity:.75;font-size:12px}.hud-toast{bottom:calc(108px + env(safe-area-inset-bottom));text-align:center;z-index:16;background:#141414d9;border:1px solid #ffffff4d;border-radius:4px;max-width:min(420px,100vw - 32px);padding:6px 10px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.team-panel{pointer-events:auto;background:#0f0f12eb;border:1px solid #ffffff4d;border-radius:8px;min-width:260px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.team-panel h3{margin:0 0 10px;font-size:15px}.team-panel-row{border-top:1px solid #ffffff26;padding:6px 0}.team-panel-row:first-of-type{border-top:none}.team-panel-empty,.team-panel-empty-inv{opacity:.7;font-size:12px}.hud-wave{text-align:right;background:#0000008c;border:1px solid #ffffff4d;border-radius:4px;max-width:min(360px,46vw);padding:3px 8px;font-size:13px;font-weight:700}.hud-wave--active{color:#ffd3d3;border-color:#c0392b99}.hud-wave-banner{color:#ffe9e9;text-align:center;background:#5a1414eb;border:1px solid #ffb4b499;border-radius:6px;width:max-content;max-width:calc(100vw - 32px);padding:12px 22px;font-size:20px;font-weight:700;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.hud-interact-hint{background:#0009;border:1px solid #fff6;border-radius:6px;padding:6px 14px;font-size:14px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.shop-modal{z-index:40;pointer-events:auto;background:#0f0f12f2;border:1px solid #ffffff4d;border-radius:8px;min-width:320px;padding:18px 22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shop-modal h3{margin:0 0 12px;font-size:16px}.shop-items{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.shop-item{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-family:inherit;display:flex}.shop-item:hover:not(:disabled){background:#ffffff2e}.shop-item:disabled{opacity:.4;cursor:not-allowed}.shop-item-icon{object-fit:contain;width:40px;height:40px}.shop-item-name{font-size:13px;font-weight:700}.shop-item-heal{color:#7bc47f;font-size:11px}.shop-item-price{color:#e8c34a;font-size:12px}.map-modal{z-index:40;pointer-events:auto;text-align:center;background:#0f0f12f2;border:1px solid #ffffff4d;border-radius:8px;padding:16px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-modal h3{margin:0 0 10px;font-size:16px}.map-canvas{border:1px solid #ffffff40;border-radius:4px;max-width:100%;max-height:52vh;display:block}.map-modal--overview{max-width:92vw;max-height:88vh;overflow:auto}.map-overview-grid{text-align:left;align-items:flex-start;gap:16px;display:flex}.map-overview-col{min-width:150px}.map-overview-col h4{opacity:.85;margin:0 0 8px;font-size:13px}.map-overview-col--team,.map-overview-col--inventory{max-width:220px}.map-overview-col--team .team-panel-row{margin-bottom:8px;font-size:12px}.team-panel-row--me{border-top:1px solid #ffffff26;padding-top:6px}.map-legend{opacity:.85;justify-content:center;gap:14px;margin-top:10px;font-size:11px;display:flex}.map-legend-dot{vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-right:4px;display:inline-block}.map-legend-dot--me{background:#4fc3f7}.map-legend-dot--mate{background:#d2d2d2cc}.map-legend-dot--mission{background:#ffd666}.map-mission-note{color:#ffd666;margin:8px 0 0;font-size:12px}.shop-hint{opacity:.7;text-align:center;margin:12px 0 0;font-size:11px}.mission-hint{color:#fff;pointer-events:none;background:#0009;border:1px solid #fff6;border-radius:6px;padding:6px 14px;font-family:sans-serif;font-size:14px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.mission-modal{z-index:40;pointer-events:auto;text-align:center;color:#d8f5d8;background:#0a0e0af5;border:1px solid #78c87880;border-radius:10px;padding:16px 20px 20px;font-family:sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mission-modal h3{color:#9be89b;margin:0 0 6px;font-size:16px}.mission-modal p{opacity:.85;margin:0 0 10px;font-size:12px}.mission-window{border:2px solid #3a5a3a;border-radius:6px;line-height:0;overflow:hidden}.mission-progress{margin-top:10px;font-size:15px;font-weight:700}.mission-cancel-btn{color:#d8f5d8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;margin-top:12px;padding:6px 12px;font-family:inherit;font-size:12px}.mission-cancel-btn:hover{background:#ffffff2e}.mission-success{color:#9be89b;font-size:15px;font-weight:700}.main-menu{color:#e7f2e7;text-align:center;background:linear-gradient(#060a08e0,#060a08f0),url(/tiles/v2_wall_concreto_64.png) 0 0/128px 128px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;height:100dvh;font-family:sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.main-menu-vignette{pointer-events:none;background:radial-gradient(#0000 35%,#000000bf 100%);position:absolute;inset:0}.main-menu-hero{width:clamp(90px,14vw,170px);image-rendering:pixelated;filter:drop-shadow(0 12px 24px #0009);position:relative}.main-menu-content{flex-direction:column;align-items:center;gap:10px;padding:0 20px;display:flex;position:relative}.main-menu-kicker{letter-spacing:3px;text-transform:uppercase;color:#86a86a;margin:0;font-size:13px}.main-menu-title{letter-spacing:2px;color:#f2fbe2;text-shadow:0 0 18px #86a86a8c,0 4px #0009;margin:0;font-size:clamp(28px,6vw,52px)}.main-menu-tagline{opacity:.8;max-width:480px;margin:0 0 6px;font-size:14px}.main-menu-play-btn{letter-spacing:1px;color:#0b120b;cursor:pointer;background:#86a86a;border:none;border-radius:8px;padding:14px 46px;font-family:inherit;font-size:20px;font-weight:700;transition:transform 80ms;box-shadow:0 6px #4a6b38}.main-menu-play-btn:active{transform:translateY(4px);box-shadow:0 2px #4a6b38}.main-menu-controls{opacity:.75;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:8px;font-size:12px;display:flex}.main-menu-controls strong{color:#e8c34a}.game-over-screen{z-index:30;pointer-events:auto;background:#140404bf;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-over-panel{color:#f5d8d8;text-align:center;background:#0f0808f2;border:1px solid #ff5a5a66;border-radius:10px;flex-direction:column;align-items:center;gap:14px;max-width:420px;padding:32px 40px;font-family:sans-serif;display:flex}.game-over-panel h2{letter-spacing:2px;color:#e05a5a;text-shadow:0 0 16px #e05a5a80;margin:0;font-size:30px}.game-over-panel p{opacity:.85;margin:0;font-size:13px}.game-over-actions{gap:12px;margin-top:6px;display:flex}.game-over-btn{color:#f5d8d8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff4d;border-radius:6px;padding:10px 20px;font-family:inherit;font-size:14px}.game-over-btn:hover{background:#ffffff2e}.game-over-btn--primary{color:#1a0808;background:#e05a5a;border-color:#e05a5a;font-weight:700}.building-select{color:#efe3dc;background:radial-gradient(at 50% 40%,#1a0c10 0%,#07040a 70%);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-family:sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.building-select-stage{aspect-ratio:1647/955;width:min(100vw,172.461dvh - 110.375px);position:relative;overflow:hidden;box-shadow:0 0 60px #78000059}.building-select-map{-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:9s step-end infinite building-map-flicker;display:block}@keyframes building-map-flicker{0%,to{filter:brightness()}61%{filter:brightness(.82)}62%{filter:brightness()}64%{filter:brightness(.7)}65%{filter:brightness()}}.building-select-fog{pointer-events:none;background:radial-gradient(22% 30% at 20% 70%,#aaa0be29,#0000 70%),radial-gradient(28% 24% at 55% 85%,#968caa24,#0000 70%),radial-gradient(20% 26% at 85% 65%,#aaa0be1f,#0000 70%);animation:38s linear infinite alternate building-fog;position:absolute;inset:30% -50% 0}@keyframes building-fog{0%{transform:translate(-12%)}to{transform:translate(12%)}}.building-select-flash{pointer-events:none;mix-blend-mode:overlay;opacity:0;background:#d2dcff8c;animation:13s linear 4s infinite building-lightning;position:absolute;inset:0}@keyframes building-lightning{0%,89%,to{opacity:0}90%{opacity:.9}91%{opacity:.1}92.5%{opacity:.7}95%{opacity:0}}.building-select-vignette{pointer-events:none;background:radial-gradient(#0000 55%,#000000bf 100%);position:absolute;inset:0}.building-hotspot{z-index:2;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0;transition:background .15s,transform .15s;position:absolute}.building-hotspot--enabled{animation:1.8s ease-in-out infinite building-pulse;box-shadow:0 0 0 2px #ff3c28bf,0 0 14px #ff28148c}.building-hotspot--enabled.building-hotspot--hover,.building-hotspot--enabled:focus-visible{background:#ff46282e;outline:none;animation:none;transform:scale(1.06);box-shadow:0 0 0 3px #ff4a2a,0 0 34px #ff3214f2}.building-hotspot--locked{cursor:not-allowed;background:#00000073}.building-hotspot--locked.building-hotspot--hover{background:#0009;box-shadow:inset 0 0 0 1px #78787880}@keyframes building-pulse{50%{box-shadow:0 0 0 3px #ff3c28,0 0 26px #ff1e0ae6}}.building-select-bar{z-index:3;align-items:center;gap:16px;min-height:40px;padding:0 16px;font-size:14px;display:flex;position:relative}.building-select-bar .screen-back-btn{color:#f0dcd6;background:#4608088c;border-color:#ff463273}.building-select-bar .screen-back-btn:hover{background:#820e0ab3}.building-select-notice{-webkit-line-clamp:2;line-clamp:2;letter-spacing:.3px;text-shadow:0 0 10px #ff281473;-webkit-box-orient:vertical;align-content:center;width:min(560px,100vw - 150px);height:2.8em;line-height:1.4em;display:-webkit-box;overflow:hidden}.building-select-notice--locked{color:#ff8a7a;animation:.4s building-notice-shake}@keyframes building-notice-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.screen-back-btn{color:#e7f2e7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:6px;padding:8px 18px;font-family:inherit;font-size:14px}.screen-back-btn:hover{background:#ffffff2e}.role-select{color:#e7f2e7;text-align:center;background:linear-gradient(#060a08e0,#060a08f0),url(/tiles/v2_wall_concreto_64.png) 0 0/128px 128px;justify-content:center;align-items:center;font-family:sans-serif;display:flex;position:fixed;inset:0;overflow:auto}.role-select-content{flex-direction:column;align-items:center;gap:16px;padding:24px 20px;display:flex;position:relative}.role-select-title{color:#f2fbe2;margin:0;font-size:clamp(24px,4vw,38px)}.role-select-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.role-card{width:210px;color:inherit;cursor:pointer;background:#141e16e6;border:2px solid #86a86a59;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px 16px;font-family:inherit;transition:border-color .12s;display:flex}.role-card:hover{border-color:#e8c34a}.role-card-portrait{width:auto;height:190px;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #0009)}.role-card-name{color:#f2fbe2;font-size:20px;font-weight:700}.role-card-blurb{opacity:.8;font-size:12px;line-height:1.4}.role-card-mission{color:#e8c34a;font-size:12px;font-weight:700}.hud-floor{color:#f2fbe2;background:#0000008c;border-radius:4px;padding:2px 10px;font-size:13px;font-weight:700}.hud-slot{justify-content:center;align-items:center;display:flex}.hud-slot-icon{max-width:100%;max-height:100%;image-rendering:pixelated}.hud-abilities{pointer-events:none;gap:8px;display:flex;position:absolute;bottom:72px;right:16px}.hud-ability{color:#f2fbe2;background:#0009;border:1px solid #ffffff40;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:relative;overflow:hidden}.hud-ability--ready{border-color:#e8c34a}.hud-ability--cooling{opacity:.7}.hud-ability-key{z-index:1;color:#0b120b;text-align:center;background:#e8c34a;border-radius:4px;min-width:22px;padding:2px 6px;font-weight:700}.hud-ability-name{z-index:1}.hud-ability-fill{background:#e8c34a;height:3px;position:absolute;bottom:0;left:0}.inventory-modal{z-index:20;color:#f2fbe2;pointer-events:auto;background:#0c120ef2;border:1px solid #86a86a80;border-radius:10px;min-width:320px;padding:18px 22px;font-family:sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inventory-modal h3{margin:0 0 10px}.inventory-empty{opacity:.75;margin:6px 0;font-size:13px}.inventory-list{flex-direction:column;gap:8px;display:flex}.inventory-row{align-items:center;gap:10px;display:flex}.inventory-swatch{border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.inventory-icon{max-width:100%;max-height:100%;image-rendering:pixelated}.inventory-name{flex:1;font-size:14px}.inventory-use{color:#0b120b;cursor:pointer;background:#86a86a;border:none;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:700}.inventory-tag{opacity:.7;font-size:12px}.lobby-help{opacity:.8;max-width:460px;margin:0;font-size:14px}.lobby-error{color:#ff9c9c;margin:0;font-size:14px}.role-card--taken{opacity:.4;cursor:not-allowed}.role-card--taken:hover{border-color:#86a86a59;transform:none}.waiting-code{letter-spacing:14px;color:#e8c34a;text-shadow:0 0 22px #e8c34a73;margin:0;font-family:monospace;font-size:clamp(48px,12vw,96px)}.waiting-players{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.waiting-slot{opacity:.4;background:#141e16e6;border:2px solid #86a86a40;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:130px;padding:10px 8px;display:flex}.waiting-slot--present{opacity:1;border-color:#86a86a}.waiting-slot-portrait{width:auto;height:96px;image-rendering:pixelated}.waiting-slot-name{font-size:14px;font-weight:700}.waiting-slot-tag{opacity:.8;font-size:12px}.touch-controls{--touch-btn:clamp(52px, 14vmin, 68px);--touch-attack:clamp(68px, 19vmin, 92px);--touch-stick:clamp(104px, 30vmin, 136px);z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.touch-stick-zone{pointer-events:auto;touch-action:none;width:46%;height:62%;position:absolute;bottom:0;left:0}.touch-stick{left:calc(20px + env(safe-area-inset-left) + var(--touch-stick) / 2);top:calc(100% - 22px - env(safe-area-inset-bottom) - var(--touch-stick) / 2);width:var(--touch-stick);height:var(--touch-stick);opacity:.55;pointer-events:none;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;transform:translate(-50%,-50%)}.touch-stick--active{opacity:1;background:#ffffff1f;border-color:#ffffff73;transition:none}.touch-stick-knob{background:#fff9;border-radius:50%;width:44%;height:44%;box-shadow:0 2px 8px #0006}.touch-buttons{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));width:calc(var(--touch-attack) + var(--touch-btn) * 1.55);height:calc(var(--touch-attack) + var(--touch-btn) * 1.55);position:absolute}.touch-btn{width:var(--touch-btn);height:var(--touch-btn);font-family:sans-serif;font-size:calc(var(--touch-btn) * .38);color:#fff;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;background:#141e169e;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;padding:0;font-weight:700;line-height:1;display:flex;position:absolute}.touch-btn:active{background:#e8c34a99}.touch-btn--attack{width:var(--touch-attack);height:var(--touch-attack);font-size:calc(var(--touch-attack) * .4);background:#781e1e99;border-color:#faa9;bottom:0;right:0}.touch-btn--charged{right:calc(var(--touch-attack) + 10px);bottom:calc(var(--touch-attack) * .08);background:radial-gradient(circle, #141e16bf 60%, transparent 61%), conic-gradient(#e8c34a var(--cooldown,100%), #ffffff26 0);opacity:.7}.touch-btn--charged.touch-btn--ready{opacity:1;border-color:#e8c34a;box-shadow:0 0 12px #e8c34a99}.touch-btn--dash{right:calc(var(--touch-attack) * .08);bottom:calc(var(--touch-attack) + 10px)}.touch-btn--e{right:calc(var(--touch-attack) * .78);bottom:calc(var(--touch-attack) * .78);width:calc(var(--touch-btn) * .82);height:calc(var(--touch-btn) * .82);color:#e8c34a}.wires-board{touch-action:none;max-width:100%;display:block}html,body{overscroll-behavior:none}.wires-board{height:auto}@media (height<=460px){.mission-modal{transform:translate(-50%,-50%)scale(.78)}}.math-question{letter-spacing:2px;color:#f2fbe2;margin:10px 0 14px;font-size:34px;font-weight:700}.math-options{grid-template-columns:repeat(2,120px);justify-content:center;gap:10px;margin-bottom:12px;display:grid}.math-option{color:#0b120b;cursor:pointer;touch-action:manipulation;background:#86a86a;border:none;border-radius:8px;padding:12px 8px;font-family:inherit;font-size:20px;font-weight:700}.math-option--wrong{color:#fff;background:#c0392b}.stack-board{touch-action:none;border-radius:8px;max-width:100%;height:auto;margin:0 auto;display:block}.stack-actions{justify-content:center;gap:10px;margin-top:8px;display:flex}@media (height<=460px){.stack-board{width:auto;max-height:200px}}.hud-top-left{top:calc(10px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute}.hud-stats-row{flex-wrap:wrap;gap:6px;display:flex}.hud-top-right{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute}.hud-menu-buttons{gap:8px;display:flex}.hud-icon-btn{color:#f2fbe2;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000008c;border:1px solid #ffffff59;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:18px;line-height:1;display:flex}.hud-icon-btn:hover,.hud-icon-btn:active{background:#86a86a8c}.hud-hurt-vignette{pointer-events:none;background:radial-gradient(#c8000000 55%,#c8000073 100%);animation:.45s ease-out forwards hud-hurt;position:absolute;inset:0}.hud-hurt-vignette--critical{background:radial-gradient(#c8000000 40%,#c80000a6 100%)}@keyframes hud-hurt{0%{opacity:1}to{opacity:0}}.modal-close{color:#f2fbe2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:8px;width:32px;height:32px;padding:0;font-size:16px;line-height:1;position:absolute;top:8px;right:8px}.shop-modal,.inventory-modal,.map-modal{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.shop-modal h3,.inventory-modal h3,.map-modal h3{padding-right:36px}.main-menu-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.main-menu-secondary-btn{color:#e7f2e7;cursor:pointer;background:#ffffff14;border:2px solid #86a86a99;border-radius:8px;padding:12px 26px;font-family:inherit;font-size:17px;font-weight:700;transition:background .12s}.main-menu-secondary-btn:hover{background:#86a86a40}.main-menu-tip{color:#ff9c9c;opacity:.85;max-width:440px;margin:4px 0 0;font-size:12px}.settings-overlay{z-index:100;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;text-align:left;background:#0009;justify-content:center;align-items:center;font-family:sans-serif;animation:.15s ease-out settings-fade;display:flex;position:fixed;inset:0}@keyframes settings-fade{0%{opacity:0}}.settings-panel{box-sizing:border-box;overscroll-behavior:contain;color:#e7f2e7;background:linear-gradient(#101812fa,#0a0f0cfa);border:1px solid #86a86a80;border-radius:12px;outline:none;width:min(460px,100%);max-height:100%;padding:18px 20px 16px;overflow-y:auto;box-shadow:0 20px 60px #0009}.settings-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings-header h2{letter-spacing:1px;color:#f2fbe2;margin:0;font-size:22px}.settings-close{color:#e7f2e7;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:8px;width:34px;height:34px;font-size:16px}.settings-close:hover{background:#ffffff2e}.settings-note{color:#ffd666;background:#ffd66614;border-radius:6px;margin:0 0 8px;padding:6px 10px;font-size:12px}.settings-section{border-top:1px solid #ffffff1a;padding:12px 0 4px}.settings-section:first-of-type{border-top:none}.settings-section-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.settings-section-head h3{letter-spacing:2px;text-transform:uppercase;color:#86a86a;margin:0;font-size:13px}.settings-mute{color:#e7f2e7;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;font-family:inherit;font-size:12px}.settings-mute--on{color:#1a0808;background:#e05a5a;border-color:#e05a5a;font-weight:700}.settings-slider{flex-direction:column;gap:4px;padding:8px 0;display:flex}.settings-slider--master{background:#86a86a1a;border-radius:8px;margin-bottom:4px;padding:10px 12px}.settings-slider--muted{opacity:.45}.settings-slider-head{justify-content:space-between;align-items:baseline;display:flex}.settings-row-label{color:#f2fbe2;font-size:14px;font-weight:700}.settings-row-hint{opacity:.6;font-size:11px}.settings-value{text-align:right;color:#e8c34a;min-width:42px;font-family:monospace;font-size:14px}.settings-slider input[type=range]{--fill:50%;cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:28px;margin:0}.settings-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, #86a86a var(--fill), #ffffff26 var(--fill));border-radius:999px;height:8px}.settings-slider input[type=range]::-moz-range-track{background:#ffffff26;border-radius:999px;height:8px}.settings-slider input[type=range]::-moz-range-progress{background:#86a86a;border-radius:999px;height:8px}.settings-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#f2fbe2;border:3px solid #4a6b38;border-radius:50%;width:22px;height:22px;margin-top:-7px;box-shadow:0 2px 6px #00000080}.settings-slider input[type=range]::-moz-range-thumb{background:#f2fbe2;border:3px solid #4a6b38;border-radius:50%;width:16px;height:16px}.settings-slider input[type=range]:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #e8c34a}.settings-toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.settings-toggle-text{flex-direction:column;gap:2px;display:flex}.settings-toggle input{opacity:0;pointer-events:none;position:absolute}.settings-switch{background:#ffffff2e;border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .15s;position:relative}.settings-switch:after{content:"";background:#f2fbe2;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px}.settings-toggle input:checked+.settings-switch:after{transform:translate(20px)}.settings-toggle input:focus-visible+.settings-switch{outline-offset:2px;outline:2px solid #e8c34a}.settings-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.settings-done{padding:10px 32px;font-size:16px}.settings-exit-btn{color:#f8a89a;cursor:pointer;background:#78140a8c;border:1px solid #dc3c2899;border-radius:6px;padding:8px 18px;font-size:14px;transition:background .15s,border-color .15s}.settings-exit-btn:hover,.settings-exit-btn--confirm{color:#fff;background:#b41e0fbf;border-color:#f05032d9}.settings-exit-confirm{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.settings-exit-confirm span{color:#f8c8b0;white-space:nowrap;font-size:13px}@media (pointer:coarse){.hud-hint{display:none}}@media (width<=640px),(height<=500px){.hud-health-bar{width:132px;height:16px}.hud-health-label{font-size:11px}.hud-garavitos,.hud-floor{height:auto;padding:1px 7px;font-size:11px}.hud-slot{width:22px;height:22px}.hud-inventory{gap:4px}.hud-wave{max-width:44vw;padding:2px 6px;font-size:11px}.hud-icon-btn{width:34px;height:34px;font-size:17px}.hud-wave-banner{padding:8px 14px;font-size:15px}.hud-interact-hint{bottom:calc(14px + env(safe-area-inset-bottom));padding:5px 12px;font-size:13px}.hud-toast{bottom:auto;top:calc(52px + env(safe-area-inset-top));font-size:12px}.shop-modal,.inventory-modal,.map-modal{min-width:0;padding:14px}.map-overview-grid{flex-wrap:wrap;justify-content:center}.map-overview-col--team,.map-overview-col--inventory{flex:160px;max-width:none}.shop-items{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.main-menu{box-sizing:border-box;justify-content:safe center;gap:8px;padding:12px 0;overflow-y:auto}.main-menu-hero{width:clamp(48px,12vmin,90px)}.main-menu-tagline{font-size:13px}.main-menu-play-btn{padding:11px 34px;font-size:17px}.main-menu-secondary-btn{padding:10px 20px;font-size:15px}.main-menu-controls{gap:8px 12px;font-size:11px}.role-select{align-items:safe center}.role-select-content{gap:12px;padding:16px 12px}.role-select-grid{gap:10px}.role-card{gap:5px;width:min(160px,50vw - 22px);padding:10px 8px 12px}.role-card-portrait{height:110px}.role-card-name{font-size:16px}.role-card-blurb,.role-card-mission{font-size:11px}.lobby-help{font-size:13px}.waiting-code{letter-spacing:10px;font-size:clamp(40px,12vmin,72px)}.waiting-slot{width:104px;padding:8px 6px}.waiting-slot-portrait{height:64px}.game-over-panel{margin:0 16px;padding:22px 20px}.building-select-bar{gap:10px;width:100%;font-size:12px}.building-select-notice{flex:1;width:auto;min-width:0}.settings-panel{padding:14px 16px 12px}}@media (height<=500px) and (orientation:landscape){.main-menu{flex-direction:row;justify-content:center;gap:20px}.main-menu-content{gap:6px}.main-menu-hero{width:clamp(56px,16vh,90px)}.main-menu-title{font-size:clamp(24px,8vh,40px)}.main-menu-controls{display:none}.role-card{width:150px}.role-card-portrait{height:84px}.role-card-blurb{display:none}.waiting-slot-portrait{height:48px}.hud-top-right{flex-direction:row-reverse;align-items:flex-start}}.hud-weapon{background:#0000008c;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:6px;padding:3px 10px 3px 6px;font-size:13px;display:flex;position:relative;overflow:hidden}.hud-weapon--empty{border-color:#e05a5a;animation:.9s ease-in-out infinite connection-blink}.hud-weapon-icon{object-fit:contain;width:26px;height:26px;image-rendering:pixelated}.hud-weapon-glyph{text-align:center;width:26px;font-size:18px}.hud-weapon-name{font-weight:700}.hud-weapon-ammo{color:#e8c34a;font-family:monospace;font-size:14px}.hud-weapon-ammo small{color:#cfd8cf;font-size:11px}.hud-weapon-keys{opacity:.6;font-size:11px}.hud-weapon-reload{background:#e8c34a;height:3px;position:absolute;bottom:0;left:0}.inventory-use--secondary{color:#f2fbe2;background:#ffffff1f;border:1px solid #ffffff4d}.touch-btn--weapon{right:calc(var(--touch-attack) + var(--touch-btn) + 18px);width:calc(var(--touch-btn) * .82);height:calc(var(--touch-btn) * .82);bottom:0}.touch-btn--weapon img{object-fit:contain;width:70%;height:70%;image-rendering:pixelated}.touch-btn--reload{right:0;bottom:calc(var(--touch-attack) + var(--touch-btn) + 18px);width:calc(var(--touch-btn) * .82);height:calc(var(--touch-btn) * .82);color:#e8c34a}@media (width<=640px),(height<=500px){.hud-weapon{padding:2px 8px 2px 4px;font-size:11px}.hud-weapon-icon,.hud-weapon-glyph{width:20px;height:20px;font-size:14px}.hud-weapon-ammo{font-size:12px}}.spectator{z-index:18;pointer-events:none;color:#fff;background:radial-gradient(#0000 45%,#3c00008c 100%);font-family:sans-serif;position:absolute;inset:0}.spectator-banner{top:calc(18% + env(safe-area-inset-top));text-align:center;background:#280808d9;border:1px solid #ff8c8c80;border-radius:10px;flex-direction:column;align-items:center;gap:4px;width:max-content;max-width:calc(100vw - 32px);padding:10px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.spectator-banner strong{letter-spacing:1px;color:#ff8a8a;font-size:20px}.spectator-banner span{opacity:.9;font-size:13px}.spectator-picker{bottom:calc(18px + env(safe-area-inset-bottom));pointer-events:auto;align-items:center;gap:10px;max-width:calc(100vw - 24px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.spectator-current{background:#000000b3;border:1px solid #ffffff40;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:8px 14px;display:flex}.spectator-label{letter-spacing:2px;text-transform:uppercase;opacity:.7;font-size:11px}.spectator-chips{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.spectator-chip{color:#f2fbe2;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:4px 12px;font-family:inherit;font-size:13px;display:flex}.spectator-chip--active{color:#0b120b;background:#86a86a;border-color:#86a86a;font-weight:700}.spectator-chip-hp{opacity:.75;font-size:11px}.spectator-arrow{color:#f2fbe2;cursor:pointer;background:#000000b3;border:1px solid #ffffff4d;border-radius:50%;width:48px;height:48px;font-size:18px}.spectator-arrow:hover,.spectator-chip:hover{border-color:#e8c34a}.hud-interact-hint--revive{border-color:#9bf0b8}.hud-interact-hint--revive strong{color:#9bf0b8}.hud-revive-bar{background:#fff3;border-radius:2px;height:4px;margin-top:5px;overflow:hidden}.hud-revive-bar div{background:#9bf0b8;height:100%}@media (width<=640px),(height<=500px){.spectator-banner strong{font-size:16px}.spectator-banner{top:calc(64px + env(safe-area-inset-top));padding:8px 14px}.spectator-arrow{width:42px;height:42px}}.hud-missions{background:#0000008c;border:1px solid #9b78e68c;border-radius:6px;flex-direction:column;gap:2px;min-width:150px;padding:5px 9px;font-size:12px;display:flex}.hud-missions-title{color:#cdb8ff;font-weight:700}.hud-mission{align-items:center;gap:6px;display:flex}.hud-mission-room{flex:1}.hud-mission-floor{opacity:.7;font-size:10px}.hud-mission--done{color:#9bf0b8;opacity:.75;text-decoration:line-through}.code-display{letter-spacing:6px;color:#9bf0b8;background:#061006;border:2px solid #3a5a3a;border-radius:8px;width:max-content;margin:6px auto 12px;padding:8px 16px;font-family:monospace;font-size:30px}.code-display--wrong{color:#ff8a8a;border-color:#c0392b}.code-keypad{grid-template-columns:repeat(3,64px);justify-content:center;gap:8px;margin-bottom:10px;display:grid}.code-key{padding:10px 0}.code-key:disabled{opacity:.4}.vaccine-vials{justify-content:center;gap:14px;margin:10px 0 14px;display:flex}.vaccine-vial{cursor:pointer;background:#ffffff14;border:2px solid #ffffff73;border-radius:10px 10px 18px 18px;width:54px;height:92px;padding:0;transition:transform 80ms,box-shadow 80ms;position:relative;overflow:hidden}.vaccine-liquid{background:var(--vial);opacity:.55;height:62%;position:absolute;bottom:0;left:0;right:0}.vaccine-vial--lit{box-shadow:0 0 22px var(--vial);transform:scale(1.1)}.vaccine-vial--lit .vaccine-liquid{opacity:1}.cash-total{color:#ffd666;margin:8px 0 10px;font-size:18px;font-weight:700}.cash-total--wrong{color:#ff8a8a}.cash-money{grid-template-columns:repeat(3,1fr);gap:8px;max-width:320px;margin:0 auto 10px;display:grid}.cash-coin{font-size:15px}.fuse-board{grid-template-columns:repeat(3,70px);justify-content:center;gap:10px;margin:10px 0 12px;display:grid}.fuse{cursor:pointer;background:#1b1d20;border:2px solid #3a3f45;border-radius:8px;height:70px;padding:0;position:relative}.fuse-lever{background:#8a2b2b;border-radius:4px;width:14px;height:30px;transition:top .12s,background .12s;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.fuse--on{border-color:#e8c34a;box-shadow:inset 0 0 12px #e8c34a80}.fuse--on .fuse-lever{background:#e8c34a;top:42%}@media (width<=640px),(height<=500px){.hud-missions{min-width:0;padding:3px 7px;font-size:11px}.vaccine-vial{width:44px;height:72px}.fuse-board{grid-template-columns:repeat(3,56px)}.fuse{height:56px}}@media (height<=500px) and (orientation:landscape){.hud-mission-room{display:none}.hud-missions{flex-flow:wrap;gap:6px}}.hud-ability-chip{background:#0000008c;border:1px solid #e8c34a99;border-radius:6px;align-items:center;gap:6px;padding:3px 9px 3px 4px;font-size:12px;display:flex;position:relative;overflow:hidden}.hud-ability-chip small{opacity:.75}.hud-ability-chip--cooling{opacity:.8;border-color:#ffffff40}.hud-ability-chip .hud-ability-key{min-width:18px;padding:1px 5px}.shop-item-price s{opacity:.55}.phone-panel,.treasury-panel{top:calc(56px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));z-index:35;box-sizing:border-box;color:#d8f5d8;pointer-events:auto;background:#080c0af0;border:2px solid #2f4a3a;border-radius:18px;width:min(360px,100vw - 24px);max-height:calc(100dvh - 80px);padding:10px 12px 12px;font-family:sans-serif;position:absolute;overflow:auto;box-shadow:0 12px 30px #0009}.phone-header{justify-content:space-between;align-items:center;min-height:32px;padding-right:36px;font-size:13px;font-weight:700;display:flex;position:relative}.phone-close{top:0;right:0}.phone-tabs{gap:6px;margin:6px 0;display:flex}.phone-tab{color:#d8f5d8;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:8px;flex:1;padding:6px 4px;font-family:inherit;font-size:12px}.phone-tab--active{color:#0b120b;background:#86a86a;border-color:#86a86a;font-weight:700}.phone-tab-count{margin-left:4px;font-size:11px}.phone-screen{width:100%;height:auto;image-rendering:pixelated;border:1px solid #2f4a3a;border-radius:8px;display:block}.phone-legend{flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:11px;display:flex}.phone-legend i{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.phone-note{opacity:.7;margin:6px 0 0;font-size:11px}.treasury-row{border-top:1px solid #ffffff1a;align-items:center;gap:6px;padding:8px 0;display:flex}.treasury-name{flex-direction:column;flex:1;font-size:13px;display:flex}.treasury-name small{opacity:.7;font-size:11px}.treasury-row .inventory-use{padding:6px 9px}.treasury-row .inventory-use:disabled{opacity:.4}.touch-btn--ability{right:calc(var(--touch-attack) + var(--touch-btn) + 18px);bottom:calc(var(--touch-btn) + 14px);width:calc(var(--touch-btn) * .82);height:calc(var(--touch-btn) * .82);border-color:#e8c34a}@font-face{font-family:Blockstepped;src:url(/assets/Blockstepped-C1e5lcjY.ttf)format("truetype");font-display:swap}.start-screen{color:#efe3dc;background:#050306;font-family:sans-serif;position:fixed;inset:0;overflow:hidden}.start-video{object-fit:cover;transform-origin:60% 45%;width:100%;height:100%;position:absolute;inset:0}.start-screen--intro .start-video{filter:brightness(.78)contrast(1.08)}.start-screen--menu .start-video{filter:brightness(.42)saturate(.75)contrast(1.2)sepia(.25)hue-rotate(-18deg);animation:26s ease-in-out infinite alternate start-kenburns}@keyframes start-kenburns{0%{transform:scale(1.04)translate(0)}to{transform:scale(1.14)translate(-1.5%,1%)}}.start-shade{pointer-events:none;background:linear-gradient(90deg,#040103f5 0%,#080104cc 34%,#1400044d 70%),linear-gradient(#04010300 55%,#040103f2 100%),linear-gradient(#040103cc 0%,#04010300 25%),radial-gradient(at 65% 45%,#0000 35%,#000000d9 100%);transition:opacity .8s;position:absolute;inset:0}.start-screen--intro .start-shade{opacity:.3}.start-fog{pointer-events:none;background:radial-gradient(20% 35% at 15% 80%,#968caa24,#0000 70%),radial-gradient(26% 30% at 50% 90%,#82789629,#0000 70%),radial-gradient(22% 32% at 85% 75%,#968caa1f,#0000 70%);animation:34s linear infinite alternate start-fog;position:absolute;inset:45% -50% -10%}@keyframes start-fog{0%{transform:translate(-14%)}to{transform:translate(14%)}}.start-flash{pointer-events:none;opacity:0;background:radial-gradient(at 70% 10%,#dce1ff8c,#a0aadc1f 60%);position:absolute;inset:0}.start-screen--menu .start-flash{animation:11s linear 3s infinite start-lightning}@keyframes start-lightning{0%,90%,to{opacity:0}91%{opacity:.85}92%{opacity:.05}93.5%{opacity:.6}96%{opacity:0}}.start-embers span{bottom:-12px;left:var(--x);opacity:0;width:5px;height:5px;animation:start-ember var(--d) linear infinite;animation-delay:calc(var(--i) * -.9s);pointer-events:none;background:#ff4a2a;border-radius:50%;position:absolute;box-shadow:0 0 10px 3px #c8140ab3}@keyframes start-ember{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:.9}to{opacity:0;transform:translate(40px,-105vh)scale(.3)}}.start-intro-controls{right:calc(18px + env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));gap:10px;display:flex;position:absolute}.start-chip{color:#f2ede4;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a061499;border:1px solid #ffffff59;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:14px}.start-chip--skip{border-color:#d4241a;font-weight:700}.start-chip:hover{background:#d4241a4d}.start-menu{z-index:3;flex-direction:column;align-items:flex-start;gap:14px;width:min(460px,100vw - 40px);animation:.7s ease-out both start-menu-in;display:flex;position:absolute;top:50%;left:clamp(20px,7vw,110px);transform:translateY(-50%)}@keyframes start-menu-in{0%{opacity:0;transform:translate(-24px,-50%)}to{opacity:1;transform:translateY(-50%)}}.start-kicker{letter-spacing:3px;text-transform:uppercase;color:#d4362a;margin:0;font-size:12px}.start-title{letter-spacing:2px;text-transform:uppercase;color:#f2ede4;flex-direction:column;margin:0;font-family:Blockstepped,Impact,sans-serif;font-weight:400;line-height:.95;display:flex}.start-title span:first-child{color:#b9a9a4;text-shadow:0 3px #000c;font-size:clamp(22px,3.2vw,34px)}.start-title-big{background:linear-gradient(#ff6a50 0%,#c8140c 50%,#5c0404 100%);color:#0000;filter:drop-shadow(0 5px #1a0202)drop-shadow(0 0 24px #dc140a99);-webkit-background-clip:text;background-clip:text;font-size:clamp(48px,8.5vw,104px);animation:7s step-end infinite start-title-flicker}@keyframes start-title-flicker{0%,to{opacity:1}71%{opacity:.35}72%{opacity:1}74%{opacity:.55}75%{opacity:1}}.start-tagline{color:#e1d2cdc7;max-width:400px;margin:0;font-size:15px;line-height:1.45}.start-actions{flex-direction:column;gap:10px;width:min(300px,100%);margin-top:6px;display:flex}.start-btn{letter-spacing:.5px;text-align:left;color:#efe3dc;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0406c7;border:1px solid #b41e1973;border-radius:10px;align-items:center;gap:12px;width:100%;padding:13px 20px;font-family:inherit;font-size:17px;font-weight:700;transition:transform .12s,background .12s,border-color .12s;display:flex}.start-btn span{text-align:center;width:22px}.start-btn:hover,.start-btn:focus-visible{background:#460608d9;border-color:#e0301f;outline:none;transform:translate(6px);box-shadow:0 0 18px #c8140a66}.start-btn--primary{color:#fff1ec;text-shadow:0 2px #00000080;background:linear-gradient(#c41c12,#6e0606);border:none;padding:16px 22px;font-size:21px;box-shadow:0 6px #2e0202,0 0 30px #c8140a80}.start-btn--primary:hover,.start-btn--primary:focus-visible{background:linear-gradient(#e0281a,#860808)}.start-btn--primary:active{transform:translateY(4px);box-shadow:0 2px #2e0202}.start-link{color:#f2ede4b3;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:inherit;font-size:13px;text-decoration:underline}.start-footer{right:calc(16px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));letter-spacing:2px;color:#f2ede473;font-size:11px;position:absolute}@media (width<=640px){.start-video{object-position:58% center}.start-shade{background:linear-gradient(#04010340 25%,#040103d1 55%,#040103f7 100%),radial-gradient(at 55% 30%,#0000 30%,#000c 100%)}.start-menu{top:auto;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;align-items:center;animation:none;left:50%;transform:translate(-50%)}.start-actions{width:100%}.start-btn{justify-content:center}.start-btn:hover,.start-btn:focus-visible{transform:none}.start-tagline{font-size:13px}.start-footer{display:none}}@media (height<=500px) and (orientation:landscape){.start-menu{gap:8px}.start-title-big{font-size:clamp(36px,11vh,64px)}.start-tagline{display:none}.start-btn{padding:9px 16px;font-size:15px}.start-btn--primary{padding:11px 18px;font-size:17px}}@media (prefers-reduced-motion:reduce){.start-screen--menu .start-video,.start-embers span,.start-menu,.start-fog,.start-title-big{animation:none}.start-screen--menu .start-flash{display:none}}.howto-panel{width:min(620px,100%)}.howto-tabs{flex-wrap:wrap;gap:6px;margin:4px 0 10px;display:flex}.howto-tab{color:#e7f2e7;cursor:pointer;background:#ffffff0f;border:1px solid #fff3;border-radius:999px;padding:7px 12px;font-family:inherit;font-size:13px}.howto-tab--active{color:#0b120b;background:#86a86a;border-color:#86a86a;font-weight:700}.howto-section{font-size:14px;line-height:1.5}.howto-section p,.howto-section ol,.howto-section ul{margin:0 0 10px}.howto-section h3{color:#86a86a;margin:10px 0 6px;font-size:14px}.howto-tip{color:#ffd666;background:#ffd66614;border-radius:8px;padding:8px 10px}.howto-keys{border-collapse:collapse;width:100%}.howto-keys th,.howto-keys td{text-align:left;border-bottom:1px solid #ffffff14;padding:6px 4px}.howto-keys th{width:40%;font-weight:400}kbd{color:#0b120b;background:#e8c34a;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:12px}.howto-roles{flex-direction:column;gap:10px;display:flex}.howto-role{align-items:center;gap:12px;display:flex}.howto-role img{object-fit:contain;width:54px;height:80px;image-rendering:pixelated}.howto-role h3{margin:0 0 2px}.howto-role p{margin:0 0 2px;font-size:13px}.howto-muted{opacity:.7;font-size:12px}.results-panel{box-sizing:border-box;max-width:min(680px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.results-panel--victory{border-color:#e8c34a99}.results-panel--victory h2{color:#e8c34a;text-shadow:0 0 16px #e8c34a80}.results-meta{flex-wrap:wrap;justify-content:center;gap:8px 18px;font-size:13px;display:flex}.results-meta strong{color:#fff;font-size:18px}.results-table-wrap{width:100%;overflow-x:auto}.results-table{border-collapse:collapse;width:100%;font-size:13px}.results-table th,.results-table td{text-align:center;white-space:nowrap;border-bottom:1px solid #ffffff1a;padding:6px 8px}.results-table tbody th{text-align:left;font-weight:700}.results-awards{color:#e8c34a;font-size:11px;font-weight:400;display:block}.ranking-panel{width:min(640px,100%)}.estado-cifras{grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 10px;display:grid}.estado-cifra{background:#00000040;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;display:flex}.estado-valor{color:#e8c34a;font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.estado-etiqueta{color:#c9d6c9;align-items:center;gap:4px;font-size:12px;display:inline-flex}.estado-nodo{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.estado-punto{background:#3fb950;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite estado-latido;box-shadow:0 0 6px #3fb950}@keyframes estado-latido{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.estado-punto{animation:none}}@media (width<=560px){.estado-cifras{grid-template-columns:repeat(2,1fr)}.estado-valor{font-size:24px}}.game-over-actions{flex-wrap:wrap;justify-content:center}.tutorial-tip{left:50%;bottom:calc(150px + env(safe-area-inset-bottom));z-index:17;box-sizing:border-box;color:#f2fbe2;pointer-events:auto;background:#0c121eeb;border:1px solid #4fc3f7;border-radius:12px;align-items:center;gap:12px;width:min(520px,100vw - 32px);padding:10px 12px 10px 14px;font-family:sans-serif;animation:.25s ease-out tutorial-in;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@keyframes tutorial-in{0%{opacity:0;transform:translate(-50%,12px)}}.tutorial-tip p{flex:1;margin:0;font-size:14px;line-height:1.4}.tutorial-tip-icon{font-size:24px}.tutorial-tip-close{color:#0b1a24;cursor:pointer;background:#4fc3f7;border:none;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:13px;font-weight:700}@media (width<=640px),(height<=500px){.tutorial-tip{top:calc(100px + env(safe-area-inset-top));bottom:auto}.tutorial-tip p{font-size:12px}}.hud-kinder-event{top:calc(56px + env(safe-area-inset-top));text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:7px 14px;font-size:13px;animation:1.2s ease-in-out infinite hud-event-pulse;position:absolute;left:50%;transform:translate(-50%)}.hud-kinder-event--blackout{color:#1a1400;background:#ffd23feb}.hud-kinder-event--supply{color:#062006;background:#6fd36feb}@keyframes hud-event-pulse{50%{box-shadow:0 0 18px #ffffff73}}@media (width<=640px),(height<=500px){.hud-kinder-event{top:calc(96px + env(safe-area-inset-top));font-size:11px}}.game-loading{color:#e7f2e7;background:#0b120b;justify-content:center;align-items:center;font-family:sans-serif;font-size:16px;display:flex;position:absolute;inset:0}.hw-creatures{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hw-bat{top:var(--top);animation:hw-bat-fly var(--dur) linear infinite;animation-delay:var(--delay);position:absolute;left:0}.hw-bat--reverse{animation-name:hw-bat-fly-reverse}@keyframes hw-bat-fly{0%{transform:translate(-12vw)}25%{transform:translate(22vw,-6vh)}50%{transform:translate(52vw,4vh)}75%{transform:translate(80vw,-3vh)}to{transform:translate(112vw,2vh)}}@keyframes hw-bat-fly-reverse{0%{transform:translate(112vw)scaleX(-1)}25%{transform:translate(78vw,5vh)scaleX(-1)}50%{transform:translate(48vw,-5vh)scaleX(-1)}75%{transform:translate(18vw,3vh)scaleX(-1)}to{transform:translate(-12vw,-2vh)scaleX(-1)}}.hw-bat-bob{animation:hw-bat-bob var(--bob) ease-in-out infinite alternate;display:block}@keyframes hw-bat-bob{0%{transform:translateY(-3px)rotate(-4deg)}to{transform:translateY(3px)rotate(4deg)}}.hw-bat-svg{fill:#0a0508;filter:drop-shadow(0 0 4px #ff3c1e59);display:block}.hw-bat-wing{transform-box:view-box;animation:.22s ease-in-out infinite alternate hw-bat-flap}.hw-bat-wing--left{transform-origin:30px 15px}.hw-bat-wing--right{transform-origin:34px 15px}@keyframes hw-bat-flap{0%{transform:scaleY(1)}to{transform:scaleY(-.35)}}.hw-bat-eye,.hw-spider-eye{fill:#ff3b1f}.hw-spider{top:0;left:var(--x);animation:hw-spider-drop var(--dur) ease-in-out infinite;animation-delay:var(--delay);position:absolute}@keyframes hw-spider-drop{0%,to{transform:translateY(-120%)}30%,70%{transform:translateY(var(--drop))}45%{transform:translateY(calc(var(--drop) - 2vh))}55%{transform:translateY(calc(var(--drop) + 1vh))}}.hw-spider-thread{background:linear-gradient(#dcdce61a,#dcdce68c);width:1px;height:120vh;position:absolute;bottom:calc(100% - 14px);left:50%}.hw-spider-svg{fill:#0b070a;filter:drop-shadow(0 0 3px #000c);transform-origin:50% -40%;animation:2.4s ease-in-out infinite alternate hw-spider-sway;display:block;position:relative}@keyframes hw-spider-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.hw-spider-legs{stroke:#0b070a;transform-box:view-box;transform-origin:20px 22px;animation:.5s ease-in-out infinite alternate hw-spider-legs}@keyframes hw-spider-legs{0%{transform:scaleY(1)}to{transform:scaleY(.88)}}.hw-spider-mark{fill:#b3120a}@media (width<=640px){.hw-bat-svg{transform:scale(.75)}}@media (prefers-reduced-motion:reduce){.hw-creatures,.building-select-flash{display:none}.building-select-map,.building-select-fog,.building-hotspot--enabled{animation:none}}.lobby-screen{color:#e9e4d6;background:radial-gradient(at 50% 35%,#142019 0%,#050806 75%);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.lobby-stage-slot{flex:1 1 0;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.lobby-stage{width:min(100cqw, 100cqh * var(--stage-ratio));flex-shrink:0;margin:0;position:relative;overflow:hidden;box-shadow:0 0 70px #3cc85a1f;container-type:inline-size}.lobby-stage-art{-webkit-user-select:none;user-select:none;max-width:none;height:auto;animation:8s step-end infinite lobby-flicker;position:absolute}@keyframes lobby-flicker{0%,to{filter:brightness()}47%{filter:brightness(.75)}48%{filter:brightness(1.05)}49.5%{filter:brightness(.6)}50.5%{filter:brightness()}}.lobby-eye{aspect-ratio:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#c8ffaaf2 0%,#5aff6e8c 40%,#0000 72%);border-radius:50%;width:2.2%;animation:3.2s ease-in-out infinite lobby-eyes;position:absolute;transform:translate(-50%,-50%)}@keyframes lobby-eyes{0%,to{opacity:.35;transform:translate(-50%,-50%)scale(.9)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.35)}}.lobby-building-tag{letter-spacing:3px;text-transform:uppercase;color:#9dff8a;text-shadow:0 0 8px #5aff5a99;background:#0000008c;border:1px solid #78ff6e59;border-radius:4px;padding:4px 12px;font-size:clamp(11px,1.3vw,15px);position:absolute;top:3%;left:3%}.lobby-hotspot{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:0;transition:box-shadow .15s,background .15s,transform .1s;position:absolute}.lobby-hotspot:hover:not(:disabled),.lobby-hotspot:focus-visible{background:#aaff7824;outline:none;box-shadow:0 0 0 2px #a0ff6ed9,0 0 26px #6eff50bf}.lobby-hotspot--back:hover:not(:disabled),.lobby-hotspot--back:focus-visible{background:#ffffff1a;box-shadow:0 0 0 2px #dcdcdcb3,0 0 18px #ffffff59}.lobby-hotspot:active:not(:disabled){transform:translateY(2px)scale(.98)}.lobby-hotspot:disabled{cursor:not-allowed;background:#00000059}.lobby-stage--busy .lobby-hotspot{cursor:progress}.lobby-code-field{box-sizing:border-box;letter-spacing:.35em;text-indent:.35em;text-align:center;text-transform:uppercase;color:#b8ff9c;text-shadow:0 0 10px #6eff50d9;caret-color:#b8ff9c;background:0 0;border:none;border-radius:4px;padding:0;font-family:Courier New,monospace;font-size:2.3cqw;font-weight:700;position:absolute}.lobby-code-field::placeholder{color:#c8dcbe47;text-shadow:none}.lobby-code-field:focus{outline:none;box-shadow:0 0 0 2px #a0ff6eb3,0 0 20px #6eff5073}.lobby-status{z-index:3;text-align:center;color:#e1ebd7cc;max-width:min(640px,100vw - 32px);min-height:2.8em;margin:0;font-size:14px;line-height:1.4em;position:relative}.lobby-status--error{color:#ff8a7a;animation:.4s building-notice-shake}@media (aspect-ratio<=1){.lobby-eye{width:4.4%}.lobby-code-field{font-size:4.6cqw}}@media (prefers-reduced-motion:reduce){.lobby-stage-art,.lobby-eye{animation:none}}@font-face{font-family:Pirata One;src:url(/assets/PirataOne-Regular-BKMJVUpU.ttf)format("truetype");font-display:swap}@font-face{font-family:Creepster;src:url(/assets/Creepster-Regular-BBPTY9Qt.ttf)format("truetype");font-display:swap}:root{--hw-ink:#07040a;--hw-panel:#14080af2;--hw-panel-2:#220a0cf2;--hw-bone:#ecdfcc;--hw-bone-dim:#ecdfccb8;--hw-blood:#b3140c;--hw-blood-bright:#e8321f;--hw-blood-dark:#4a0505;--hw-border:#be241a80;--hw-ghost:#9dff8a;--hw-gold:#e8b64a;--hw-title-font:"Pirata One", "Georgia", serif;--hw-scary-font:"Creepster", "Pirata One", "Georgia", serif}html,body{background:var(--hw-ink)}.role-select{color:var(--hw-bone);background:radial-gradient(at 50% 0,#780a0a59,#0000 60%),radial-gradient(at 50% 110%,#3c5a462e,#0000 55%),linear-gradient(#07040ae6,#07040af5),url(/tiles/v2_wall_concreto_64.png) 0 0/128px 128px}.role-select .main-menu-vignette{background:radial-gradient(#0000 35%,#000000d9 100%)}.role-select-content{z-index:3}.main-menu-kicker{color:var(--hw-blood-bright);text-shadow:0 0 10px #e8321f73}.role-select-title,.settings-header h2,.game-over-panel h2{font-family:var(--hw-title-font);letter-spacing:1.5px;font-weight:400}.role-select-title{color:var(--hw-bone);text-shadow:0 0 18px #e8321f8c,0 4px #000c;font-size:clamp(34px,5.5vw,56px)}.lobby-help{color:var(--hw-bone-dim);opacity:1}.lobby-error{color:#ff8a7a}.main-menu-play-btn{font-family:var(--hw-title-font);letter-spacing:1.5px;color:#fff1ec;text-shadow:0 2px #00000080;background:linear-gradient(#c41c12,#6e0606);font-size:24px;font-weight:400;box-shadow:0 6px #2e0202,0 0 26px #c8140a73}.main-menu-play-btn:hover{background:linear-gradient(#e0281a,#860808)}.main-menu-play-btn:active{box-shadow:0 2px #2e0202}.main-menu-play-btn:disabled{filter:grayscale(.7)brightness(.6);cursor:not-allowed}.screen-back-btn,.game-over-btn,.settings-mute,.howto-tab,.settings-close{color:var(--hw-bone);border:1px solid var(--hw-border);background:#280a0cb3}.screen-back-btn:hover,.game-over-btn:hover,.settings-mute:hover,.howto-tab:hover,.settings-close:hover{border-color:var(--hw-blood-bright);background:#6e0e0abf}.game-over-btn--primary,.howto-tab--active,.settings-mute--on{color:#fff1ec;background:linear-gradient(#c41c12,#6e0606);border-color:#c41c12}.game-over-btn--primary:hover{background:linear-gradient(#e0281a,#860808)}.role-card{color:var(--hw-bone);background:radial-gradient(at 50% 30%,#8c141047,#0000 65%),linear-gradient(#1f1114 0%,#0d0709 100%);border:2px solid #781e1a99;border-radius:90px 90px 10px 10px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c,0 10px 24px #0009}.role-card:after{content:"";pointer-events:none;opacity:.35;background:repeating-radial-gradient(circle at 100% 0,#0000 0 8px,#e6e6e6cc 8px 9px),linear-gradient(225deg,#0000 49%,#e6e6e6cc 49% 51%,#0000 51%);width:46px;height:46px;position:absolute;top:0;right:0;-webkit-mask:radial-gradient(circle at 100% 0,#000 70%,#0000 71%);mask:radial-gradient(circle at 100% 0,#000 70%,#0000 71%)}.role-card:hover:not(:disabled),.role-card:focus-visible{border-color:var(--hw-blood-bright);outline:none;box-shadow:inset 0 0 30px #000000b3,0 0 28px #e8321f80,0 14px 26px #0009}.role-card:hover:not(:disabled) .role-card-portrait{filter:drop-shadow(0 0 14px #e8321f8c)drop-shadow(0 10px 12px #000000b3);transform:translateY(-4px)scale(1.03)}.role-card-portrait{transition:transform .15s,filter .15s}.role-card-name{font-family:var(--hw-title-font);letter-spacing:1px;color:var(--hw-bone);font-size:26px;font-weight:400}.role-card-blurb{color:var(--hw-bone-dim);opacity:1}.role-card-mission{color:var(--hw-gold)}.role-card--taken{opacity:.55;filter:grayscale()brightness(.6)}.role-card--taken .role-card-mission{color:#ff8a7a;border:2px solid #ff8a7a;border-radius:4px;padding:2px 10px;transform:rotate(-6deg)}.role-card--taken:hover{border-color:#781e1a99}.waiting-code{color:var(--hw-ghost);text-shadow:0 0 14px #6eff50bf,0 0 40px #6eff5059;font-family:Courier New,monospace;animation:3s ease-in-out infinite hw-ghost-pulse}@keyframes hw-ghost-pulse{50%{text-shadow:0 0 22px #6eff50f2,0 0 60px #6eff5080}}.waiting-slot{color:var(--hw-bone);filter:grayscale();background:linear-gradient(#1c0f12,#0b0608);border:2px solid #781e1a59;border-radius:60px 60px 8px 8px}.waiting-slot--present{filter:none;border-color:var(--hw-blood-bright);animation:.5s ease-out hw-slot-in;box-shadow:0 0 20px #e8321f66}@keyframes hw-slot-in{0%{opacity:0;transform:translateY(16px)scale(.92)}}.waiting-slot-name{font-family:var(--hw-title-font);font-size:18px;font-weight:400}.waiting-slot--present .waiting-slot-tag{color:var(--hw-ghost)}.game-over-screen{background:radial-gradient(#3c00008c,#000000eb 75%);animation:.8s ease-out hw-fade-in}.game-over-panel{color:var(--hw-bone);border:2px solid var(--hw-border);background:radial-gradient(at 50% 0,#8c100c59,#0000 60%),linear-gradient(#1c0a0c,#0a0507);border-radius:12px;box-shadow:0 0 60px #a00a0a59,inset 0 0 40px #000000b3}.game-over-panel h2{font-family:var(--hw-scary-font);letter-spacing:3px;color:var(--hw-blood-bright);text-shadow:0 0 18px #e8321f99,0 4px #1a0202;font-size:clamp(36px,7vw,56px);animation:.9s cubic-bezier(.2,1.4,.4,1) both hw-drip-in}@keyframes hw-drip-in{0%{opacity:0;transform:translateY(-30px)scaleY(1.3)}}.results-panel--victory{border-color:#e8b64a99;box-shadow:0 0 60px #e8b64a40,inset 0 0 40px #000000b3}.results-panel--victory h2{font-family:var(--hw-title-font);color:var(--hw-gold);text-shadow:0 0 18px #e8b64a99,0 4px #2a1a02}.results-meta strong{font-family:var(--hw-title-font);color:var(--hw-bone);font-size:24px;font-weight:400}.results-table th,.results-table td{border-bottom-color:#be241a33}.results-table thead th{color:var(--hw-blood-bright)}.results-table thead .hw-icon{vertical-align:middle;width:18px;height:18px}.results-me{background:#e8321f24}.results-awards{color:var(--hw-gold)}.settings-overlay{background:radial-gradient(#2800008c,#000000d9)}.settings-panel{color:var(--hw-bone);border:2px solid var(--hw-border);background:radial-gradient(at 50% 0,#8c100c40,#0000 55%),linear-gradient(#1c0a0cfa,#0a0507fa);box-shadow:0 20px 60px #000000b3,0 0 40px #a00a0a40,inset 0 0 30px #0009}.settings-header h2{color:var(--hw-bone);text-shadow:0 0 12px #e8321f80;font-size:30px}.settings-note{color:var(--hw-gold);background:#e8b64a14}.settings-section{border-top-color:#be241a40}.settings-section-head h3,.howto-section h3{color:var(--hw-blood-bright)}.settings-slider--master{background:#e8321f1a}.settings-row-label{color:var(--hw-bone)}.settings-value{color:var(--hw-gold)}.settings-slider input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--hw-blood) var(--fill), #ffffff1f var(--fill))}.settings-slider input[type=range]::-moz-range-progress{background:var(--hw-blood)}.settings-slider input[type=range]::-webkit-slider-thumb{background:var(--hw-bone);border-color:var(--hw-blood-dark)}.settings-slider input[type=range]::-moz-range-thumb{background:var(--hw-bone);border-color:var(--hw-blood-dark)}.settings-slider input[type=range]:focus-visible{outline-color:var(--hw-blood-bright)}.settings-toggle input:checked+.settings-switch{background:var(--hw-blood)}.settings-switch:after{background:var(--hw-bone)}.ranking-table td{color:var(--hw-bone)}kbd{color:var(--hw-bone);border-color:var(--hw-border);background:#280a0ce6}.hw-icon{vertical-align:-.2em;flex-shrink:0;width:1.15em;height:1.15em;display:inline-block}.start-btn .hw-icon{width:20px;height:20px}.hw-screen{animation:.45s ease-out hw-fade-in}@keyframes hw-fade-in{0%{opacity:0}}.hud{color:var(--hw-bone);text-shadow:0 1px 2px #000000e6}.hud-weapon,.hud-ability-chip,.hud-missions,.hud-wave,.hud-floor,.hud-garavitos,.hud-toast,.hud-interact-hint,.hud-icon-btn,.hud-ability,.tutorial-tip,.team-panel,.shop-modal,.inventory-modal,.map-modal,.mission-modal{color:var(--hw-bone);background:linear-gradient(#1e0c0ee6,#0a0507eb);border:1px solid #961e18a6;box-shadow:inset 0 0 12px #000000b3,0 2px 8px #00000080}.shop-modal h3,.inventory-modal h3,.map-modal h3,.mission-modal h3,.team-panel h3,.hud-missions-title{font-family:var(--hw-title-font);letter-spacing:1px;color:var(--hw-bone);font-weight:400}.shop-modal h3,.inventory-modal h3,.map-modal h3,.mission-modal h3,.team-panel h3{text-shadow:0 0 10px #e8321f80;font-size:24px}.hud-missions-title{font-size:16px}.modal-close{color:var(--hw-bone);border-color:var(--hw-border);background:#280a0ccc}.modal-close:hover{background:#6e0e0acc}.hud-icon-btn{color:var(--hw-bone)}.hud-icon-btn .hw-icon{width:20px;height:20px}.hud-icon-btn:hover,.hud-icon-btn:active{border-color:var(--hw-blood-bright);background:#6e0e0ad9}.hud-health{align-items:center;gap:6px;display:flex}.hud-health-heart{width:26px;height:26px;color:var(--hw-blood-bright);filter:drop-shadow(0 0 5px #e8321fb3);animation:1.4s ease-in-out infinite hw-heartbeat}.hud-health--low .hud-health-heart{animation-duration:.55s}@keyframes hw-heartbeat{0%,40%,to{transform:scale(1)}15%{transform:scale(1.2)}28%{transform:scale(1.08)}}.hud-health-bar{background:linear-gradient(#120607,#050203);border:2px solid #3a1210;border-radius:3px;height:22px;box-shadow:0 0 0 1px #be241a8c,inset 0 2px 6px #000000e6}.hud-health-fill{box-shadow:inset 0 1px #ffc8b459}.hud-health-label{letter-spacing:.5px;color:#fff4ee;font-weight:700}.hud-health-bar--small{border-width:1px;height:10px}.hud-low-health{pointer-events:none;background:radial-gradient(#0000 50%,#aa00008c 100%);animation:1.1s ease-in-out infinite hw-low-health;position:absolute;inset:0}@keyframes hw-low-health{0%,to{opacity:.45}20%{opacity:1}}.hud-garavitos{color:var(--hw-gold);border-color:#e8b64a8c;gap:5px}.hud-garavitos .hw-icon{color:var(--hw-gold)}.hud-slot{background:#14080abf;border-color:#961e1899}.hud-weapon-name{font-family:var(--hw-title-font);letter-spacing:.5px;font-size:16px;font-weight:400}.hud-weapon-glyph .hw-icon{width:22px;height:22px}.hud-weapon-ammo{color:var(--hw-gold);align-items:center;gap:6px;display:flex}.hud-weapon-ammo small{color:var(--hw-bone-dim)}.hud-ammo-pips{gap:2px;display:flex}.hud-ammo-pip{background:#e8b64a26;border:1px solid #e8b64a73;border-radius:2px 2px 1px 1px;width:4px;height:12px}.hud-ammo-pip--full{background:linear-gradient(#ffe39a 0 30%,#c88a2a 30%);border-color:#6b4712}.hud-weapon--empty{border-color:var(--hw-blood-bright)}.hud-weapon-reload,.hud-ability-fill{background:var(--hw-blood-bright)}.hud-ability-chip{border-color:#e8b64a8c}.hud-ability-chip .hw-icon{color:var(--hw-gold)}.hud-ability-key{color:#120708;background:var(--hw-gold)}.hud-mission .hw-icon{color:var(--hw-blood-bright)}.hud-mission--done .hw-icon{color:var(--hw-ghost)}.hud-wave{font-family:var(--hw-title-font);letter-spacing:.5px;font-weight:400}.hud-wave--resting{color:var(--hw-bone);border-color:#788c7880}.hud-wave--active{color:#ffb3a6;border-color:var(--hw-blood-bright);box-shadow:inset 0 0 12px #000000b3,0 0 14px #e8321f59}.hud-interact-hint strong{color:var(--hw-gold)}.hud-kinder-event .hw-icon{margin-right:2px}.tutorial-tip{border-color:#e8b64a8c}.tutorial-tip-close{color:#fff1ec;background:linear-gradient(#c41c12,#6e0606);border-color:#c41c12}.tutorial-tip-icon .hw-icon{width:26px;height:26px;color:var(--hw-gold)}.inventory-use{color:#fff1ec;background:linear-gradient(#c41c12,#6e0606)}.inventory-use:hover{background:linear-gradient(#e0281a,#860808)}.touch-btn .hw-icon{width:46%;height:46%}@media (prefers-reduced-motion:reduce){.hud-health-heart,.hud-low-health{animation:none}}.hud-wave-banner{pointer-events:none;background:radial-gradient(#2800008c,#0003 60%,#0000 80%);border:none;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:auto;max-width:none;padding:0 16px;font-weight:400;animation:3.6s forwards hw-banner-life;display:flex;inset:0;transform:none}@keyframes hw-banner-life{0%{opacity:0}8%,82%{opacity:1}to{opacity:0}}.hud-wave-banner-bar{transform-origin:top;background:#000;height:11vh;animation:3.6s forwards hw-banner-bar;position:absolute;top:0;left:0;right:0}.hud-wave-banner-bar--bottom{transform-origin:bottom;top:auto;bottom:0}@keyframes hw-banner-bar{0%{transform:scaleY(0)}10%,85%{transform:scaleY(1)}to{transform:scaleY(0)}}.hud-wave-banner-kicker{font-family:var(--hw-title-font);letter-spacing:4px;text-transform:uppercase;color:var(--hw-bone-dim);font-size:clamp(20px,3.5vw,30px)}.hud-wave-banner-title{font-family:var(--hw-scary-font);letter-spacing:4px;text-align:center;color:var(--hw-blood-bright);text-shadow:0 0 30px #e8321fb3,0 6px #1a0202;font-size:clamp(56px,13vw,140px);font-weight:400;line-height:1;animation:.6s cubic-bezier(.2,1.6,.4,1) both hw-banner-slam}@keyframes hw-banner-slam{0%{opacity:0;filter:blur(6px);transform:scale(2.4)}to{opacity:1;filter:blur();transform:scale(1)}}.hud-wave-banner-sub{text-align:center;max-width:640px;color:var(--hw-bone);font-size:clamp(14px,2.2vw,19px);animation:.6s .35s both hw-fade-in}.hud-wave-banner--boss{background:radial-gradient(#78000099,#1e000073 60%,#0003)}.hud-wave-banner--boss .hud-wave-banner-title{font-size:clamp(38px,8.5vw,100px);animation:.6s cubic-bezier(.2,1.6,.4,1) both hw-banner-slam,.12s linear .6s 8 hw-banner-shake}@keyframes hw-banner-shake{25%{transform:translate(-3px,2px)}50%{transform:translate(3px,-2px)}75%{transform:translate(-2px,-2px)}}@media (prefers-reduced-motion:reduce){.hud-wave-banner-title,.hud-wave-banner--boss .hud-wave-banner-title,.hud-wave-banner-bar,.waiting-code,.waiting-slot--present,.game-over-panel h2,.game-over-screen,.hw-screen{animation:none}}.perk-panel{z-index:40;text-align:center;background:#0e060aeb;border:2px solid #ff8a1a;border-radius:10px;max-width:calc(100vw - 32px);padding:12px 16px 14px;animation:.35s ease-out perk-in;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ff781459}.perk-panel h3{color:#ffb347;letter-spacing:.04em;margin:0 0 10px;font-size:1.05rem}.perk-cards{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.perk-card{color:#f3e6d8;cursor:pointer;background:linear-gradient(#2a1410,#160a0c);border:1px solid #6a3a20;border-radius:8px;flex-direction:column;align-items:center;gap:4px;width:150px;padding:10px 8px;transition:transform .12s,border-color .12s;display:flex;position:relative}.perk-card:hover,.perk-card:focus-visible{border-color:#ffb347;transform:translateY(-3px)}.perk-card-icon{font-size:1.8rem}.perk-card small{color:#c9b4a4;font-size:.78rem}.perk-card kbd{opacity:.7;font-size:.7rem;position:absolute;top:4px;right:6px}.perk-owned{z-index:30;filter:drop-shadow(0 0 3px #000);gap:4px;font-size:1.1rem;display:flex;position:absolute;top:64px;right:12px}@keyframes perk-in{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (width<=520px){.perk-card{width:100px}.perk-panel{bottom:170px}}.hud-wave--escape{color:#c8ffd9;animation:.8s ease-in-out infinite alternate escape-pulse;border-color:#3cff7a!important}@keyframes escape-pulse{0%{box-shadow:0 0 4px #3cff7a55}to{box-shadow:0 0 22px #3cff7acc}}.hud-escaped span{color:#c8ffd9;border-color:#3cff7a}.credits-overlay{z-index:200;color:#f3e6d8;background:radial-gradient(#1a0a12 0%,#050203 75%);position:fixed;inset:0;overflow:hidden}.credits-roll{text-align:center;width:min(560px,100vw - 32px);animation-name:credits-up;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;top:100%;left:50%;transform:translate(-50%)}.credits-roll h1{color:#ff8a1a;text-shadow:0 0 18px #ff5a0088;margin:0 0 8px;font-size:clamp(2rem,7vw,3.4rem)}.credits-tagline{color:#c9b4a4;margin-bottom:48px;font-style:italic}.credits-roll section{margin:0 0 44px}.credits-roll h2{letter-spacing:.18em;text-transform:uppercase;color:#9dff3a;margin:0 0 10px;font-size:.95rem}.credits-roll p{margin:4px 0;font-size:1.1rem}.credits-end{color:#ffb347;margin-top:80px!important;font-size:1.5rem!important}.credits-skip{position:absolute;bottom:16px;right:16px}@keyframes credits-up{0%{top:100%;transform:translate(-50%)}to{top:0;transform:translate(-50%,-100%)}}@media (prefers-reduced-motion:reduce){.credits-roll{max-height:90vh;animation:none;top:50%;overflow-y:auto;transform:translate(-50%,-50%)}}.hud-portrait-row{align-items:center;gap:8px;display:flex}.hud-portrait-bars{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.hud-portrait{flex:none;width:56px;height:56px}.hud-portrait-frame{background:radial-gradient(circle at 50% 35%,#3a1e18,#120708);border:2px solid #8a5a2a;border-radius:10px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 8px #000a,inset 0 0 10px #000c}.hud-portrait-frame img{object-fit:cover;object-position:top center;width:100%;height:100%;image-rendering:pixelated;transform-origin:50% 90%;transition:filter .4s;animation:3.2s ease-in-out infinite portrait-breathe}.hud-portrait-blood{pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 15%,#a0000088 0 18%,#0000 30%),radial-gradient(circle at 80% 70%,#7a000099 0 14%,#0000 26%),linear-gradient(#0000 55%,#5a0000aa);transition:opacity .4s;position:absolute;inset:0}.hud-portrait-frame--hit{animation:.38s ease-out portrait-hit}.hud-portrait-frame--hit:after{content:"";mix-blend-mode:multiply;background:#ff1a1a;animation:.38s ease-out forwards portrait-flash;position:absolute;inset:0}.hud-portrait--hurt .hud-portrait-blood{opacity:.45}.hud-portrait--critical .hud-portrait-blood{opacity:1}.hud-portrait--critical .hud-portrait-frame{border-color:#c01010;animation:.9s ease-in-out infinite portrait-alarm}.hud-portrait--critical img{filter:saturate(.7);animation-duration:1s}.hud-portrait--downed img{filter:grayscale()brightness(.6);animation:none;transform:rotate(-12deg)translateY(4px)}.hud-portrait--downed .hud-portrait-frame{border-color:#555}.hud-portrait--hidden img{filter:brightness(.35);animation-duration:5s}.hud-portrait--escaped .hud-portrait-frame{border-color:#3cff7a;box-shadow:0 0 14px #3cff7a99}@keyframes portrait-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)translateY(-1px)}}@keyframes portrait-hit{0%{transform:translate(0)rotate(0)}20%{transform:translate(-4px,1px)rotate(-4deg)}45%{transform:translate(4px,-1px)rotate(3deg)}70%{transform:translate(-2px)rotate(-1deg)}to{transform:none}}@keyframes portrait-flash{0%{opacity:.85}to{opacity:0}}@keyframes portrait-alarm{0%,to{box-shadow:0 0 4px #c0101066}50%{box-shadow:0 0 14px #ff2a2acc}}@media (width<=520px){.hud-portrait{width:42px;height:42px}}@media (prefers-reduced-motion:reduce){.hud-portrait-frame img,.hud-portrait-frame--hit,.hud-portrait--critical .hud-portrait-frame{animation:none}}.profile-panel{max-width:620px}.profile-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.profile-portrait{object-fit:cover;object-position:top center;width:84px;height:84px;image-rendering:pixelated;background:#1a0c10;border:2px solid #8a5a2a;border-radius:12px;flex:none}.profile-portrait--empty{color:#8a5a2a;place-items:center;font-size:2rem;display:grid}.profile-name{color:#c9b4a4;flex-direction:column;gap:4px;font-size:.8rem;display:flex}.profile-name input{font:inherit;color:#f3e6d8;background:#120708;border:1px solid #6a3a20;border-radius:6px;max-width:100%;padding:6px 8px;font-size:1.1rem}.profile-favorite{color:#ffb347;margin:6px 0 0}.profile-tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px;display:grid}.profile-tile{text-align:center;background:#160a0c;border:1px solid #4a2a2a;border-radius:8px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.profile-tile strong{color:#f3e6d8;font-size:1.2rem}.profile-tile small{color:#c9b4a4;font-size:.75rem}.profile-buildings{color:#c9b4a4;margin:12px 0 0;font-size:.85rem}.profile-subtitle{color:#9dff3a;letter-spacing:.08em;text-transform:uppercase;margin:16px 0 6px;font-size:.95rem}.profile-history{margin:0;padding:0;font-size:.82rem;list-style:none}.profile-history li{border-bottom:1px solid #2a1414;grid-template-columns:4em 6em 1fr 6.5em 5.5em 3.5em;gap:6px;padding:5px 4px;display:grid}.profile-history--win{color:#7dffa6}@media (width<=560px){.profile-history li{grid-template-columns:1fr 1fr 1fr}}.lobby-modes{flex-wrap:wrap;justify-content:center;gap:8px;max-width:calc(100vw - 32px);margin:10px auto 0;display:flex}.lobby-mode{color:#e8d8c8;font:inherit;cursor:pointer;background:#0e060ad9;border:1px solid #5a3a2a;border-radius:999px;padding:7px 14px}.lobby-mode--active.lobby-mode--normal{color:#c8ffbe;border-color:#9dff8a}.lobby-mode--active.lobby-mode--hard{color:#ffb0a8;border-color:#ff3a2a;box-shadow:0 0 10px #ff3a2a66}.lobby-mode--active.lobby-mode--daily{color:#ffd9a0;border-color:#ffb347;box-shadow:0 0 10px #ffb34766}.lobby-mode-help{text-align:center;color:#c9b4a4;max-width:560px;margin:6px auto 0;padding:0 16px;font-size:.85rem}.lobby-mode-help small{opacity:.7}.waiting-mode{margin:-4px 0 10px;font-weight:700}.waiting-mode.lobby-mode--hard{color:#ff6a5a}.waiting-mode.lobby-mode--daily{color:#ffb347}.ranking-mode-tabs{margin-top:6px}.replay-panel{width:calc(100vw - 32px);max-width:920px}.replay-screen{background:#000;border:2px solid #3a2a2a;border-radius:8px;position:relative;overflow:hidden}.replay-screen canvas{image-rendering:auto;width:100%;height:auto;display:block}.replay-rec{color:#ff3a2a;letter-spacing:.1em;font:700 .85rem monospace;animation:1s steps(2,end) infinite replay-blink;position:absolute;top:8px;left:10px}@keyframes replay-blink{50%{opacity:0}}.replay-bar{background:#2a1414;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.replay-bar div{background:#ff8a1a;height:100%}.replay-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.mission-modal{box-sizing:border-box;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto}.mission-modal p{color:var(--hw-bone-dim)}.mission-hint{color:var(--hw-bone);background:#140608d9;border-color:#e8b64a99}.mission-hint strong,.mission-progress{color:var(--hw-gold)}.mission-success{font-family:var(--hw-title-font);color:var(--hw-ghost);text-shadow:0 0 12px #6eff5080;font-size:22px}.mission-cancel-btn{color:var(--hw-bone);border:1px solid var(--hw-border);background:#280a0cb3;margin:12px 4px 0}.mission-cancel-btn:hover:not(:disabled){background:#6e0e0abf}.mission-cancel-btn:disabled{opacity:.45}.math-option{color:var(--hw-bone);border:1px solid var(--hw-border);background:linear-gradient(#3a1214,#1e0809)}.math-option:hover{background:linear-gradient(#5a1a1a,#2a0a0b)}.fuse{border-color:#5a2a24}.ronda-grid{grid-template-columns:repeat(3,76px);justify-content:center;gap:8px;margin:8px 0;display:grid}.ronda-grid--wrong{animation:.35s building-notice-shake}.ronda-cam{color:#9dff8a80;cursor:pointer;background:repeating-linear-gradient(0deg,#00000040 0 2px,#0000 2px 4px),#0b140c;border:2px solid #26331f;border-radius:6px;height:58px;font:700 11px Courier New,monospace;transition:background .1s,box-shadow .1s}.ronda-cam--lit{color:#0b140c;background:#9dff8a;box-shadow:0 0 22px #6eff50cc}.ronda-cam--done{border-color:var(--hw-ghost)}.sensor-list{text-align:left;flex-direction:column;gap:12px;width:min(340px,78vw);margin:8px auto;display:flex}.sensor-name{margin-bottom:4px;font-size:13px;font-weight:700;display:block}.sensor--ok .sensor-name{color:var(--hw-ghost)}.sensor-track{border:1px solid var(--hw-border);background:#0d0707;border-radius:6px;height:26px;display:block;position:relative}.sensor-target{border-left:2px solid var(--hw-ghost);border-right:2px solid var(--hw-ghost);background:#6eff504d;position:absolute;top:0;bottom:0}.sensor-track input{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.sensor-track input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--hw-gold);border-radius:3px;width:10px;height:26px;box-shadow:0 0 8px #e8b64acc}.sensor-track input::-moz-range-thumb{background:var(--hw-gold);border:none;border-radius:3px;width:10px;height:24px}.pulse-monitor{background:linear-gradient(#6eff500f 1px,#0000 1px) 0 0/100% 15px,linear-gradient(90deg,#6eff500f 1px,#0000 1px) 0 0/15px 100%,#050b06;border:2px solid #26331f;border-radius:8px;width:min(360px,80vw);height:90px;margin:8px auto;position:relative;overflow:hidden}.pulse-monitor--ok{box-shadow:0 0 20px #6eff50b3}.pulse-monitor--miss{box-shadow:0 0 20px #e8321fcc}.pulse-wave{width:100%;height:100%;position:absolute;inset:0}.pulse-wave polyline{fill:none;stroke:var(--hw-ghost);stroke-width:1.5px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #6eff50e6)}.pulse-zone{background:#6eff5024;position:absolute;top:0;bottom:0}.pulse-marker{background:#fff1ec;width:3px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #fff}.pulse-mark{padding:10px 40px}.meds-tray{justify-content:center;gap:10px;margin:10px 0;display:flex}.meds-tray--wrong{animation:.35s building-notice-shake}.med-bottle{cursor:pointer;background:linear-gradient(90deg,#6b3a12,#a8641e 45%,#6b3a12);border:none;border-radius:8px 8px 12px 12px;flex-direction:column;align-items:center;width:54px;height:92px;padding:0;display:flex;position:relative;box-shadow:inset 0 0 8px #00000080}.med-cap{background:var(--cap);border-radius:4px;width:70%;height:16px;margin-top:-6px}.med-label{color:#1b0f05;background:#efe3cc;border-radius:3px;width:86%;margin-top:14px;padding:6px 2px;font:700 15px sans-serif}.med-label small{font-size:9px}.med-bottle--picked{opacity:.55}.med-order{color:var(--hw-ghost);text-shadow:0 0 6px #000;font:700 16px sans-serif;position:absolute;bottom:6px}.budget-total{justify-content:center;gap:18px;margin:6px 0 10px;font-size:14px;display:flex}.budget-total strong{color:var(--hw-gold);font-size:22px}.budget-total--over span:last-child strong{color:var(--hw-blood-bright)}.budget-items{grid-template-columns:repeat(2,minmax(120px,1fr));gap:8px;max-width:320px;margin:0 auto;display:grid}.budget-item{color:var(--hw-bone);border:1px solid var(--hw-border);cursor:pointer;background:#1e0c0ee6;border-radius:8px;justify-content:space-between;padding:10px 12px;font-size:14px;display:flex}.budget-item--on{border-color:var(--hw-gold);background:#e8b64a2e}.invoices{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0;display:flex}.invoice{color:#2a1a0c;cursor:pointer;background:#efe3cc;border:none;border-bottom:4px dashed #c9b897;border-radius:3px;flex-direction:column;gap:3px;width:128px;padding:10px;font:12px Courier New,monospace;display:flex;transform:rotate(-1.5deg)}.invoice:nth-child(2){transform:rotate(1.2deg)}.invoice:hover{box-shadow:0 0 0 2px var(--hw-gold)}.invoice--miss{box-shadow:0 0 0 3px var(--hw-blood-bright)}.invoice-line,.invoice-total{justify-content:space-between;display:flex}.invoice-total{border-top:1px solid #8a7a5c;margin-top:4px;padding-top:4px;font-weight:700}.pipe-board{justify-content:center;align-items:center;margin:8px 0;display:flex}.pipe-grid{gap:3px;width:min(260px,64vw);display:grid}.pipe-cell{aspect-ratio:1;cursor:pointer;background:#1a1210;border:1px solid #3a2a22;border-radius:4px;padding:0}.pipe-cell--empty{cursor:default;background:#0d0908}.pipe-svg{width:100%;height:100%;transition:transform .15s;display:block}.pipe-line{fill:none;stroke:#8a8f96;stroke-width:9px}.pipe-line--full{stroke:#3fa8ff;filter:drop-shadow(0 0 4px #3fa8ffcc)}.pipe-inlet,.pipe-outlet{background:#3fa8ff;border-radius:3px;width:14px;height:14px;box-shadow:0 0 8px #3fa8ffb3}.level-tube{background:linear-gradient(#c9e86a,#7fa02a);border:3px solid #3a2a18;border-radius:17px;width:min(340px,80vw);height:34px;margin:12px auto;position:relative;box-shadow:inset 0 3px 6px #0006}.level-center{border-left:2px solid #1b1a0a;border-right:2px solid #1b1a0a;position:absolute;top:0;bottom:0}.level-bubble{background:radial-gradient(at 35% 35%,#fff,#e9f5c0 60%,#b7d26a);border-radius:50%;width:34px;height:18px;margin-left:-17px;position:absolute;top:5px}.level-tube--ok{box-shadow:inset 0 3px 6px #0006,0 0 16px #6eff5099}.level-controls{justify-content:center;align-items:center;gap:10px;display:flex}.level-btn{width:56px;height:48px;color:var(--hw-bone);border:1px solid var(--hw-border);cursor:pointer;touch-action:manipulation;background:#280a0cd9;border-radius:10px;font-size:20px}.level-weld{border:1px solid var(--hw-border);background:#120607;border-radius:6px;width:min(180px,40vw);height:12px;overflow:hidden}.level-weld div{background:linear-gradient(90deg,#ff7a1a,#ffe08a);height:100%;box-shadow:0 0 10px #ff7a1a}@media (width<=640px){.ronda-grid{grid-template-columns:repeat(3,64px)}.med-bottle{width:46px;height:80px}.invoice{width:104px;font-size:11px}}.ping-controls{left:calc(12px + env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:18;pointer-events:auto;flex-direction:column-reverse;align-items:flex-start;gap:8px;display:flex;position:absolute}.ping-controls--touch{flex-direction:column;top:42%;bottom:auto}.ping-toggle{width:44px;height:44px}.ping-toggle .hw-icon{width:22px;height:22px}.ping-toggle--open{border-color:var(--hw-gold);box-shadow:0 0 14px #e8b64a99}.ping-menu{border:1px solid var(--hw-border);background:linear-gradient(#1e0c0ef2,#0a0507f2);border-radius:10px;flex-direction:column;gap:4px;padding:6px;display:flex;box-shadow:0 6px 18px #0009}.ping-option{text-align:left;min-width:190px;color:var(--hw-bone);border:1px solid #0000;border-left:4px solid var(--ping);cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font:700 14px sans-serif;display:flex}.ping-option:hover:not(:disabled){border-color:var(--ping);background:#ffffff1a}.ping-option:disabled{opacity:.5;cursor:wait}.ping-option .hw-icon{color:var(--ping)}.ping-option span{flex:1}.ping-option kbd{font-size:11px}.ping-option--zombies,.ping-feed-item--zombies{--ping:#ff3a2a}.ping-option--help,.ping-feed-item--help{--ping:#ff9a2a}.ping-option--revive,.ping-feed-item--revive{--ping:#6dff7a}.ping-option--go,.ping-feed-item--go{--ping:#3fd8ff}.ping-option--ammo,.ping-feed-item--ammo{--ping:#ffd23a}.ping-feed{top:calc(100px + env(safe-area-inset-top));z-index:17;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.ping-feed-item{max-width:calc(100vw - 32px);color:var(--hw-bone);border:1px solid var(--ping);box-shadow:0 0 12px color-mix(in srgb, var(--ping) 45%, transparent);background:#0e0507e0;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font:14px sans-serif;animation:.25s ease-out ping-in;display:flex}.ping-feed-item .hw-icon{color:var(--ping)}.ping-feed-item small{opacity:.75}@keyframes ping-in{0%{opacity:0;transform:translateY(-8px)scale(.92)}}.nickname-field{font-family:var(--hw-title-font);color:var(--hw-bone);align-items:center;gap:10px;font-size:20px;display:flex}.nickname-field input{width:min(300px,60vw);color:var(--hw-bone);border:1px solid var(--hw-border);background:#14080ad9;border-radius:8px;padding:8px 12px;font:16px sans-serif}.nickname-field input:focus{border-color:var(--hw-gold);outline:none;box-shadow:0 0 10px #e8b64a66}.waiting-slot-nick{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--hw-gold);font-size:12px;font-weight:700;overflow:hidden}@media (width<=640px){.nickname-field{flex-direction:column;gap:4px;font-size:17px}.ping-option{min-width:170px;padding:10px}}.achievements-panel{width:min(560px,100%)}.achievements-count{color:var(--hw-gold);margin:0 0 10px}.achievement-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.achievement{text-align:left;background:#280e10bf;border:1px solid #e8b64a73;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative}.achievement .hw-icon{width:26px;height:26px;color:var(--hw-gold)}.achievement span{flex-direction:column;gap:2px;min-width:0;display:flex}.achievement strong{font-family:var(--hw-title-font);color:var(--hw-bone);font-size:17px;font-weight:400}.achievement small{color:var(--hw-bone-dim);font-size:11px}.achievement time{white-space:nowrap;color:var(--hw-bone-dim);margin-left:auto;font-size:10px}.achievement--locked{opacity:.5;border-color:#ffffff1f}.achievement--locked .hw-icon{color:var(--hw-bone-dim)}.achievement--new{border-color:var(--hw-gold);animation:.6s cubic-bezier(.2,1.5,.4,1) both achievement-in;box-shadow:0 0 16px #e8b64a66}.achievement em{color:#120708;background:var(--hw-gold);border-radius:999px;margin-left:auto;padding:2px 6px;font-size:11px;font-style:normal;font-weight:700}@keyframes achievement-in{0%{opacity:0;transform:scale(.8)}}.results-achievements{width:100%}.results-achievements h3{font-family:var(--hw-title-font);color:var(--hw-gold);margin:4px 0 8px;font-size:22px;font-weight:400}.hud-stamina{background:#0a0406cc;border:1px solid #e8b64a66;border-radius:3px;width:180px;height:6px;margin-left:32px;transition:opacity .6s;overflow:hidden}.hud-stamina div{background:linear-gradient(90deg,#c9e86a,#e8b64a);height:100%;transition:width .12s linear}.hud-stamina--full{opacity:0}.hud-stamina--empty div{background:#c41c12;animation:.6s ease-in-out infinite connection-blink}@media (width<=640px),(height<=500px){.hud-stamina{width:140px;margin-left:26px}}.hud-hidden{z-index:15;padding-bottom:calc(110px + env(safe-area-inset-bottom));pointer-events:none;background:repeating-linear-gradient(#050406f5 0 22px,#0504068c 22px 30px),radial-gradient(#0000 30%,#000000e6 80%);justify-content:center;align-items:flex-end;animation:.25s ease-out hw-fade-in;display:flex;position:absolute;inset:0}.hud-hidden span{color:var(--hw-bone);background:#0a0608d9;border:1px solid #e8b64a80;border-radius:999px;padding:6px 14px;font-size:14px}.hud-hidden strong{color:var(--hw-gold)}.hud-candies{color:#ffb347;background:linear-gradient(#1e0c0ee6,#0a0507eb);border:1px solid #ff8c288c;border-radius:4px;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:13px;display:flex}.hud-candies .hw-icon{color:#ff8a2a}.results-candies{align-items:center;gap:6px;display:flex;color:#ffb347!important}.results-candies .hw-icon{color:#ff8a2a}.costume-panel{width:min(640px,100%)}.costume-bag{color:var(--hw-bone-dim);margin:0 0 12px;font-size:13px}.costume-bag strong{color:#ffb347;font-size:18px}.costume-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;display:grid}.costume-card{color:var(--hw-bone);text-align:center;border:1px solid var(--hw-border);cursor:pointer;background:#280e10bf;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px;display:flex}.costume-card:hover{border-color:var(--hw-gold)}.costume-card strong{font-family:var(--hw-title-font);font-size:18px;font-weight:400}.costume-card small{color:var(--hw-bone-dim);font-size:11px}.costume-preview{background:radial-gradient(circle,#ff8c282e,#0000 70%);width:64px;height:64px}.costume-action{color:#120708;background:var(--hw-gold);border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:3px 10px;font-size:12px;font-weight:700;display:flex}.costume-card--worn{border-color:#ff8a2a;box-shadow:0 0 16px #ff8a2a73}.costume-card--worn .costume-action{background:#ff8a2a}.costume-card--locked{opacity:.55}@media (width<=640px){.start-actions{grid-template-columns:1fr 1fr;display:grid}.start-actions .start-btn--primary{grid-column:span 2}.start-actions .start-btn:not(.start-btn--primary){padding:10px 8px;font-size:15px}}.chat-menu{max-height:60vh;overflow-y:auto}.chat-emotes{grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:6px;display:grid}.chat-emote{cursor:pointer;background:#1a0c10;border:1px solid #4a2a2a;border-radius:6px;padding:6px 0;font-size:1.35rem;line-height:1}.chat-emote:hover,.chat-emote:focus-visible{border-color:#ffb347;transform:scale(1.1)}.ping-feed-item--chat{border-color:#c9b4a4}