/* Shared architectural frame: art stays outside the working canvas. */
:root{--med-frame:url('mediterranean-frame.jpg');--med-ivory:#faf5e8;--med-bronze:#967447;--med-olive:#3d4b2c}
#room-canvas:before,#desk:before{background:var(--med-frame) center/100% 100% no-repeat;opacity:1}
.room-watch #room-canvas:before{opacity:1}
.canvas-toolbar,.desk-tools{background:#f5ecdbeb;border-bottom:1px solid #b39b71;box-shadow:0 2px 8px #49351518;padding-left:7%;padding-right:7%}
.canvas-toolbar button,.desk-tools button{background:#fbf6e9;border:1px solid #ad946c;box-shadow:inset 0 0 0 3px #e6d8bd66;min-height:44px;font-size:14px}
.canvas-toolbar a{font-size:14px}
#canvas-scroll{margin:0 7%;scrollbar-color:#9d8b69 #f7eedb}
#room-canvas main{max-width:1240px;padding:32px 3% 65px;background:#faf5e8e8;box-shadow:0 0 35px #faf5e8;min-height:100%}
#room-canvas .reading-card,#room-canvas .cinema-card{border-color:#d1bf9e;background:#fffbf2}
#room-canvas h2{color:#37382b}
#room-canvas input,#room-canvas select{border-color:#baa780;border-radius:3px}
#canvas-scroll:has(>#room-detail:not([hidden])){margin:0}
#room-detail{background:#faf5e8}
.paper-scroll{margin:0 7%;background:#faf5e8e6;box-shadow:0 0 32px #faf5e8}
.immersive-room #cinema-dialog{background:linear-gradient(#151a16ed,#151a16ed),var(--med-frame) center/100% 100% fixed;padding-left:7%;padding-right:7%}
.immersive-room #cinema-player{border:5px solid #8a7550;box-shadow:0 0 0 1px #c5af7a,0 15px 45px #0008}
@media(max-width:700px){#canvas-scroll{margin:0 18px}#room-canvas main{padding:22px 14px 50px}.paper-scroll{margin:0 14px;padding:26px 14px 70px}.canvas-toolbar,.desk-tools{padding:10px 16px;gap:8px}.canvas-toolbar button,.desk-tools button{padding:8px;font-size:14px}.immersive-room #cinema-dialog{padding:16px}.immersive-room #cinema-player{border-width:2px}}
@media print{#room-canvas:before,#desk:before{display:none}.paper-scroll,#room-canvas main{background:white;box-shadow:none;margin:0}}

.welcome-tour{margin:28px 0 0;padding-top:20px;border-top:1px solid #c8b48e}.welcome-tour iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:3px solid #a78b5c;background:#171b17;box-sizing:border-box}.welcome-tour h3{font:400 clamp(23px,3vw,32px)/1.3 Georgia,serif}.welcome-tour p{font-size:16px}

/* Journal navigation is a full action target on desktop and touch screens. */
.room-shortcuts .journal-entry-link,.accessible-tools .journal-entry-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#3d4b2c;color:#fffaf0;border:1px solid #3d4b2c;border-radius:5px;text-decoration:none;font:600 14px/1.4 Arial,sans-serif;text-align:center;box-shadow:0 2px 3px #26321a18;touch-action:manipulation}
.room-shortcuts .journal-entry-link:hover,.accessible-tools .journal-entry-link:hover{background:#303d23;border-color:#303d23}
.room-shortcuts .journal-entry-link:focus-visible,.accessible-tools .journal-entry-link:focus-visible{outline:3px solid #236698;outline-offset:4px}
@media(max-width:700px){.room-shortcuts .journal-entry-link,.accessible-tools .journal-entry-link{font-size:14px;padding:10px 16px}}