.game-root{--ink:#0d1117;--moon:#8fa8c8;--amber:#e8a44a;--oxblood:#5a1a1a;--brass:#b08d57;--parchment:#e9dfc7;min-height:100vh;color:var(--parchment);font-family:var(--font-fell), Georgia, serif;background:radial-gradient(at 50% 40%,#16110d 0%,#050404 70%);flex-direction:column;align-items:center;display:flex}.game-topbar{justify-content:space-between;align-items:center;gap:12px;width:min(100vw,177.778vh - 227.556px);padding:10px 14px;display:flex}.game-title{font-family:var(--font-blackletter), serif;color:var(--brass);letter-spacing:.02em;font-size:22px}.game-ui-small{font-family:var(--font-fell-sc), serif;letter-spacing:.06em;color:#e9dfc7b8;font-size:14px}.game-btn,.game-btn-ghost{font-family:var(--font-fell-sc), serif;letter-spacing:.08em;cursor:pointer;border-radius:2px;transition:background .2s,color .2s,border-color .2s}.game-btn{color:#1b130b;background:linear-gradient(#c9a36a,#8a6a36);border:1px solid #e3c48e;padding:10px 26px;font-size:17px;box-shadow:0 0 24px #e8a44a2e}.game-btn:hover{background:linear-gradient(#dcb87c,#9a7840)}.game-btn-ghost{color:var(--parchment);background:#0a08068c;border:1px solid #b08d5773;padding:6px 14px;font-size:14px}.game-btn-ghost:hover{border-color:var(--brass);color:#fff}.game-btn:focus-visible,.game-btn-ghost:focus-visible,.hotspot:focus-visible,.inv-slot:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.game-stage{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;background:#000;width:min(100vw,177.778vh - 227.556px);position:relative;overflow:hidden;box-shadow:0 0 80px #000000e6;container-type:inline-size}.frame-layer{position:absolute;inset:0}.frame-in{animation:.65s ease-out both frameFade}.frame-in.frame-zoom{animation:.65s ease-out both frameFade,1s cubic-bezier(.2,.7,.2,1) both frameZoom}@keyframes frameFade{0%{opacity:0}to{opacity:1}}@keyframes frameZoom{0%{transform:scale(1.07)}to{transform:scale(1)}}.vignette{pointer-events:none;background:radial-gradient(#0000 55%,#0000008c 100%);position:absolute;inset:0}.grain{pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.5s steps(4,end) infinite grainShift;position:absolute;inset:-50%}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}to{transform:translate(1%,3%)}}.hotspot{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0}.hotspot:before{content:"";opacity:0;background:radial-gradient(#e8a44a29,#0000 70%);border-radius:12px;transition:opacity .35s;position:absolute;inset:0}.hotspot:hover:before,.hotspot:focus-visible:before{opacity:1}.hotspot-label{white-space:nowrap;font-family:var(--font-fell-sc), serif;letter-spacing:.08em;color:var(--parchment);opacity:0;pointer-events:none;z-index:5;background:#080604b8;border:1px solid #b08d5766;padding:3px 9px;font-size:clamp(11px,1.1cqw,15px);transition:opacity .25s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%,100%)}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1}.game-back{font-family:var(--font-fell-sc), serif;letter-spacing:.08em;color:var(--parchment);cursor:pointer;z-index:6;background:#08060499;border:1px solid #b08d5766;padding:6px 14px;font-size:clamp(12px,1.2cqw,16px);position:absolute;bottom:14px;left:14px}.game-back:hover{border-color:var(--brass)}.game-message{text-align:center;color:#f1e7d0;text-shadow:0 2px 10px #000,0 0 2px #000;pointer-events:none;z-index:6;background:linear-gradient(90deg,#0000,#0000008c 15% 85%,#0000);width:min(78%,900px);padding:10px 40px;font-size:clamp(14px,1.55cqw,21px);font-style:italic;line-height:1.45;animation:.5s ease-out both msgIn;position:absolute;bottom:5%;left:50%;transform:translate(-50%)}@keyframes msgIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hint-panel{z-index:8;background:#0a0806e6;border:1px solid #b08d5780;flex-direction:column;align-items:flex-start;gap:10px;width:min(360px,60%);padding:16px 18px;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 10px 40px #000000b3}.hint-heading{font-family:var(--font-fell-sc), serif;color:var(--brass);letter-spacing:.08em}.hint-line{font-size:16px;font-style:italic;line-height:1.45}.game-inventory{flex-wrap:wrap;align-items:center;gap:10px;width:min(100vw,177.778vh - 227.556px);min-height:72px;padding:8px 14px;display:flex}.inv-slot{cursor:pointer;color:var(--parchment);background:#140f0acc;border:1px solid #b08d5759;align-items:center;gap:8px;padding:4px 12px 4px 6px;transition:border-color .2s,box-shadow .2s;display:flex}.inv-slot:hover{border-color:var(--brass)}.inv-selected{border-color:var(--amber);box-shadow:0 0 16px #e8a44a59}.inv-name{font-family:var(--font-fell-sc), serif;letter-spacing:.05em;font-size:13px}.item-cursor{pointer-events:none;filter:drop-shadow(0 3px 6px #000);z-index:9;position:absolute;transform:translate(8px,8px)}.lens{aspect-ratio:1;pointer-events:none;z-index:9;border:6px solid #6b4a2a;border-radius:50%;width:22%;position:absolute;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #c9a36a,0 12px 40px #000c,inset 0 0 30px #00000080}.lens:after{content:"";background:radial-gradient(circle at 30% 25%,#ffffff29,#0000 40%);border-radius:50%;position:absolute;inset:0}.lens-inner{position:absolute;container-type:inline-size}.eye-numerals{font-family:var(--font-fell), serif;color:#faf4e4f2;text-shadow:0 0 .02cqw #28140ae6,0 0 .05cqw #ffffff80;letter-spacing:.01em;font-size:.42cqw;line-height:1;position:absolute;transform:translate(-50%,-50%)}.safe-drum{background:linear-gradient(#0b0a08 0%,#211a12 20%,#3a2d1d 50%,#211a12 80%,#0b0a08 100%);justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 6px #000;container-type:size}.safe-drum button{background:0 0;border:0}.safe-digit{font-family:var(--font-fell), serif;color:#e9dfc7;text-shadow:0 1px #000;font-size:72cqh;animation:.18s ease-out drumRoll}@keyframes drumRoll{0%{opacity:.3;transform:translateY(-40%)}to{opacity:1;transform:translateY(0)}}.doc-backdrop{z-index:50;background:#000000c7;justify-content:center;align-items:center;padding:16px;animation:.35s ease-out both frameFade;display:flex;position:fixed;inset:0}.doc-wrap{flex-direction:column;align-items:center;gap:14px;max-height:100%;display:flex}.doc-page{color:#3b2718;background:radial-gradient(at 30% 20%,#fffaeb59,#0000 60%),radial-gradient(at 80% 90%,#78552840,#0000 55%),linear-gradient(135deg,#e6d7b5,#d5c197 55%,#c8b184);width:min(560px,90vw);max-height:calc(100dvh - 110px);padding:44px 48px 40px;animation:.45s cubic-bezier(.2,.7,.2,1) both docIn;position:relative;overflow:hidden;transform:rotate(-.6deg);box-shadow:0 20px 60px #000c,inset 0 0 60px #6e4b1e59}@keyframes docIn{0%{opacity:0;transform:translateY(20px)rotate(-2deg)}to{opacity:1;transform:translateY(0)rotate(-.6deg)}}.doc-page p{margin:0 0 .7em}.hand-edmund{font-family:var(--font-edmund), cursive;font-size:calc(25px * var(--doc-scale,1));color:#2e1d12;line-height:1.42}.hand-eleanor{font-family:var(--font-eleanor), cursive;font-size:calc(21px * var(--doc-scale,1));color:#3c2350;line-height:1.62}.hand-plain{font-family:var(--font-plain), Georgia, serif;font-size:calc(19px * var(--doc-scale,1));font-weight:500;line-height:1.5}.doc-date{text-align:right;opacity:.85}.doc-sign{text-align:right;margin-top:.4em}.doc-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.grille{cursor:grab;touch-action:none;filter:drop-shadow(4px 8px 10px #0000008c);z-index:2;position:absolute;top:0;left:0}.grille:active{cursor:grabbing}.grille-aligned{cursor:default;filter:drop-shadow(1px 2px 3px #00000080);transition:transform .2s ease-out}.intro-screen{justify-content:center;padding:24px}.intro-card{text-align:center;background:#080604e6;border:1px solid #b08d5747;flex-direction:column;align-items:center;gap:18px;max-width:680px;padding:40px 36px;display:flex;box-shadow:0 20px 80px #000c}.intro-kicker{font-family:var(--font-fell-sc), serif;letter-spacing:.2em;color:var(--brass);font-size:14px}.intro-title{font-family:var(--font-blackletter), serif;color:#efe3c8;text-shadow:0 0 30px #e8a44a40;font-size:clamp(40px,7vw,72px);line-height:1.05}.intro-para{color:#e9dfc7e0;opacity:0;font-size:18px;line-height:1.6;animation:1.2s ease-out forwards introIn}.intro-para.visible{opacity:1;animation:none}.intro-begin{opacity:0;margin-top:10px;animation:1s ease-out forwards introIn}.intro-note{font-family:var(--font-fell-sc), serif;letter-spacing:.1em;color:#e9dfc780;font-size:13px}@keyframes introIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ending-text{text-align:center;z-index:7;flex-direction:column;align-items:center;gap:10px;padding:0 10%;display:flex;position:absolute;inset:auto 0 8%}.ending-text p{color:#f1e7d0;text-shadow:0 2px 12px #000,0 0 3px #000;font-size:clamp(16px,1.9cqw,26px);font-style:italic;animation:1.6s ease-out both introIn}.spider-run{pointer-events:none;animation:.4s ease-out forwards spiderFade}@keyframes spiderFade{0%{opacity:1}to{opacity:0}}.ghost{aspect-ratio:2/3;mix-blend-mode:screen;pointer-events:none;z-index:7;height:34%;position:absolute;transform:translate(-50%,-50%)scale(1)}.ghost-lurk{animation:2.4s ease-out forwards ghostLurk}@keyframes ghostLurk{0%{opacity:0;filter:blur(3px)brightness(.6);transform:translate(-50%,-50%)scale(.85)}30%{opacity:.35}38%{opacity:.1}46%{opacity:.5}to{opacity:.7;filter:blur(.5px)brightness(.8);transform:translate(-50%,-50%)scale(1)}}.ghost-lunge,.ghost-flash{opacity:1;filter:brightness(1.25)contrast(1.15);mix-blend-mode:normal;transition:transform .28s cubic-bezier(.6,0,.9,.4),left .28s ease-in,top .28s ease-in,filter .28s;transform:translate(-50%,-50%)scale(3.1);top:55%!important;left:50%!important}.stage-shake{animation:.35s linear shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-14px,8px)}40%{transform:translate(12px,-10px)}60%{transform:translate(-10px,6px)}80%{transform:translate(8px,-4px)}}.scare-flash{z-index:8;background:#fff;animation:.45s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.95}30%{opacity:.6;background:#fff}to{opacity:1;background:#000}}.intro-toggle{cursor:pointer;align-items:center;gap:8px;display:flex}.intro-toggle input{accent-color:var(--brass);width:16px;height:16px}@media (prefers-reduced-motion:reduce){.grain,.frame-in,.frame-zoom,.intro-para,.intro-begin,.ending-text p,.safe-digit{opacity:1;animation:none!important}}.portal-card{text-align:left;align-items:stretch;width:min(560px,100%)}.portal-wide{width:min(860px,100%)}.portal-title{font-family:var(--font-blackletter), serif;color:#efe3c8;font-size:clamp(30px,5vw,44px);line-height:1.1}.portal-form{flex-direction:column;gap:12px;display:flex}.portal-inline{flex-flow:wrap;align-items:center}.portal-label{font-family:var(--font-fell-sc), serif;letter-spacing:.08em;color:var(--brass);font-size:14px}.portal-input{font-family:var(--font-fell), serif;color:#f1e7d0;background:#0b0906;border:1px solid #b08d5780;border-radius:2px;min-width:0;padding:10px 12px;font-size:16px}.portal-input:focus{outline:2px solid var(--amber);outline-offset:1px}.portal-code{letter-spacing:.4em;text-align:center;text-transform:uppercase;font-size:22px}.portal-error{color:#f3b1a1;font-size:15px}.portal-error-bar{z-index:60;text-align:center;background:#3a120c;padding:8px 16px;position:fixed;top:0;left:0;right:0}.portal-section{border-top:1px solid #b08d5733;flex-direction:column;gap:10px;padding-top:16px;display:flex}.portal-h2{font-family:var(--font-fell-sc), serif;letter-spacing:.1em;color:var(--brass);font-size:16px}.portal-row{color:var(--parchment);border:1px solid #b08d574d;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.portal-row:hover{border-color:var(--brass)}.portal-licence{border:1px solid #b08d574d;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:14px;display:flex}.portal-licence-title{color:#efe3c8;font-size:20px}.portal-start{flex-direction:column;gap:8px;min-width:260px;display:flex}.portal-buttons{flex-wrap:wrap;gap:8px;display:flex}.portal-join-code{font-family:var(--font-fell), serif;letter-spacing:.35em;color:#efe3c8;text-align:center;text-shadow:0 0 30px #e8a44a4d;font-size:clamp(44px,9vw,72px)}.portal-players{flex-direction:column;gap:6px;font-size:18px;list-style:none;display:flex}.portal-players .dot{background:#5a4d3a;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.portal-players .dot.on{background:#8fce7a;box-shadow:0 0 8px #8fce7a}.portal-finished{text-align:center;justify-content:center;align-items:center;gap:12px;padding:14px;display:flex}.portal-table{border-collapse:collapse;width:100%;font-size:14px}.portal-table th,.portal-table td{text-align:left;border-bottom:1px solid #b08d5733;padding:6px 8px}.sync-test{flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.sync-candles{gap:18px;display:flex}.candle{opacity:.5;background:#d8ccb2;border-radius:3px;width:18px;height:60px;position:relative}.candle.lit{opacity:1;box-shadow:0 -20px 30px #ffaa5099}.candle.lit:after{content:"";background:radial-gradient(#fff6c8,#ffae3a 60%,#0000 70%);border-radius:50% 50% 40% 40%;width:10px;height:16px;position:absolute;top:-18px;left:4px}.sync-log{color:#e9dfc7b3;font-size:14px;list-style:none}.portal-tabs{border-bottom:1px solid #b08d5759;display:flex}.portal-tab{color:#e9dfc7a6;font-family:var(--font-fell-sc), serif;letter-spacing:.06em;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:15px}.portal-tab.active{color:#efe3c8;border-bottom-color:var(--brass)}.inv-wrap{align-items:center;gap:2px;display:inline-flex;position:relative}.inv-img{object-fit:contain;width:36px;height:36px}.inv-doc{color:var(--brass);text-align:center;width:36px;font-size:26px}.inv-pass{color:var(--parchment);cursor:pointer;background:#140f0acc;border:1px solid #b08d5759;padding:6px 8px}.inv-pass-menu{z-index:20;background:#0a0806f2;border:1px solid #b08d5780;flex-direction:column;gap:4px;min-width:140px;padding:8px;display:flex;position:absolute;bottom:110%;left:0}.hand-a{font-family:var(--font-edmund), cursive;font-size:calc(25px * var(--doc-scale,1));color:#2e1d12;line-height:1.42}.hand-b{font-family:var(--font-eleanor), cursive;font-size:calc(21px * var(--doc-scale,1));color:#3c2350;line-height:1.62}.hand-c{font-family:var(--font-fell), serif;font-style:italic;font-size:calc(20px * var(--doc-scale,1));color:#2a1c14;line-height:1.5}.hand-print{font-family:var(--font-plain), Georgia, serif;font-size:calc(18px * var(--doc-scale,1));color:#1f1812;font-weight:500;line-height:1.5}.hand-d{font-family:var(--font-pencil-round), cursive;font-size:calc(20px * var(--doc-scale,1));color:#45403a;line-height:1.55}.hand-e{font-family:var(--font-pencil-quick), cursive;font-size:calc(20px * var(--doc-scale,1));color:#3e3a36;line-height:1.6}.hand-f{font-family:var(--font-rough), cursive;font-size:calc(17px * var(--doc-scale,1));color:#221810;line-height:1.75}.hand-stitch{font-family:var(--font-fell-sc), serif;font-size:calc(19px * var(--doc-scale,1));letter-spacing:.14em;color:#6b1f1a;text-align:center;text-shadow:0 0 .5px #6b1f1a;line-height:1.7}.doc-image{object-fit:contain;width:100%;max-height:55dvh;margin:0 auto .8em;display:block;box-shadow:0 4px 14px #28190a59}.torch-lit{z-index:1}.ctl-panel{z-index:9;width:min(560px,92%);max-height:92%;color:var(--parchment);background:#0a0806f0;border:1px solid #b08d578c;flex-direction:column;gap:10px;padding:16px 18px;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.ctl-panel-chosen{font-family:var(--font-fell), serif;color:#efe3c8;margin:0;padding-left:1.4em;font-size:17px}.ctl-panel-empty{opacity:.75;margin-left:-1.4em;font-style:italic;list-style:none}.ctl-panel-options{flex-direction:column;gap:6px;display:flex}.ctl-panel-option{text-align:left;font-family:var(--font-fell), serif;color:var(--parchment);cursor:pointer;background:0 0;border:1px solid #b08d5759;min-height:44px;padding:8px 12px;font-size:17px}.ctl-panel-option:hover:not(:disabled){border-color:var(--brass);color:#fff}.ctl-panel-option:disabled{opacity:.45;cursor:default}.board-link{color:var(--amber);text-decoration:underline}