*{box-sizing:border-box}html,body{margin:0;height:100%;background:#07060a;color:#d9cdb8;font:15px/1.4 Georgia,Times New Roman,serif;overflow:hidden}#cv{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud>*{pointer-events:auto}#screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1a1216,#07060a 70%)}#screen:empty{display:none}.panel{background:#0e0a0cf0;border:1px solid #4a3a30;padding:22px 26px;max-width:560px;width:min(92vw,560px);box-shadow:0 0 40px #000}.panel h1{margin:0 0 6px;font-weight:400;font-size:30px;letter-spacing:2px;color:#e8d7b5}.panel h2{margin:14px 0 6px;font-weight:400;font-size:18px;color:#c9b58e}.panel p{margin:6px 0;color:#b7a88f}.muted{color:#7f7266;font-size:13px}input[type=text]{background:#15100f;border:1px solid #5a4636;color:#e8d7b5;padding:8px 10px;font:inherit;width:100%}button{background:#2a1d1a;border:1px solid #6b4f3c;color:#e8d7b5;padding:8px 16px;font:inherit;cursor:pointer;margin:4px 4px 0 0}button:hover{background:#3b2924}button.primary{background:#5a2b25;border-color:#9c5b45}button:disabled{opacity:.45;cursor:default}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero{display:flex;gap:12px;align-items:center;border:1px solid #3a2d28;padding:8px;cursor:pointer;margin-top:8px}.hero.sel{border-color:#c9a06a;background:#241a17}.hero img{width:64px;height:64px;border-radius:50%}.players{margin:8px 0}.players div{padding:3px 0}.toasts{position:absolute;top:14px;left:50%;transform:translate(-50%);width:min(92vw,640px);display:flex;flex-direction:column;gap:6px}.toast{background:#0a0709e6;border:1px solid #4a3a30;padding:8px 12px;animation:fade .3s}.toast.witch{border-color:#8a2b2b;color:#e6c5c5}.toast.warning{border-color:#8a6b2b}.toast .title{color:#c9a06a;font-size:12px;letter-spacing:1px;text-transform:uppercase}@keyframes fade{0%{opacity:0;transform:translateY(-6px)}}.status{position:absolute;top:12px;left:14px;background:#0a0709bf;border:1px solid #3a2d28;padding:8px 12px;font-size:13px}.status b{color:#e8d7b5;font-weight:400}.pockets{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px}.pocket{width:92px;height:56px;background:#0a0709cc;border:1px solid #3a2d28;font-size:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2px;cursor:pointer}.pocket .ic{font-size:18px}.pocket:hover{border-color:#8a6b2b}.prompt{position:absolute;bottom:86px;left:50%;transform:translate(-50%);background:#0a0709d9;border:1px solid #5a4636;padding:6px 14px}.prompt kbd{background:#3a2d28;padding:1px 6px;border-radius:3px;color:#fff}.help{position:absolute;bottom:14px;right:14px;font-size:12px;color:#7f7266;text-align:right}.dialog{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0c080af5;border:1px solid #6b4f3c;padding:18px 22px;width:min(92vw,520px)}.dialog h3{margin:0 0 8px;font-weight:400;color:#c9a06a}.dialog .opt{display:block;width:100%;text-align:left;margin:4px 0}.journal{position:absolute;top:12px;right:14px;bottom:60px;width:min(92vw,380px);background:#0c080af0;border:1px solid #4a3a30;padding:14px;overflow:auto}.journal h3{margin:0 0 8px;font-weight:400;color:#c9a06a}.journal .e{border-top:1px solid #2d2320;padding:6px 0;font-size:13px}.journal .e.rule{color:#e0b88a}.journal .e.clue{color:#cfd6b8}.journal .e.lore{color:#b8c6d6;font-style:italic}.journal .e.end{color:#fff}.popup{position:absolute;top:18%;left:50%;transform:translate(-50%);background:#0c080af5;border:1px solid #8a6b2b;padding:16px 20px;width:min(92vw,520px)}.popup h3{margin:0 0 6px;font-weight:400;color:#c9a06a;font-size:15px}.death{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0000008c;font-size:28px;letter-spacing:3px;color:#b03030;text-align:center}.death small{font-size:14px;color:#9a8a7a;letter-spacing:0;margin-top:10px}.end{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9}
