@font-face{font-family:Bravura;src:url('assets/Bravura.woff') format('woff');font-display:block}
:root{color-scheme:dark;--ink:#e9dfc9;--muted:#b7ad97;--gold:#d5b16e;--line:#5f5035;--panel:#202522}
*{box-sizing:border-box}body{margin:0;background:#111715;color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-width:320px}button{font:inherit;font-size:15px;cursor:pointer}button:focus-visible{outline:2px solid #fff1a8;outline-offset:5px}button:disabled{cursor:default}.game{max-width:1512px;margin:auto;padding:0 40px}.masthead{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:flex;align-items:center;gap:17px}.crest{border:1px solid var(--line);border-radius:50%;height:46px;width:46px;display:grid;place-items:center;color:var(--gold);font-size:34px}.eyebrow{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;color:var(--gold);margin:0 0 8px;line-height:1.5}h1{font-size:29px;font-weight:normal;letter-spacing:.3px;margin:0}.room-title{text-align:center;padding-right:50px}.room-title span{font:11px Arial,sans-serif;color:var(--gold);letter-spacing:3px}.room-title p{font-size:17px;margin:6px 0 0}.header-actions{display:flex;gap:20px}.quiet{border:0;background:transparent;color:var(--muted);padding:10px 0}.quiet:hover{color:var(--ink)}.play-surface{position:relative;border:1px solid #7a633c;box-shadow:0 16px 50px #0006}.scene-scroll{overflow:auto;overscroll-behavior:contain;scrollbar-color:#967848 #1c211c}.scene{position:relative;aspect-ratio:1672/941;container-type:inline-size;cursor:crosshair;isolation:isolate;user-select:none}.scene>img{display:block;width:100%;height:100%;pointer-events:none}.scene-caption{padding:10px 17px;background:#121914;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cbbb9b;font:11px Arial,sans-serif;letter-spacing:2px;border-top:1px solid #65512f}.scene-caption button{color:var(--ink);font:14px Arial,sans-serif;letter-spacing:0;border:0;background:none;padding:3px 0}.object{position:absolute;border:0;background:none;padding:0;display:grid;place-items:center;cursor:crosshair;transform:translate(-50%,-50%) rotate(var(--rotation,0deg));color:var(--color);z-index:1;min-width:0;touch-action:manipulation}.object .glyph{font-family:Bravura;line-height:1;font-size:var(--size);text-shadow:0 1px 1px #ffffff26;pointer-events:none;display:block}.object.found:after{content:'✓';position:absolute;inset:-4px;border:1px solid #eed99cbd;background:#d5b16e20;box-shadow:0 0 10px #e5c77b70;border-radius:50%;display:grid;place-items:center;color:#fff2c7;font:16px Arial,sans-serif;text-shadow:0 1px 5px #000}.object.hinted{z-index:5;outline:3px solid #ffe2a0;outline-offset:10px;box-shadow:0 0 40px 18px #ffd46a88;border-radius:50%;animation:hintPulse .9s ease-in-out infinite alternate}.object:focus-visible{outline:2px dashed #ffe2a0;outline-offset:6px}.object.found{pointer-events:none}.object.found .glyph{opacity:.65}.inventory{background:linear-gradient(125deg,#252a24,#1c221e);border:1px solid var(--line);border-top:0;padding:23px 28px 18px}.inventory-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}h2{font-weight:normal;font-size:25px;margin:0}.count{white-space:nowrap;font-family:Arial,sans-serif;color:var(--muted);font-size:14px}.count strong{font-size:29px;font-family:Georgia,serif;color:var(--gold);font-weight:normal}.progress-track{height:2px;background:#ffffff0c;margin-top:19px}.progress-track div{height:100%;background:var(--gold);width:0;transition:width .4s}#checklist{list-style:none;padding:0;margin:17px 0 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 24px}#checklist li{font-size:17px;display:flex;align-items:center;gap:11px;transition:color .2s}#checklist li:before{content:'';width:6px;height:6px;flex-shrink:0;border:1px solid #9b8557;transform:rotate(45deg)}#checklist li.found{color:#909a88;text-decoration:line-through;text-decoration-color:#9d9a72}#checklist li.found:before{background:#9caa89;border-color:#9caa89}.game-footer{border-top:1px solid #9c815a33;padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:20px}.game-footer p{font-size:15px;line-height:1.5;color:var(--muted);margin:0}.gold{border:1px solid #ba995b;background:linear-gradient(#d9bb7e,#bb9555);color:#201e15;border-radius:3px;padding:12px 22px;white-space:nowrap;box-shadow:inset 0 1px #fff6}.gold:hover{filter:brightness(1.1)}.gold:disabled{opacity:.5}.gold span{margin-left:14px}.below{text-align:center;color:#879083;font-size:13px;margin:19px 0 25px;font-style:italic}.loading{position:absolute;inset:0;display:grid;place-items:center;background:#19211b;font-size:23px}.loading[hidden]{display:none}.sparkle{position:absolute;border:2px solid #ffdda1;border-radius:50%;width:25px;height:25px;transform:translate(-50%,-50%);pointer-events:none;animation:collect .8s ease-out forwards;z-index:8}dialog{border:1px solid var(--gold);background:#1e2820;color:var(--ink);padding:40px;text-align:center;border-radius:5px;max-width:min(460px,90vw);box-shadow:0 30px 90px #0009}dialog::backdrop{background:#07100bd6;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{line-height:1.6;color:var(--muted)}dialog .gold{display:block;margin:24px auto 7px}.victory-symbol{color:var(--gold);font-size:75px;margin:15px}.dialog-actions{display:flex;justify-content:center;gap:24px;align-items:center}.dialog-actions .gold{margin:12px 0}#hintSummary{font-size:14px}@keyframes hintPulse{to{box-shadow:0 0 20px 5px #ffd46a66;outline-offset:5px}}@keyframes collect{to{width:100px;height:100px;opacity:0}}@media(min-width:1500px){.game{max-width:1420px}.masthead{min-height:104px}}@media(max-width:900px){.game{padding:0 18px}.room-title{display:none}.masthead{min-height:93px}.inventory{padding:20px}.eyebrow{font-size:10px;letter-spacing:1.4px}h1{font-size:25px}.header-actions{gap:15px}#checklist{gap:14px 16px}#checklist li{font-size:16px}}@media(max-width:600px){.game{padding:0 10px}.masthead{padding:16px 5px;align-items:flex-start;gap:10px}.crest{display:none}.identity .eyebrow{font-size:9px;letter-spacing:1px}h1{font-size:23px}.header-actions{flex-direction:column;gap:0}.header-actions button{font-size:14px;padding:3px}.inventory{padding:19px 16px}.inventory-heading .eyebrow{display:none}h2{font-size:21px}.count strong{font-size:26px}.count span{font-size:12px}#checklist{grid-template-columns:repeat(2,1fr);gap:14px 10px}.game-footer{align-items:flex-start}.game-footer p{font-size:14px}.gold{padding:11px 14px}.gold span{display:none}.below{font-size:12px}.scene-caption{font-size:9px;letter-spacing:1.4px}.scene-caption button{font-size:13px}dialog{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.object img.glyph{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 1px 0 #ffffff12)}

.object{display:block}.object img.glyph{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%}

/* Objects share one position/rotation parent; the hit target never expands. */
.object-wrap{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1;isolation:isolate}
.object-art{position:absolute;inset:0;display:block;transform-origin:50% 50%;filter:drop-shadow(var(--object-shadow));pointer-events:none}
.object-art img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.object-hit{position:absolute;background:transparent;border:0;padding:0;cursor:crosshair;pointer-events:auto;touch-action:manipulation}
.object-hit:disabled{pointer-events:auto}.object-wrap:has(.object-hit:focus-visible){outline:2px dashed #ffe2a0;outline-offset:4px}
.object-wrap.hinted{filter:drop-shadow(0 0 9px #ffdb7a);outline:2px solid #ffe2a0;outline-offset:6px;border-radius:35%;z-index:5}
.object-wrap.found .object-art{filter:drop-shadow(var(--object-shadow)) drop-shadow(0 0 2px #edce8255)}
.star-ring{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0}
.discovery-star{position:absolute;display:block;transform:translate(-50%,-50%);font:clamp(9px,1.3cqw,20px) Georgia,serif;line-height:1;color:#fff2b9;text-shadow:0 0 5px #ffd65d,0 0 12px #d29735;opacity:0}
.discovering{z-index:7}.discovering .object-art{animation:objectDiscovery 1000ms cubic-bezier(.2,.7,.3,1) both}
.discovering .star-ring{animation:ringPresence 1000ms ease-out both}
.discovering .discovery-star{animation:starTwinkle 1000ms ease-out both;animation-delay:0ms}
.discovering .discovery-star:nth-child(3n+2){animation-name:starTwinkleAlternate}.discovering .discovery-star:nth-child(3n){animation-name:starTwinkleLate}
@keyframes objectDiscovery{0%{transform:scale(1);opacity:1}35%{transform:scale(1.13);opacity:1}65%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes ringPresence{0%{opacity:1}80%{opacity:1}100%{opacity:0}}
@keyframes starTwinkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}18%,57%{opacity:1;transform:translate(-50%,-50%) scale(1)}37%,76%{opacity:.3;transform:translate(-50%,-50%) scale(.65)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}
@keyframes starTwinkleAlternate{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}28%,68%{opacity:1;transform:translate(-50%,-50%) scale(1)}48%,82%{opacity:.3;transform:translate(-50%,-50%) scale(.65)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}
@keyframes starTwinkleLate{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}35%,74%{opacity:1;transform:translate(-50%,-50%) scale(1)}56%,88%{opacity:.3;transform:translate(-50%,-50%) scale(.65)}100%{opacity:0;transform:translate(-50%,-50%) scale(.4)}}
.story-dialog{width:850px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;background:linear-gradient(125deg,#263629,#151f1a);overflow:auto;text-align:left;border-color:#b99c61}
.story-dialog::backdrop{background:#06100dc9;backdrop-filter:blur(3px)}.story-layout{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:24px}.pip-stage{display:grid;place-items:center;min-width:0}.pip-stage img{width:100%;height:auto;max-height:290px;object-fit:contain;filter:drop-shadow(0 7px 20px #0006)}
.story-panel{padding:18px 10px}.story-panel h2{font-size:32px}.story-panel .speaker{font-size:14px;color:var(--gold);margin:12px 0 22px;font-style:italic}#storyLines p{font-size:17px;line-height:1.6;color:var(--ink);margin:0 0 14px}.story-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.story-actions .gold{margin:10px 0}.story-dialog.entering .pip-stage{animation:pipEntrance 850ms cubic-bezier(.16,.8,.25,1) both}.story-dialog.entering .story-panel{animation:panelEntrance 350ms ease-out both}
@keyframes pipEntrance{from{opacity:0;transform:translateX(-180px)}to{opacity:1;transform:translateX(0)}}
@keyframes panelEntrance{from{opacity:0}to{opacity:1}}
@keyframes discoveryGlow{0%{opacity:1;filter:drop-shadow(var(--object-shadow))}40%{opacity:1;filter:drop-shadow(var(--object-shadow)) drop-shadow(0 0 7px #ffe2a0)}100%{opacity:0;filter:drop-shadow(var(--object-shadow))}}
.below{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.below p{margin:0}.below .quiet{font:14px Georgia,serif;padding:4px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 18px}.room-title{padding-right:0}.loading{z-index:20}
.reduced-motion .discovering .object-art{animation:discoveryGlow 450ms ease-out both!important;transform:none!important}.reduced-motion .star-ring{display:none}.reduced-motion .story-dialog.entering .pip-stage{animation:panelEntrance 250ms ease-out both!important}.reduced-motion .story-dialog.entering .story-panel{animation:panelEntrance 250ms ease-out both!important}.reduced-motion #progress{transition:none}
@media(prefers-reduced-motion:reduce){.discovering .object-art{animation:discoveryGlow 450ms ease-out both!important;transform:none!important}.star-ring{display:none}.story-dialog.entering .pip-stage,.story-dialog.entering .story-panel{animation:panelEntrance 250ms ease-out both!important}}
@media(max-width:600px){.story-dialog{padding:16px;max-width:calc(100vw - 20px)}.story-layout{grid-template-columns:1fr;gap:0}.pip-stage{height:105px}.pip-stage img{height:110px;width:130px}.story-panel{padding:10px 4px}.story-panel h2{font-size:25px}.story-panel .speaker{margin:8px 0 14px}#storyLines p{font-size:16px;line-height:1.5}.story-actions{gap:6px 16px}.below{justify-content:center}.below p:last-child{width:100%;text-align:center}.header-actions{gap:2px}.identity{min-width:0}h1{font-size:22px}}

.object-art{overflow:hidden}.object-art img{position:absolute;left:0;top:0}.object-art{border-radius:1px}
@media(min-width:601px) and (max-width:760px){.story-layout{grid-template-columns:1fr;gap:0}.pip-stage{height:110px}.pip-stage img{height:120px;width:140px}.story-panel{padding:10px 4px}.story-panel h2{font-size:27px}.story-panel .speaker{margin:8px 0 16px}#storyLines p{font-size:16px;line-height:1.5}.story-dialog{padding:20px}}

.object-wrap.found{pointer-events:auto}

/* Tablet play: the entire scene fits its container, with independent 44px hit areas. */
.game{max-width:1440px;padding:0 12px}.scene-scroll{overflow:visible}.scene{width:100%;min-width:0;touch-action:pan-y}.play-surface{overflow:visible}
.object-visual{position:absolute;inset:0;transform:rotate(var(--rotation));pointer-events:none}
.object-hit{left:50%;top:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;border-radius:6px}
.object-hit[aria-disabled=true]{cursor:default}.object-hit:focus-visible{outline:2px dashed #fff1a8;outline-offset:2px}.object-wrap:has(.object-hit:focus-visible){outline:0}
.attempt-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;background:#14231ff5;border:1px solid #76613c;box-shadow:0 4px 15px #0004;margin:0 0 10px;backdrop-filter:blur(8px)}
.clock-display{display:flex;align-items:center;gap:16px}.clock-display>span{font:11px Arial,sans-serif;letter-spacing:1.6px;color:var(--gold)}#countdown{font:30px 'Courier New',monospace;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#f0d79c}#countdown.urgent{color:#ffc0a5}.attempt-bar p{font:14px Arial,sans-serif;color:var(--muted);margin:0;line-height:1.5}
#penaltyFeedback{position:absolute;inset:0;pointer-events:none;z-index:20}.penalty-notice{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font:bold 17px Arial,sans-serif;color:#fff0d9;background:#7a2725ed;border:1px solid #d38b68;border-radius:4px;padding:9px 12px;box-shadow:0 3px 12px #0009;animation:penaltyFade 1000ms ease-out both;pointer-events:none}
@keyframes penaltyFade{0%{opacity:1;transform:translate(-50%,-40%)}75%{opacity:1}100%{opacity:0;transform:translate(-50%,-100%)}}
.attempt-result{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0 12px;border-top:1px solid #d5b16e66;padding-top:18px}.attempt-result>div{display:flex;flex-direction:column;gap:8px}.attempt-result span:not(#finalScore){font:11px Arial,sans-serif;letter-spacing:1.5px;color:var(--gold)}.attempt-result strong{font:32px 'Courier New',monospace;color:#fff1c7}.attempt-result small{font:14px Arial,sans-serif;color:var(--muted)}
.fragment-reveal{padding:15px 18px;margin:20px 0 4px;background:#dbc48b;color:#2b291c;border:1px solid #ffe9ac;animation:panelEntrance 550ms ease-out both}.fragment-reveal>span{display:block;font:11px Arial,sans-serif;letter-spacing:2px;margin-bottom:7px}.fragment-reveal strong{font-size:22px;font-weight:normal}.fragment-reveal p{color:#433a27;font-size:15px;margin:6px 0 0;line-height:1.4}
[hidden]{display:none!important}.pip-stage img{max-height:390px}.story-layout{grid-template-columns:230px minmax(0,1fr)}.story-dialog{width:880px}.quiet,.scene-caption button{min-height:44px;min-width:44px}.header-actions{gap:4px 12px}.masthead{min-height:86px}.inventory{padding:20px 24px 16px}.below .quiet{min-height:44px}.game-footer{min-height:60px}
.reduced-motion .penalty-notice{animation:panelEntrance 150ms ease-out both!important;transform:translate(-50%,-50%)}.reduced-motion .fragment-reveal{animation:none}
@media(prefers-reduced-motion:reduce){.penalty-notice{animation:panelEntrance 150ms ease-out both!important;transform:translate(-50%,-50%)}.fragment-reveal{animation:none}}
@media(max-width:900px){.masthead{gap:12px}.crest{display:none}.game{padding:0 10px}.identity .eyebrow{font-size:10px}h1{font-size:26px}.attempt-bar{padding:8px 12px;gap:12px}.attempt-bar p{font-size:13px}.clock-display{gap:10px}.clock-display>span{font-size:10px;letter-spacing:1px}#countdown{font-size:29px}}
@media(max-width:760px){.story-layout{grid-template-columns:1fr;gap:0}.pip-stage{height:150px}.pip-stage img{height:155px;width:150px}.story-panel{padding:10px 4px}.story-panel h2{font-size:25px}.story-panel .speaker{margin:8px 0 14px}.story-dialog{padding:16px}.attempt-bar p{max-width:220px}.clock-display{flex-direction:column;gap:3px}.attempt-result strong{font-size:28px}}
@media(max-width:600px){.masthead{align-items:center}.game{padding:0 6px}.attempt-bar{gap:8px}.attempt-bar p{font-size:12px;max-width:170px}.inventory{padding:16px 14px}.scene-caption{font-size:9px;gap:6px}.scene-caption span:last-child{letter-spacing:.4px}.header-actions button{padding:8px 0}.identity .eyebrow{font-size:8px}h1{font-size:21px}}

.scene>img.scenery-overlap{position:absolute;inset:0;z-index:2;pointer-events:none}

.discovering .object-art{pointer-events:auto}

/* One viewport: controls, the uncropped room, and a compact item strip. */
html,body{height:100%;min-width:320px}
.game{width:100%;max-width:1440px;height:100vh;height:100dvh;margin:auto;padding:max(6px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}
.masthead{width:100%;min-height:48px;padding:0;gap:16px;flex:0 0 auto;justify-content:flex-start}
.masthead h1{font-size:22px;white-space:nowrap}
.header-actions{margin-left:auto;display:flex;flex-wrap:nowrap;gap:4px;align-items:center}
.header-actions .quiet{min-height:44px;min-width:44px;padding:8px;font-size:14px;white-space:nowrap}
#countdown{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:20px;line-height:1.3;font-variant-numeric:tabular-nums;letter-spacing:0;display:block;flex:0 0 5ch;width:5ch;text-align:center;color:var(--ink)}
.play-surface{flex:0 0 auto;max-width:100%;box-shadow:none;margin:0;min-height:0}
.scene-scroll{overflow:visible}.scene{width:100%;height:auto;touch-action:manipulation}
.inventory{width:100%;flex:0 0 auto;padding:8px 12px;display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:0 16px;border:1px solid var(--line)}
#checklist{margin:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px 12px;align-content:center;min-width:0}
#checklist li{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:16px;line-height:1.35;gap:7px;white-space:nowrap}
.inventory-controls{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:4px}
.count{text-align:center;font-size:13px}.count strong{font-size:17px}
.inventory-controls .gold{min-height:44px;padding:8px 12px;font-size:15px}.inventory-controls .gold span{margin-left:10px}
.progress-track{grid-column:1/-1;margin-top:8px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:950px){#checklist{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:800px){.masthead{gap:8px}.masthead h1{font-size:19px}.header-actions .quiet{padding:8px 6px;font-size:13px}.inventory{gap:0 12px}#checklist{gap:7px 8px}}
@media(max-width:640px){.masthead{flex-wrap:wrap;justify-content:space-between}.masthead h1{font-size:20px}.header-actions{width:100%;margin:0;justify-content:space-between;flex-direction:row}.header-actions .quiet{font-size:13px}#checklist{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory{grid-template-columns:minmax(0,1fr) 96px;padding:8px;gap:0 8px}#checklist li{font-size:14px;gap:5px}}

/* Room furniture: centered border plaque and an inset scene clock. */
.room-plaque{position:absolute;z-index:25;left:50%;top:0;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 180px);padding:6px 18px;margin:0;border:1px solid var(--gold);background:#202a23;color:var(--ink);box-shadow:inset 0 0 0 3px #202a23,inset 0 0 0 4px #635337;font:400 18px/1.25 Georgia,'Times New Roman',serif;text-align:center;overflow-wrap:anywhere;pointer-events:none}
.play-surface>#countdown{position:absolute;z-index:25;left:8px;top:8px;width:5ch;box-sizing:content-box;padding:4px 6px;border:1px solid #9b855766;border-radius:2px;background:#142019e8;pointer-events:none}
.scene:focus{outline:none}
@media(max-width:640px){.masthead{flex-wrap:nowrap}.header-actions{width:auto;margin-left:auto;justify-content:flex-end}.room-plaque{font-size:16px;padding:6px 12px;max-width:calc(100% - 170px)}}
/* Recovered music and the six-room journey. */
.room-plaque,.play-surface>#countdown{pointer-events:auto}
#fragmentArtwork{display:block;max-width:100%;width:150px;height:110px;object-fit:contain;margin:8px auto}
.fragment-reveal.assembled #fragmentArtwork{width:240px;height:150px}
#journeyResult{font-size:15px;color:var(--gold)}#saveNotice{font-size:13px;color:var(--muted)}
#roomsDialog{width:620px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:24px}
#roomChoices{display:grid;gap:8px;text-align:left}.room-choice{min-height:48px;text-align:left;border:1px solid var(--line);padding:10px 14px;background:#19231d;color:var(--ink);font-size:16px}.room-choice:disabled{opacity:.5}
.scene.concert-lit{animation:concertLights 1100ms ease-in-out both}@keyframes concertLights{from{filter:brightness(1)}to{filter:brightness(1.12) saturate(1.06)}}
@media(prefers-reduced-motion:reduce){.scene.concert-lit{animation:none;filter:brightness(1.06)}}
#checklist{grid-template-columns:repeat(4,minmax(0,1fr))}#checklist li{white-space:normal;overflow-wrap:normal;min-width:0}
@media(max-width:640px){#checklist{grid-template-columns:repeat(3,minmax(0,1fr))}}
#scoreAssembly{display:flex;justify-content:center;gap:4px;height:48px;margin:8px 0}#scoreAssembly img{width:35px;height:48px;object-fit:contain;animation:pageAssemble 1300ms ease-in-out both}#scoreAssembly img:nth-child(even){animation-delay:100ms}.assembled #fragmentArtwork{animation:scoreRestored 1600ms ease-out both}@keyframes pageAssemble{0%{opacity:0;transform:translateY(-12px) rotate(-8deg)}40%{opacity:1;transform:none}100%{opacity:.7;transform:translateY(4px)}}@keyframes scoreRestored{0%,45%{opacity:0;transform:translateY(6px)}100%{opacity:1;transform:none}}
.result-dialog{padding:16px}.result-dialog .story-layout{grid-template-columns:170px minmax(0,1fr);gap:16px}.result-dialog .story-panel{padding:4px}.result-dialog .story-panel h2{font-size:27px}.result-dialog .speaker{margin:6px 0 10px}.result-dialog #storyLines p{font-size:16px;line-height:1.35;margin-bottom:8px}.result-dialog .fragment-reveal{display:grid;grid-template-columns:70px minmax(0,1fr);gap:5px 12px;align-items:center;padding:10px;margin:12px 0}.result-dialog #fragmentLabel{grid-column:1/-1}.result-dialog #fragmentArtwork{grid-column:1;grid-row:2/4;width:70px;height:85px;margin:0}.result-dialog #fragmentTitle{grid-column:2;font-size:20px}.result-dialog #fragmentDetail{grid-column:2;margin:0;font-size:14px;line-height:1.3}.result-dialog .attempt-result{margin:10px 0 6px;padding-top:10px;gap:10px}.result-dialog .attempt-result strong{font-size:27px}.result-dialog #hintSummary{margin:6px 0}.result-dialog .story-actions .gold{margin:6px 0}.result-dialog #journeyResult{margin:6px 0;font-size:14px}.result-dialog #scoreAssembly{grid-column:1/-1;grid-row:2;height:30px;margin:0}.result-dialog #scoreAssembly img{height:30px;width:24px}.result-dialog .assembled #fragmentArtwork{grid-row:3/5}.result-dialog .assembled #fragmentTitle{grid-row:3}.result-dialog .assembled #fragmentDetail{grid-row:4}
@media(max-width:640px){.result-dialog .story-layout{grid-template-columns:1fr}.result-dialog .pip-stage{height:75px}.result-dialog .pip-stage img{height:75px}}
/* Full-height room artwork, with game options under Hint. */
.game{justify-content:flex-start}
.scene-scroll{height:100%;display:grid;place-items:center;overflow:hidden;background-size:100% auto;background-position:center;background-repeat:no-repeat}
.scene{align-self:center}
.inventory{grid-template-columns:minmax(0,1fr) 210px}
.dock-options{display:flex;justify-content:space-between;gap:2px}.dock-options .quiet{min-height:44px;min-width:44px;font-size:13px;padding:4px 6px;white-space:nowrap}
@media(max-width:850px){.inventory{grid-template-columns:minmax(0,1fr) 180px}.dock-options .quiet{font-size:12px;padding:4px}.inventory-controls .gold{min-height:44px}#checklist{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px}#checklist li{font-size:15px}}
.result-dialog .fragment-reveal.assembled{grid-template-columns:120px minmax(0,1fr)}
.result-dialog .fragment-reveal.assembled #fragmentArtwork{width:120px;height:85px}
.result-dialog .fragment-reveal strong{margin:0}.result-dialog .fragment-reveal p{margin:0}

.scene-scroll{position:relative;background-size:cover}
.extended-room #roomImage,.extended-room .scenery-overlap{visibility:hidden}

.scene-decoration{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:0}