@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Special+Elite&display=swap";*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:#ddd;font-family:Special Elite,Georgia,serif}#game canvas{display:block}.hidden{display:none!important}#menu{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:space-between;background:#000;z-index:20;overflow:auto}#menu .bgfx{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px);animation:fl 4s infinite;pointer-events:none}@keyframes fl{0%,to{opacity:.6}50%{opacity:1}52%{opacity:.2}54%{opacity:.9}}.panel{position:relative;width:min(520px,92vw);padding:28px 32px;background:#0a0404bf;border:1px solid #3a1010;box-shadow:0 0 60px #300 inset,0 0 40px #000}h1{font-family:Creepster,serif;font-weight:400;font-size:64px;line-height:.9;margin:0 0 8px;color:#b8b0a0;letter-spacing:3px;text-shadow:0 0 12px #000}h1 span{color:#a00;text-shadow:0 0 18px #f00a}.tag{color:#a99;margin:0 0 18px}label{display:block;font-size:13px;color:#a88;margin:10px 0}input,select{display:block;width:100%;margin-top:4px;padding:10px;background:#120808;border:1px solid #422;color:#eee;font:inherit;font-size:16px;outline:none}input[type=range]{padding:0;margin-top:14px;accent-color:#a00}.row{display:flex;gap:14px}.row label{flex:1}button{margin-top:16px;width:100%;padding:14px;background:#5a0000;color:#fff;border:1px solid #a00;font:inherit;font-size:20px;letter-spacing:2px;cursor:pointer;transition:.2s}button:hover:not(:disabled){background:#800;box-shadow:0 0 20px #f004}button:disabled{opacity:.4;cursor:wait}.load{height:4px;background:#200;margin-top:14px}#loadbar{height:100%;width:0;background:#a00;transition:.2s}#loadtxt{font-size:12px;color:#866;margin-top:4px}.help{margin-top:16px;font-size:12.5px;color:#988;line-height:1.6}.help b{color:#dcc}.credits{margin-top:10px;font-size:11px;color:#655}.credits a{color:#866}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#roomcode{position:absolute;top:12px;left:14px;font-size:13px;color:#a77;letter-spacing:2px}#plist{position:absolute;top:34px;left:14px;font-size:13px}.pl{color:#bbb;margin:2px 0}.pl span{color:#c44;font-size:11px;margin-left:6px}.pl.me{color:#fff}#keys{position:absolute;top:12px;right:16px;font-size:26px;letter-spacing:4px}.k{filter:grayscale(1) brightness(.35)}.k.on{filter:drop-shadow(0 0 6px #fc0)}#objective{position:absolute;top:50px;right:16px;font-size:15px;color:#d8cfb8;text-shadow:0 0 6px #000}#grace{position:absolute;top:22%;width:100%;text-align:center;color:#c33;font-size:20px;text-shadow:0 0 10px #000}#bars{position:absolute;bottom:18px;left:18px;width:200px}.bar{margin:6px 0;font-size:11px;color:#998}.bar i{font-style:normal}.bar>div{height:5px;background:#ffffff14;margin-top:2px}#stam{height:100%;background:#9ab;width:100%}#bat{height:100%;background:#e8d9a0;width:100%}#cross{position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#ffffff59}#prompt{position:absolute;top:58%;width:100%;text-align:center;font-size:17px;color:#eee;text-shadow:0 0 6px #000}#prompt b{display:inline-block;border:1px solid #ccc;padding:0 7px;margin-right:6px;border-radius:3px}#revive{position:absolute;top:63%;left:50%;width:220px;margin-left:-110px;height:6px;background:#222}#revbar{height:100%;background:#4c4;width:0}#toasts{position:absolute;top:30%;width:100%;text-align:center}.toast{margin:6px auto;font-size:18px;color:#e0d6c0;text-shadow:0 0 8px #000,0 0 2px #000;transition:opacity .8s}.toast.good{color:#e8d38a}.toast.bad{color:#f55}.toast.big{font-size:26px;color:#f33;letter-spacing:1px}.toast.out{opacity:0}#chatlog{position:absolute;bottom:90px;left:18px;width:420px;font-size:14px}.cl{margin:3px 0;text-shadow:0 0 4px #000;transition:opacity 2s}.cl.fade{opacity:.25}.cl b{color:#d99}#chatbox{position:absolute;bottom:56px;left:18px;width:420px;pointer-events:auto}#hp{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(120,0,0,.8) 100%);opacity:0}#scare{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,#600,#000 70%);animation:sc .45s}@keyframes sc{0%{opacity:1}to{opacity:0}}#paused,#endscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:15;text-align:center}#paused>div,#endscreen>div{background:#0a0404d9;border:1px solid #3a1010;padding:30px 50px}#paused button{width:220px}h2{font-family:Creepster,serif;font-weight:400;font-size:48px;margin:0 0 10px;color:#c00}h2.win{color:#e8d38a}#endlist{list-style:none;padding:0;color:#ccc}#menu .keyart{position:fixed;top:0;right:0;bottom:0;left:0;background:url(/brand/keyart.webp) center/cover no-repeat;filter:brightness(.55) saturate(.85);animation:breathe 14s ease-in-out infinite}#menu .keyart:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000eb,#000000a6 38%,#0003 62%,#000000bf)}@keyframes breathe{0%,to{transform:scale(1.02)}50%{transform:scale(1.07) translate(-1%)}}#menu .bgfx{position:fixed}.menu-left{position:relative;width:min(520px,94vw);padding:28px 36px;display:flex;flex-direction:column;justify-content:center;z-index:2}.logo{width:100%;max-width:460px;filter:drop-shadow(0 6px 18px #000);margin-left:-8px}.logo.sm{max-width:300px;display:block;margin:0 auto 10px}.lore{font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.35;color:#c9bca4;margin:2px 0 14px;font-style:italic}.form label small{color:#755}.menu-right{position:relative;flex:1;max-width:760px;display:flex;align-items:center;gap:8px;padding:20px 28px 20px 0;z-index:2}.charstage{position:relative;flex:1.1;height:min(84vh,720px);min-width:280px}#preview{width:100%;height:100%;display:block}.arrow{position:absolute;top:44%;width:46px;height:64px;margin:0;padding:0;font-size:40px;line-height:56px;background:#14060699;border:1px solid #4a1515}.arrow.l{left:0}.arrow.r{right:0}.micmeter{position:absolute;bottom:6px;left:15%;right:15%;font-size:11px;color:#a88;text-align:center}.micmeter div{height:4px;background:#ffffff14;margin-top:3px}#micbar{display:block;height:100%;width:0;background:#7c3;transition:width .05s}.charcard{flex:1;min-width:260px;max-width:330px;padding:20px 22px;background:linear-gradient(180deg,#0e0605e0,#060303eb);border:1px solid #3a1414;box-shadow:0 0 40px #000}.cname{font-family:Cormorant Garamond,serif;font-weight:700;font-size:32px;color:#eadfc8;line-height:1}.crole{font-size:13px;color:#b33;letter-spacing:2px;text-transform:uppercase;margin:6px 0 8px}.cbio{font-size:13px;color:#a99a88;line-height:1.5;margin:0 0 12px;min-height:58px}.custom .slot{margin:7px 0}.custom .slot>span{display:block;font-size:11px;color:#a88;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.sw{display:inline-block;width:24px;height:24px;margin:0 5px 4px 0;border:2px solid #2a1010;cursor:pointer;vertical-align:middle;transition:.15s}.sw:hover{transform:scale(1.12)}.sw.on{border-color:#e8d38a;box-shadow:0 0 8px #e8d38a88}.sw.orig{background:repeating-linear-gradient(45deg,#333 0,#333 4px,#555 4px,#555 8px)}.acc label{font-size:11px}.acc select{padding:6px;font-size:13px}button.small{font-size:14px;padding:9px;margin-top:8px;background:#2a0b0b;border-color:#5a1a1a}#mic{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;font-size:11px;color:#998}#micicon{border:1px solid #665;padding:2px 6px;border-radius:3px;letter-spacing:1px}#micicon.on{color:#9e5;border-color:#9e5;box-shadow:0 0 8px #9e58}#micicon.muted{color:#c44;border-color:#c44;text-decoration:line-through}#mic>div{width:90px;height:5px;background:#ffffff14}#miclvl{display:block;height:100%;width:0;background:#9e5}#mic em{font-style:normal;color:#766}.pl .spk{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9e5;margin-left:6px;opacity:0;transition:opacity .1s}h2{font-family:Cormorant Garamond,serif;font-weight:700}@media (max-width:1000px){#menu{flex-direction:column}.menu-right{padding:0 16px 30px}.charstage{height:60vh}}.hideov{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;transition:opacity .4s}.hideov.closet{background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 45%,rgba(0,0,0,.75) 100%)}.hideov.table{background:linear-gradient(180deg,rgba(10,6,4,.97) 0 22%,rgba(10,6,4,.6) 30%,transparent 42%),radial-gradient(ellipse 80% 60% at 50% 70%,transparent 50%,rgba(0,0,0,.8) 100%)}.fog{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 20% 80%,rgba(120,110,100,.1),transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(90,80,80,.08),transparent 55%);animation:fogmove 18s ease-in-out infinite alternate}@keyframes fogmove{0%{transform:translate(-3%) scale(1.05)}to{transform:translate(3%) scale(1.12)}}.tabs{display:flex;gap:4px;margin:4px 0 10px;border-bottom:1px solid #3a1414}.tabs button{margin:0;width:auto;flex:1;padding:9px 6px;font-size:15px;letter-spacing:1px;background:transparent;border:0;border-bottom:2px solid transparent;color:#a99}.tabs button:hover:not(:disabled){background:#5a000040;box-shadow:none;color:#fff}.tabs button.on{color:#f3e6c8;border-bottom-color:#c22}.tabs.sm button{font-size:13px;padding:7px 4px}.tab,.ctab{display:none;animation:tabin .25s ease}.tab.on,.ctab.on{display:block}@keyframes tabin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.modes{display:flex;gap:10px;margin:6px 0 4px}.mode{flex:1;padding:12px 12px 10px;border:1px solid #3a1818;background:#140808b3;cursor:pointer;transition:.2s;position:relative;overflow:hidden}.mode:hover{border-color:#7a2a2a;transform:translateY(-2px)}.mode.on{border-color:#c22;background:linear-gradient(180deg,#5a0a0a8c,#190606d9);box-shadow:0 0 18px #a003}.mode b{display:block;font-family:Creepster,serif;font-weight:400;font-size:26px;letter-spacing:2px;color:#e9d9bd}.mode span{display:block;font-size:11.5px;color:#c77;margin:2px 0 6px}.mode em{display:block;font-style:normal;font-size:12px;color:#a99;line-height:1.35}.mode[data-mode=killer] b{color:#ff6a5a}.rooms{margin-top:8px;border:1px solid #2a1212;background:#0a040499;padding:6px 8px;max-height:132px;overflow:auto}.rtitle{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#a88}.rtitle button{width:auto;margin:0;padding:3px 8px;font-size:11px}button.ghost{background:transparent;border-color:#4a1a1a}#roomlist i{font-size:12px;color:#766}.ritem{display:flex;gap:10px;align-items:baseline;padding:5px 6px;cursor:pointer;border-bottom:1px solid #1e0c0c;font-size:13px}.ritem:hover{background:#78141440}.ritem b{color:#eadfc8;min-width:86px}.ritem span{color:#e77;min-width:70px}.ritem em{font-style:normal;color:#988;font-size:12px}label output{float:right;color:#e8d38a;font-size:12px}input[type=range]{width:100%;accent-color:#b22}.hint{font-size:12.5px;color:#998;line-height:1.5;margin:10px 0}.hint b{color:#e8d38a}.keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12.5px;color:#b9a}.keys b{display:inline-block;min-width:18px;padding:1px 6px;margin-right:3px;border:1px solid #5a2a2a;background:#1a0a0a;color:#f0e0c0;font-family:monospace;font-size:12px;text-align:center}.bestiary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.bestiary div{padding:8px;border:1px solid #2a1414;background:#120606b3}.bestiary b{display:block;color:#ff7a6a;font-size:15px}.bestiary span{font-size:12px;color:#a99}.dots{position:absolute;bottom:14px;left:0;right:0;text-align:center}.dots i{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:50%;background:#3a2020;cursor:pointer;transition:.2s}.dots i.on{background:#e8d38a;box-shadow:0 0 8px #e8d38a}.charstage .arrow{transition:.15s}.charstage .arrow:hover{transform:scale(1.15)}#play{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f000}50%{box-shadow:0 0 24px #f004}}#lives{position:absolute;top:84px;right:18px;display:flex;gap:6px}#lives .hrt{width:22px;height:20px;display:block;background:#2a1010;clip-path:path("M11 19 L2 10 C-1 6 2 1 6 1 C8.5 1 10 3 11 4.5 C12 3 13.5 1 16 1 C20 1 23 6 20 10 Z");opacity:.5}#lives .hrt.on{background:#d22;opacity:1;filter:drop-shadow(0 0 4px #f00)}#lives .kl{font-family:Creepster,serif;font-size:22px;color:#f44;letter-spacing:2px;text-shadow:0 0 10px #f00}#weapon{position:absolute;bottom:22px;right:22px;padding:8px 14px;background:#0a0404bf;border:1px solid #5a1a1a;color:#f0dcb0;font-size:15px}#rolebanner{position:absolute;top:30%;left:50%;transform:translate(-50%);text-align:center;padding:18px 34px;background:#080202d1;border:1px solid #7a1a1a;transition:opacity 1.5s;pointer-events:none}#rolebanner b{display:block;font-family:Creepster,serif;font-weight:400;font-size:44px;letter-spacing:3px}#rolebanner span{display:block;font-size:14px;color:#cbb;max-width:520px}#rolebanner.killer b{color:#ff3a2a;text-shadow:0 0 16px #f00}#rolebanner.surv b{color:#e8d38a}#rolebanner.fade{opacity:0}#spec{position:absolute;bottom:90px;left:50%;transform:translate(-50%);padding:10px 20px;background:#000000b3;border:1px solid #444;text-align:center;font-size:16px}#spec b{color:#e8d38a}#spec span{display:block;font-size:12px;color:#999;margin-top:2px}#endlist li.reason{list-style:none;color:#e8d38a;margin-bottom:8px}