:root{--ink:#15140f;--paper:#efe9da;--muted:#b6b09f;--amber:#ffd27a;--leaf:#3f8a5a;--danger:#c4473a;--display:"Impact", "Arial Black", "Haettenschweiler", sans-serif;--body:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{height:100%}[hidden]{display:none!important}body{color:var(--paper);font-family:var(--body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#a9b8ad;margin:0;overflow:hidden}#wrap{width:100%;height:100%;position:relative}#game{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui .overlay,#ui button{pointer-events:auto;touch-action:manipulation}.hud-tl{gap:8px;display:grid;position:absolute;top:14px;left:16px}.hearts{gap:3px;display:flex}.heart svg{fill:#e0473c;stroke:#15140fb3;stroke-width:1.5px;filter:drop-shadow(0 1px 1px #0006);width:22px;height:20px;transition:fill .2s,transform .2s;display:block}.heart.empty svg{fill:#15140f73;stroke:#efe9da66}.hearts.low .heart:not(.empty) svg{animation:.9s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.15)}}.bar{background:#15140f8c;border:1px solid #efe9da59;border-radius:5px;width:180px;height:10px;overflow:hidden}.bar .fill{background:var(--amber);height:100%;transition:background .2s}.bar.winded .fill{background:var(--danger)}.hud-top{justify-items:center;gap:8px;display:grid;position:absolute;top:14px;left:50%;transform:translate(-50%)}.clock{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;background:#15140f8c;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}.clock.night{background:#1e2850bf}.hud-refuge{letter-spacing:.08em;text-transform:uppercase;background:#3f8a5ad9;border-radius:10px;justify-items:center;gap:5px;padding:6px 14px 8px;font-size:12px;font-weight:700;display:grid}.hud-refuge.outside{background:#15140f73}.hud-refuge.outside span:after{content:" (recovering)";text-transform:none;letter-spacing:0;font-weight:400}.hud-refuge .bar{width:140px;height:6px}.hud-refuge .fill{background:var(--paper)}.hud-refuge.warn:not(.outside){background:#c4473ae6}.hud-tr{position:absolute;top:12px;right:12px}.minimap{opacity:.92;border-radius:50%;display:block;box-shadow:0 2px 12px #00000059}.hud-bl{gap:6px;display:grid;position:absolute;bottom:36px;left:16px}.slots{gap:6px;display:flex}.slot{background:#15140f8c;border:2px solid #0000;border-radius:8px;align-items:center;gap:8px;min-width:108px;padding:7px 10px;font-size:14px;font-weight:700;display:flex}.slot.active{border-color:var(--amber)}.slot.empty span{opacity:.5}.slot kbd{color:var(--paper);border:1px solid #efe9da59;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.ammo{text-shadow:0 1px 2px #0009;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.hud-prompt{border:1px solid var(--amber);white-space:nowrap;background:#15140fbf;border-radius:8px;padding:8px 16px;font-weight:700;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.hud-toasts{justify-items:center;gap:6px;display:grid;position:absolute;top:30%;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;background:#15140f99;border-radius:6px;padding:4px 12px;font-size:15px;font-weight:700;animation:1.8s ease-out forwards toast}.toast.heal{color:#ff8a80}.toast.ammo{color:var(--amber)}.toast.bad{background:#c4473ad9}.toast.big{font-family:var(--display);letter-spacing:.04em;text-shadow:0 3px #00000073;background:0 0;font-size:34px;font-weight:400;animation-duration:3.2s}@keyframes toast{0%{opacity:0;transform:translateY(8px)}12%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.hud-flash{opacity:0;background:radial-gradient(#0000 55%,#c41e1473);position:absolute;inset:0}.hud-flash.on{animation:.6s ease-out flash}@keyframes flash{0%{opacity:1}to{opacity:0}}.hud-hint{color:var(--paper);opacity:.75;text-shadow:0 1px 2px #0009;white-space:nowrap;font-size:12px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.hearts.low .heart:not(.empty) svg,.toast,.hud-flash.on{animation:none}}.overlay{background:radial-gradient(#15140f59,#15140fcc);place-items:center;display:grid;position:absolute;inset:0}.card{text-align:center;max-width:min(760px,100vw - 32px);padding:0 16px}.card h1{font-family:var(--display);letter-spacing:.02em;color:var(--paper);text-shadow:0 4px #0006;margin:0 0 12px;font-size:clamp(48px,10vw,96px);font-weight:400;line-height:.95}.card h2{font-family:var(--display);margin:0 0 16px;font-size:44px;font-weight:400}.card p{color:var(--muted);margin:0 0 24px;line-height:1.5}.card button{font:inherit;letter-spacing:.06em;text-transform:uppercase;background:var(--amber);color:var(--ink);cursor:pointer;border:0;border-radius:8px;margin:4px;padding:12px 32px;font-size:18px;font-weight:700}.card button.secondary{color:var(--paper);background:#efe9da26}.card button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.controls{color:var(--muted);margin-top:28px;font-size:13px}.controls kbd{color:var(--paper);border:1px solid #efe9da59;border-radius:4px;padding:1px 6px;font-family:inherit;font-size:12px;display:inline-block}.results{font-variant-numeric:tabular-nums;grid-template-columns:auto auto;justify-content:center;gap:6px 24px;margin:0 0 24px;display:grid}.results dt{color:var(--muted);text-align:right}.results dd{text-align:left;margin:0;font-weight:700}.card h1.logo{letter-spacing:.01em;white-space:nowrap;margin-bottom:.75em;font-size:clamp(36px,11vw,104px)}.logo .hood{color:#b3170f;background:linear-gradient(#e0362a,#b3170f 55%,#6e0a06);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px #00000073);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}.logo .drips{pointer-events:none;position:absolute;inset:0}.logo .drips i{left:var(--x);width:.085em;height:0;animation:drip 2.6s var(--d) cubic-bezier(.5, 0, .75, 1) forwards;background:linear-gradient(#b3170f,#7a0c08);border-radius:0 0 .05em .05em;position:absolute;top:78%}.logo .drips i:after{content:"";background:#7a0c08;border-radius:50%/60% 60% 45% 45%;width:.11em;height:.13em;position:absolute;bottom:-.06em;left:50%;transform:translate(-50%)}.logo .drips i:nth-child(2):before,.logo .drips i:nth-child(4):before{content:"";opacity:0;width:.08em;height:.1em;animation:fall 3.4s calc(var(--d) + 2.6s) ease-in infinite;background:#7a0c08;border-radius:50%;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes drip{0%{height:0}to{height:var(--h)}}@keyframes fall{0%{opacity:1;transform:translate(-50%)}35%{opacity:1;transform:translate(-50%,.9em)}36%,to{opacity:0;transform:translate(-50%,.9em)}}@media (prefers-reduced-motion:reduce){.logo .drips i{height:var(--h);animation:none}.logo .drips i:before{display:none}}.hud-car{background:#15140f8c;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:96px;left:16px}.hud-car .bar{width:120px}.hud-car .fill{background:#7fdc8f}.hud-car.warn .fill{background:var(--danger)}.hud-portal{letter-spacing:.04em;font-variant-numeric:tabular-nums;white-space:nowrap;background:#7a4dffd9;border-radius:999px;padding:5px 14px;font-size:14px;font-weight:700}.portal-arrow{filter:drop-shadow(0 0 6px #a77bffe6);transform-origin:14px 14px;border-top:14px solid #0000;border-bottom:14px solid #0000;border-left:28px solid #a77bff;width:0;height:0;margin:-14px 0 0 -14px;position:absolute;top:0;left:0}.card .modes{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card button:disabled{opacity:.45;cursor:not-allowed}.card .mode-note{margin:14px 0 0;font-size:13px}.hud-objective{border-left:4px solid var(--amber);text-align:center;background:#15140fb3;border-radius:8px;max-width:min(520px,100vw - 460px);padding:6px 14px;font-size:14px;font-weight:700}.hud-objective.fresh{animation:1.2s ease-out objective}@keyframes objective{0%{color:var(--ink);background:#ffd27ad9}to{background:#15140fb3}}.hud-say{text-align:center;background:#15140fd1;border:1px solid #efe9da40;border-radius:10px;max-width:min(640px,100vw - 32px);padding:10px 18px;font-size:16px;font-style:italic;line-height:1.4;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.portal-arrow.story{filter:drop-shadow(0 0 6px #ffd27ae6);border-left-color:#ffd27a}@media (prefers-reduced-motion:reduce){.hud-objective.fresh{animation:none}}.survivor-hearts{gap:4px;display:grid}.cub-hearts{color:#ffc2d8;text-shadow:0 1px 2px #0009;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.cub-hearts .row{gap:3px;display:flex}.cub-hearts i{background:#15140f80;border:1px solid #ffc2d880;border-radius:50%;width:12px;height:12px}.cub-hearts i.on{background:#ff7aa8}.sound{color:var(--muted);justify-items:center;gap:10px;margin:0 auto 20px;font-size:15px;display:grid}.sound label{align-items:center;gap:12px;display:flex}.sound input[type=range]{width:min(220px,50vw);accent-color:var(--amber)}.sound input[type=checkbox]{accent-color:var(--amber);width:18px;height:18px}.who{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin:0 0 16px;display:flex}.who span{margin-right:4px}.card .who button.pick{color:var(--paper);background:#efe9da1f;border:2px solid #0000;padding:8px 20px;font-size:15px}.card .who button.pick.picked{border-color:var(--amber);color:var(--amber);background:#ffd27a2e}.touch-ui{pointer-events:none;position:absolute;inset:0}.stick-base{background:#15140f2e;border:2px solid #efe9da73;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.stick-base.idle{left:max(28px, env(safe-area-inset-left));opacity:.45;bottom:96px}.stick-knob{background:#efe9dab3;border-radius:50%;width:52px;height:52px;box-shadow:0 2px 8px #00000059}.touch-btn{right:max(16px, env(safe-area-inset-right));min-width:96px;max-width:220px;font:inherit;letter-spacing:.02em;border:0;border-radius:32px;padding:0 20px;font-weight:700;position:absolute;box-shadow:0 3px 12px #00000059}.touch-action{bottom:max(24px, env(safe-area-inset-bottom));background:var(--amber);min-height:72px;color:var(--ink);font-size:18px}.touch-drop{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 84px);min-height:56px;color:var(--paper);background:#15140fb8;border:2px solid #efe9da66;font-size:16px}.touch-btn:active,.touch-pause:active{transform:scale(.95)}.touch-pause{width:48px;height:48px;color:var(--paper);letter-spacing:-2px;background:#15140f99;border:0;border-radius:50%;font-size:16px;position:absolute;top:16px;right:226px}.touch .hud-hint{display:none}.touch .hud-bl{left:auto;right:max(16px, env(safe-area-inset-right));bottom:calc(max(24px, env(safe-area-inset-bottom)) + 156px);justify-items:end}.touch .slot{pointer-events:auto;justify-content:center;min-width:96px;min-height:48px}.touch .slot kbd{display:none}