*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#d8cfc0;font-family:Special Elite,Courier New,monospace}#c{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;display:block;image-rendering:pixelated}#c.smooth{image-rendering:auto}.hidden{display:none!important}#grain{position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;opacity:.09;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain .4s steps(4) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-5%,3%)}50%{transform:translate(4%,-6%)}75%{transform:translate(-3%,5%)}to{transform:translate(2%,-2%)}}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 45%,rgba(0,0,0,.85) 100%);transition:background .4s}#vignette.fear{background:radial-gradient(ellipse at center,transparent 30%,rgba(60,0,0,.9) 100%)}#redflash,#whiteflash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:0;transition:opacity .6s}#redflash{background:#600}#whiteflash{background:#fff}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.title{font-family:Creepster,cursive;font-size:clamp(56px,12vw,150px);color:#b00;margin:0;letter-spacing:4px;text-shadow:0 0 30px #600,0 6px 0 #200;animation:flick 6s infinite}.small-title{font-size:clamp(40px,8vw,96px);text-align:center}@keyframes flick{0%,92%,to{opacity:1}93%{opacity:.3}94%{opacity:1}96%{opacity:.5}}.tag{margin:4px 0 24px;opacity:.8;text-align:center}.hint,.small{font-size:13px;opacity:.6}.panel{background:#0a0606d1;border:1px solid #3a1a1a;padding:18px;border-radius:4px;box-shadow:0 0 40px #000000e6;display:flex;flex-direction:column;gap:10px;min-width:min(340px,100%)}label{display:flex;flex-direction:column;gap:4px;font-size:13px;opacity:.9}input{background:#120c0c;border:1px solid #4a2222;color:#eee;padding:10px;font-family:inherit;font-size:16px;outline:none}input:focus{border-color:#a22}button{background:#2a0a0a;color:#e8d8c8;border:1px solid #6a1a1a;padding:10px 16px;font-family:inherit;font-size:16px;cursor:pointer;transition:all .15s}button:hover{background:#5a0e0e;border-color:#c22;box-shadow:0 0 16px #a00}button.big{font-size:22px;padding:14px;font-family:Creepster,cursive;letter-spacing:2px}button:disabled{opacity:.4;pointer-events:none}.row{display:flex;gap:8px}.row input{flex:1;text-transform:uppercase;letter-spacing:6px;text-align:center}.err{color:#f55;min-height:1em;margin:0;font-size:14px}.lobby-grid{display:flex;gap:16px;width:min(1100px,100%);flex-wrap:wrap}.col{flex:1;min-width:280px}.col.wide{flex:2}h2,h3{margin:4px 0;font-weight:400;color:#c33}.code{font-family:Creepster,cursive;font-size:40px;color:#eee;letter-spacing:6px;cursor:pointer;margin-left:8px}#plist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}#plist li{display:flex;gap:8px;align-items:center;padding:6px 8px;background:#160c0c}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:0 0 8px currentColor}.chatlog{height:160px;overflow-y:auto;font-size:14px;background:#0a0606;padding:6px}.chatlog p,#chatfeed p{margin:2px 0}.sys{opacity:.6;font-style:italic}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.card{padding:10px;background:#140a0a;border:1px solid #3a1a1a;cursor:pointer;transition:all .15s}.card.sel{border-color:#d22;background:#2a0808;box-shadow:0 0 18px #c8000066}.card.locked{cursor:default}.card b{display:block;font-size:18px;color:#eee}.card em{font-style:normal;font-size:11px;color:#c44;letter-spacing:1px}.card p{margin:6px 0 0;font-size:12px;opacity:.75}.controls{margin-top:8px;line-height:1.7}#rfates{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;min-width:min(420px,100%)}#rfates li{display:flex;justify-content:space-between;gap:20px;padding:8px 12px;background:#140808d9}#rfates .ESCAPED,#rfates .FED{color:#8f8}#hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}#obj{position:absolute;top:14px;left:16px;max-width:46vw;font-size:16px;text-shadow:0 0 6px #000;line-height:1.4}#timer{position:absolute;top:14px;right:16px;font-size:22px;text-shadow:0 0 6px #000}#feed{position:absolute;top:60px;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;gap:4px}#feed p{margin:0;font-size:18px;text-shadow:0 0 8px #000,0 0 2px #000;animation:fade 6s forwards}#feed p.big{font-family:Creepster,cursive;font-size:34px;color:#d22}@keyframes fade{0%{opacity:0}5%,75%{opacity:1}to{opacity:0}}#cross{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;background:#ffffff80;border-radius:50%}#prompt{position:absolute;left:50%;top:58%;transform:translate(-50%);font-size:18px;text-shadow:0 0 6px #000;white-space:nowrap}#holdring{position:absolute;left:50%;top:50%;width:44px;height:44px;margin:-22px;opacity:0}#holdring circle{fill:none;stroke:#e8d8c8;stroke-width:3;stroke-dasharray:100.5;stroke-dashoffset:100.5;transform:rotate(-90deg);transform-origin:center}#bars{position:absolute;left:16px;bottom:16px;display:flex;flex-direction:column;gap:6px}.bar{width:180px;height:14px;background:#0009;border:1px solid #333;position:relative}.bar span{position:absolute;left:4px;top:-1px;font-size:11px;z-index:1;opacity:.8}.bar i{display:block;height:100%;background:#6a5a4a;width:100%}#batt{background:#8a8030}#carry{position:absolute;right:16px;bottom:16px;font-size:18px;color:#c9f;text-shadow:0 0 10px #80f}#whud{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.cd{padding:8px 10px;border:1px solid #a22;background:#3c000099;font-size:13px}.cd.cool{opacity:.35}#chat{position:absolute;left:16px;bottom:70px;width:min(420px,60vw);font-size:14px;text-shadow:0 0 4px #000}#chatfeed p{animation:fade 12s forwards}#gchat{width:100%;pointer-events:auto}.overlay-msg{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;text-shadow:0 0 10px #000}.overlay-msg.top{top:12%}.overlay-msg h2{font-family:Creepster,cursive;font-size:54px;color:#c00;margin:0}.rev{width:240px;height:8px;margin:10px auto;background:#200}.rev i{display:block;height:100%;width:0;background:#8f8}#slats{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,#000 0 26px,transparent 26px 40px);display:flex;align-items:flex-end;justify-content:center}#slats p{background:#000;padding:8px 16px;margin-bottom:40px}#intro{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse,#00000080,#000000e6);animation:introfade 1s ease-out}#intro h1{font-family:Creepster,cursive;font-size:clamp(48px,9vw,110px);color:#b00;margin:0;text-shadow:0 0 30px #600}#intro p{max-width:640px;text-align:center;font-size:18px;line-height:1.5;padding:0 16px}@keyframes introfade{0%{opacity:0}}#lockhint{position:absolute;left:50%;top:40%;transform:translate(-50%);padding:12px 20px;background:#000000bf;border:1px solid #622;font-size:20px}#scare{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:20;pointer-events:none}.shake{animation:shake .08s infinite}@keyframes shake{0%{transform:translate(8px,-6px) scale(1.05)}50%{transform:translate(-10px,8px) scale(1.1)}to{transform:translate(6px,4px) scale(1.07)}}
