*{box-sizing:border-box;margin:0;padding:0}html,body{color:#cfd6df;cursor:default;background:#05070a;height:100%;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}#view{width:100vw;height:100vh;display:block}#hud{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}#crosshair{background:#dce6f06b;border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #000000e6}#panel{letter-spacing:.09em;text-shadow:0 1px 3px #000;font-size:13px;position:absolute;bottom:20px;left:22px}#panel .row{align-items:center;gap:10px;margin-bottom:7px;display:flex}#panel .label{color:#6d7885;width:46px;font-size:11px}#deaths.bad{color:#d1452f}.track{background:#ffffff17;border:1px solid #ffffff24;width:128px;height:7px;display:inline-block}#battery{background:linear-gradient(90deg,#b8892f,#f0d79a);width:100%;height:100%;transition:width .25s linear,background .4s;display:block}#battery.low{background:linear-gradient(90deg,#7d2a22,#d1452f)}#salt{background:linear-gradient(90deg,#7c8798,#e6ebf2);width:100%;height:100%;transition:width .2s linear;display:block}#salt.empty{background:#3a4048}#objective{color:#93a0ae;max-width:330px;margin-top:10px;font-size:12px;line-height:1.5}#carrying{color:#f0d79a;letter-spacing:.1em;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;bottom:22px;right:22px}#prompt{letter-spacing:.14em;color:#dfe6ee;text-shadow:0 1px 4px #000;opacity:0;white-space:nowrap;font-size:13px;transition:opacity .12s;position:absolute;top:58%;left:50%;transform:translate(-50%)}#prompt.show{opacity:1}#toast{letter-spacing:.26em;color:#e8eef5;text-shadow:0 2px 12px #000;opacity:0;text-align:center;white-space:nowrap;font-size:19px;transition:opacity .45s;position:absolute;top:27%;left:50%;transform:translate(-50%)}#toast.show{opacity:1}#topright{flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;top:18px;right:22px}#status{letter-spacing:.1em;color:#6d7885;font-size:11px}#status.bad{color:#d1452f}#debug{color:#7fd6a8;white-space:pre;background:#0000008c;border:1px solid #7fd6a838;padding:9px 13px;font-size:11px;line-height:1.55;position:absolute;top:18px;left:22px}#devpanel{letter-spacing:.08em;color:#9aa6b3;pointer-events:auto;z-index:20;background:#060a10db;border:1px solid #7fd6a847;min-width:300px;padding:10px 12px;font-size:11px;position:absolute;bottom:190px;left:22px}.devtitle{color:#7fd6a8;letter-spacing:.22em;margin-bottom:9px}.devtitle span{color:#4d5763;float:right}.devrow{align-items:center;gap:6px;margin-bottom:6px;display:flex}.devrow>span{color:#6d7885;width:62px;font-size:10px}.devrow em{color:#7fd6a8;border:1px solid #7fd6a84d;margin-left:2px;padding:1px 4px;font-size:9.5px;font-style:normal}#devpanel button{color:#cfd6df;font:inherit;letter-spacing:.06em;cursor:pointer;background:#ffffff0d;border:1px solid #c8d2dc33;padding:4px 9px;font-size:10.5px}#devpanel button:hover{border-color:#7fd6a899}#devpanel button.on{color:#dff5e9;background:#7fd6a82e;border-color:#7fd6a8b3}.devnote{color:#4d5763;letter-spacing:.04em;margin-top:8px;font-size:10px}#devmap{z-index:19;image-rendering:pixelated;background:#141920;border:1px solid #7fd6a859}body.bright #panel,body.bright #status,body.bright #carrying{background:#060a10b8;padding:8px 12px}#damage{opacity:0;background:radial-gradient(#960a0a00 35%,#960a0ad9 100%);transition:opacity .5s;position:absolute;inset:0}#damage.hit{opacity:1;transition:opacity 40ms}.overlay{text-align:center;z-index:10;background:radial-gradient(#0b0e13 0%,#000 80%);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex;position:fixed;inset:0}.overlay h1{letter-spacing:.4em;color:#e8eef5;text-shadow:0 0 26px #b4281e80;font-size:clamp(26px,5vw,46px);font-weight:400}.overlay .sub{color:#6d7885;letter-spacing:.3em;font-size:12px}.overlay .body{color:#9aa6b3;max-width:460px;font-size:13px;line-height:1.75}.keys{color:#6d7885;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:4px;font-size:11.5px;list-style:none;display:flex}.keys b{color:#cfd6df;font-weight:600}#begin{color:#cfd6df;font:inherit;letter-spacing:.28em;cursor:pointer;background:0 0;border:1px solid #c8d2dc57;margin-top:16px;padding:13px 34px;font-size:12px;transition:all .22s}#begin:hover{color:#fff;background:#c8281e29;border-color:#dc4632b3}#join{flex-direction:column;align-items:center;gap:12px;margin-top:6px;display:flex}.field{letter-spacing:.18em;color:#6d7885;align-items:center;gap:12px;font-size:11px;display:flex}.field span{text-align:right;width:92px}.field input{color:#dfe6ee;width:250px;font:inherit;letter-spacing:.08em;background:#ffffff0d;border:1px solid #c8d2dc38;outline:none;padding:9px 12px;font-size:13px;transition:border-color .2s,background .2s}.field input::placeholder{color:#4d5763;letter-spacing:.04em}.field input:focus{background:#ffffff14;border-color:#dc463299}#roomcode{text-transform:uppercase}#roomcode::placeholder{text-transform:none}#join-error{color:#d1452f;text-align:center;max-width:420px;min-height:16px;margin:0;font-size:12px;line-height:1.5}#resume{color:#cfd6df;font:inherit;letter-spacing:.28em;cursor:pointer;background:0 0;border:1px solid #c8d2dc57;margin-top:16px;padding:13px 34px;font-size:12px;transition:all .22s}#resume:hover{color:#fff;background:#c8281e29;border-color:#dc4632b3}#pause-room{align-items:center;gap:12px;margin:6px 0;display:flex}#pause-room .label{color:#6d7885;letter-spacing:.18em;font-size:11px}#pause-copy{color:#e8eef5;font:inherit;letter-spacing:.3em;cursor:pointer;background:#ffffff0d;border:1px solid #c8d2dc4d;align-items:baseline;gap:14px;padding:7px 16px;font-size:17px;display:flex}#pause-copy:hover{border-color:#7fd6a8b3}#pause-hint{letter-spacing:.14em;color:#6d7885;font-size:10px}#pause-timer{color:#4d5763}#pause-resume{color:#cfd6df;font:inherit;letter-spacing:.28em;cursor:pointer;background:0 0;border:1px solid #c8d2dc57;margin-top:10px;padding:13px 34px;font-size:12px;transition:all .22s}#pause-resume:hover{color:#fff;background:#c8281e29;border-color:#dc4632b3}#begin:disabled{opacity:.45;cursor:default}#begin:disabled:hover{color:#cfd6df;background:0 0;border-color:#c8d2dc57}#roominfo{letter-spacing:.1em;color:#6d7885;pointer-events:auto;align-items:center;gap:8px;font-size:11px;display:flex}#roominfo.hidden{display:none}#roomcode-copy{color:#cfd6df;font:inherit;letter-spacing:.22em;cursor:pointer;background:0 0;border:1px solid #c8d2dc33;align-items:baseline;gap:9px;padding:3px 9px;font-size:12px;display:flex}#roomcode-copy:hover{border-color:#c8d2dc80}#roomcode-hint{letter-spacing:.14em;color:#6d7885;font-size:9px}.hidden{display:none!important}.monster-only,body.monster .survivor-only{display:none}body.monster .monster-only{display:flex}body.monster #crosshair{opacity:.25}#summary-list{flex-direction:column;gap:6px;min-width:300px;margin:14px 0 4px;padding:0;list-style:none;display:flex}#summary-list li{letter-spacing:.06em;border-bottom:1px solid #78849429;justify-content:space-between;gap:20px;padding-bottom:5px;font-size:13px;display:flex}#summary-list .who{color:#c8d0da}#summary-list .what{color:#6d7885}#summary-list .escaped .what{color:#7fd6a8}#summary-list .taken .what{color:#d2564a}