.wrap{max-width:960px}#screen-intro,#screen-win{max-width:720px;margin-left:auto;margin-right:auto}.game-header{margin-bottom:1.25rem}.game-header .back{display:inline-block;color:var(--paper-dim);text-decoration:none;font-size:.85rem;margin-bottom:1rem}.game-header .back:hover{color:var(--gold-bright)}.game-header h1{font-size:1.6rem;margin-top:.25rem}.brief{margin-bottom:1rem}.dim{color:var(--paper-dim);font-size:.95rem}.hud{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.room-name{font-size:1.1rem;letter-spacing:.04em;color:var(--gold-bright)}.hud-time .timer{font-family:var(--mono);font-size:1rem}.stage{position:relative;aspect-ratio:16 / 10;border:1px solid var(--ink-3);border-radius:8px;overflow:hidden;background:#05070c;-webkit-user-select:none;user-select:none;touch-action:none;perspective:1100px}.look{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(1.08);will-change:transform}.scene,.scene-frame{position:absolute;top:0;right:0;bottom:0;left:0}.scene.depart-fwd{animation:depart-fwd .26s ease-in forwards}.scene.depart-back{animation:depart-back .26s ease-in forwards}.scene.arrive{animation:arrive .45s ease-out}@keyframes depart-fwd{to{transform:scale(1.16);opacity:0}}@keyframes depart-back{to{transform:scale(.9);opacity:0}}@keyframes arrive{0%{transform:scale(1.12);opacity:0}to{transform:scale(1);opacity:1}}.stage-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;object-fit:cover}.urn-patch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:inset(50% 8.5% 19% 79.5%);transform:translate(-8%)}.urn-shards{position:absolute;left:71.5%;top:73%;width:10%;height:5%;opacity:.9}.urn-shards svg{width:100%;height:100%}.blackout{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;transition:opacity .25s ease;z-index:8;pointer-events:none}.blackout.show{opacity:1}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(3,5,9,.6) 100%)}.darkness{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 31%,#080c14b8,#030509fb 26%);z-index:2}.darkness--torch{background:#04060af9}.hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.hotspot{position:absolute;background:transparent;border:2px dashed transparent;border-radius:6px;cursor:pointer;padding:0}.hotspot:hover,.hotspot:focus-visible{border-color:var(--gold);outline:none}.no-glint .hotspot:hover{border-color:transparent}.nav{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);display:grid;grid-template-areas:". up ." "left . right" ". down .";gap:3px;z-index:4}.nav-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--gold);background:#0e1420d1;color:var(--gold-bright);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .15s,color .15s}.nav-btn--up{grid-area:up}.nav-btn--down{grid-area:down}.nav-btn--left{grid-area:left;align-self:center}.nav-btn--right{grid-area:right;align-self:center}.nav-btn:hover{background:var(--gold);color:var(--ink)}.toast{position:absolute;left:50%;bottom:9.5rem;transform:translate(-50%);max-width:85%;background:#0e1420eb;border:1px solid var(--ink-3);border-radius:6px;padding:.5rem .9rem;font-size:.9rem;font-style:italic;color:var(--paper);text-align:center;z-index:5;pointer-events:none}.journal{margin-top:.75rem;padding:.9rem 1.25rem}.journal-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.journal-empty{color:var(--paper-dim);font-size:.9rem;font-style:italic}.chip{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--ink-3);border-radius:999px;padding:.25rem .75rem;font-size:.9rem;background:var(--ink)}.chip .sign{color:var(--gold-bright);font-size:1rem}.chip--order{border-color:var(--gold);color:var(--gold-bright)}.chip--draggable{cursor:grab;touch-action:none;border-color:var(--gold);-webkit-user-select:none;user-select:none}.drag-ghost{position:fixed;z-index:70;transform:translate(-50%,-50%) scale(1.15);pointer-events:none;opacity:.92;box-shadow:0 6px 18px #0009}.hotspot.drop-hover{border-color:var(--gold-bright);border-style:solid}.modal[hidden]{display:none}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cbf;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:50}.modal-card{position:relative;width:100%;max-width:430px;max-height:85vh;overflow-y:auto}.modal-close{position:absolute;top:.5rem;right:.65rem;background:none;border:none;color:var(--paper-dim);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--paper)}.modal-title{margin:0 0 .75rem;font-size:1.2rem}.modal-text{margin-bottom:.75rem}.modal-text em{color:var(--gold-bright)}.handwriting{display:block;margin-top:.75rem;font-style:italic;background:var(--ink);border:1px solid var(--ink-3);border-left:3px solid var(--gold);border-radius:4px;padding:.75rem 1rem;margin-bottom:.75rem}.sign-card{display:flex;align-items:center;gap:.9rem;border:1px solid var(--gold);border-radius:6px;padding:.75rem 1rem;margin:.75rem 0;background:var(--ink)}.sign-card .sign{font-size:2rem;color:var(--gold-bright)}.sign-card .value{font-family:var(--mono);font-size:1.6rem}.clock-dial{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1rem 0}.clock-hour{font-family:var(--mono);font-size:1.8rem;min-width:6.5rem;text-align:center}.dial-btn{width:46px;height:46px;border-radius:50%;font-size:1.3rem;padding:0}.shelves{display:flex;flex-direction:column;gap:.6rem;margin:.75rem 0}.shelf-label{font-family:var(--mono);font-size:.7rem;color:var(--gold);letter-spacing:.2em;margin-bottom:.25rem}.shelf-row{display:flex;gap:3px}.spine{flex:1;height:48px;border:none;border-radius:2px 2px 0 0;cursor:pointer;padding:0}.spine:hover,.spine:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.fusebox{display:flex;justify-content:center;gap:.6rem;margin:1rem 0}.fuse-switch{position:relative;width:54px;height:110px;background:var(--ink);border:1px solid var(--ink-3);border-radius:6px;cursor:pointer;padding:0}.fuse-switch:hover{border-color:var(--gold)}.fuse-switch .slot{position:absolute;left:50%;top:12px;bottom:34px;width:8px;transform:translate(-50%);background:#05070c;border-radius:4px}.fuse-switch .knob{position:absolute;left:50%;transform:translate(-50%);top:48px;width:26px;height:26px;border-radius:50%;background:#6b5a3a;border:2px solid #3a2f1c;transition:top .12s ease,background .12s}.fuse-switch.up .knob{top:10px;background:var(--gold-bright);border-color:var(--gold)}.fuse-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.7rem;color:var(--paper-dim)}.keypad-display{display:flex;justify-content:center;gap:.5rem;margin:.9rem 0}.keypad-slot{width:52px;height:60px;border:1px solid var(--ink-3);border-radius:6px;background:var(--ink);font-family:var(--mono);font-size:1.8rem;display:flex;align-items:center;justify-content:center}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.keypad-grid .btn{padding:.6rem 0;font-family:var(--mono);font-size:1.1rem}.keypad-msg{min-height:1.4rem;text-align:center;color:var(--danger);font-size:.9rem}.keypad-shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#0a0e16e6,#030509fb 75%);opacity:0;transition:opacity .35s ease;pointer-events:none}.unlock-overlay.show{opacity:1}.unlock-svg{width:min(72vw,340px);height:auto;overflow:visible}#unlock-lock{transform-box:view-box}#unlock-lock.shake{animation:lock-shake .32s ease-out}@keyframes lock-shake{0%{transform:translate(0)}25%{transform:translate(-6px,2px)}50%{transform:translate(5px,-2px)}75%{transform:translate(-3px,1px)}to{transform:translate(0)}}#unlock-shackle{transform-box:view-box;transform-origin:280px 230px;transition:transform .24s cubic-bezier(.2,1.7,.4,1)}#unlock-shackle.open{transform:translateY(-14px) rotate(-20deg)}#key-rot{transform-box:view-box;transform-origin:200px 336px;transition:transform .3s cubic-bezier(.55,-.2,.6,1.35)}#key-rot.strain{transform:rotate(13deg);transition-duration:.22s}#key-rot.turned{transform:rotate(92deg)}#key-slide{transform-box:view-box;transform:translateY(330px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}#key-slide.seated{transform:translateY(0)}.unlock-glint{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,#eec07880,#eec07800 45%);opacity:0}.unlock-glint.flash{animation:glint-flash .7s ease-out}@keyframes glint-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.times{margin:1rem 0}.win-actions{display:flex;gap:.75rem;flex-wrap:wrap}@media(max-width:640px){.wrap{padding:.9rem .4rem 2.5rem}.stage{aspect-ratio:auto;height:70svh}.scene-frame{inset:auto;top:0;left:50%;height:100%;aspect-ratio:16 / 10;transform:translate(-50%)}.keypad-slot{width:44px;height:52px}}