*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#243b3a;color:#dcefea;font-family:Segoe UI,system-ui,-apple-system,sans-serif}canvas{display:block}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(150,215,205,.22),transparent 70%),linear-gradient(180deg,#284644d6,#0a1416f2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#overlay.hidden{display:none}#back-home{position:absolute;top:18px;left:20px;color:#a9d8cf;text-decoration:none;font-size:13px;letter-spacing:.08em;opacity:.8}#back-home:hover{opacity:1}.entry{max-width:640px;text-align:center}.kicker{font-size:11px;letter-spacing:.24em;color:#8fc2b8;margin-bottom:22px}.kicker .dot,.cta-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c21d2a;box-shadow:0 0 10px #ff3a46;margin-right:8px;vertical-align:middle;animation:beat 1.1s ease-in-out infinite}h1{font-family:Georgia,Times New Roman,serif;font-weight:400;font-size:clamp(40px,8.5vw,82px);letter-spacing:.26em;margin-right:-.26em;color:#eef7f4;text-shadow:0 0 30px rgba(160,220,210,.35)}.rule{width:120px;height:1px;margin:22px auto;background:linear-gradient(90deg,transparent,#b3202c,transparent)}.strap{font-size:16px;line-height:1.65;color:#bcd9d2;margin-bottom:34px}.cta{font-size:14px;letter-spacing:.18em;text-transform:uppercase;color:#eef7f4;margin-bottom:18px}.keys{font-size:12px;color:#86ada5;line-height:1.9}.keys b{color:#dcefea;font-weight:600}@keyframes beat{0%,to{transform:scale(1);opacity:.6}12%{transform:scale(1.35);opacity:1}24%{transform:scale(1);opacity:.7}34%{transform:scale(1.2);opacity:.95}}#forms{position:fixed;top:16px;left:16px;display:none;gap:6px;z-index:5;font-size:11px;letter-spacing:.16em;pointer-events:none}body.playing #forms{display:flex}#forms span{padding:5px 10px;border:1px solid rgba(220,240,235,.18);border-radius:3px;color:#dcf0eb73;background:#0a161659}#forms span b{margin-right:6px;color:#dcf0ebb3}#forms span.on{color:#fff;border-color:#ffffff8c;background:#0a161699}#forms span.on.vampire{border-color:#d0303b;box-shadow:0 0 12px #d0303b73}#forms span.on.bat{border-color:#cfe6ff;box-shadow:0 0 12px #c8e1ff59}#chip{position:fixed;top:48px;left:16px;z-index:5;display:none;pointer-events:none;font-size:10px;letter-spacing:.18em;padding:4px 12px;border-radius:999px;color:#e8f2ff;border:1px solid rgba(207,230,255,.6);background:#0a161e8c;box-shadow:0 0 10px #c8e1ff40}body.playing #chip.show{display:block}#hint{position:fixed;left:50%;bottom:18px;transform:translate(-50%);font-size:12px;letter-spacing:.14em;color:#dcf0eb99;pointer-events:none;z-index:5;display:none;white-space:nowrap}body.playing #hint{display:block}#hint b{color:#fff}#toast{position:fixed;top:16%;left:50%;transform:translate(-50%);padding:10px 22px;font-size:14px;letter-spacing:.2em;color:#eef7f4;background:#0a181880;border:1px solid rgba(180,230,220,.22);border-radius:3px;pointer-events:none;opacity:0;transition:opacity .6s;z-index:6;max-width:calc(100vw - 32px);text-align:center}#toast.show{opacity:1}#prompt{position:fixed;top:58%;left:50%;transform:translate(-50%);padding:7px 16px;font-size:13px;letter-spacing:.16em;color:#ffd9d9;background:#28060a80;border:1px solid rgba(220,60,70,.4);border-radius:3px;pointer-events:none;z-index:6;display:none;max-width:calc(100vw - 32px);text-align:center}#prompt.show{display:block}#keys-panel{position:fixed;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);min-width:min(460px,calc(100vw - 32px));padding:18px 24px 14px;background:#081214db;border:1px solid rgba(180,230,220,.25);border-radius:4px;font-size:13px;letter-spacing:.08em;color:#dcf0ebbf;pointer-events:none}#keys-panel h3{font-weight:400;font-size:12px;letter-spacing:.3em;margin:0 0 10px;color:#fff}#keys-panel div{display:flex;gap:14px;padding:3px 0}#keys-panel div b{flex:0 0 120px;color:#fff;font-weight:600}#keys-panel p{margin:10px 0 0;font-size:11px;color:#dcf0eb80}#keys-panel p b{color:#fff}#minimap{position:fixed;right:16px;bottom:16px;width:220px;height:220px;border-radius:6px;overflow:hidden;border:1px solid rgba(180,230,220,.3);z-index:5;display:none;opacity:.85}body.playing #minimap{display:block}#minimap canvas{position:absolute;top:0;right:0;bottom:0;left:0}@media(max-width:700px){#hint{white-space:normal;width:calc(100vw - 32px);text-align:center}#minimap{width:140px;height:140px}}