/* Shared coordinates keep the original artwork and interactive shapes together. */
.site{min-height:100svh}textarea{font:inherit}button:disabled{cursor:default}.draft-banner{background:#e9d6a7;color:#3a2915;padding:12px 5%;font:14px system-ui}.draft-banner a{text-decoration:underline;margin-left:15px}.new-hall{background:#2d1b10;min-height:100svh}.hall-scroll{width:100%;overflow-x:auto;scrollbar-color:#b7925d #312215}.hall-canvas{position:relative;width:100%;min-width:780px;aspect-ratio:1672/941}.corridor-svg{width:100%;height:auto;display:block}.portal{outline:none!important}.portal path{fill:transparent;stroke:transparent;stroke-width:3;transition:fill .3s,stroke .2s;cursor:pointer}.portal:focus-visible .sign-hit,.portal:focus-visible .arch-hit{stroke:#ffedb5;stroke-width:5;stroke-dasharray:10 5;fill:url(#door-light)}@media(hover:hover){.portal:hover .arch-hit{fill:url(#door-light)}.portal:hover .sign-hit{fill:url(#sign-light)}}.hall-live-search{position:absolute;left:73.65%;top:3.65%;width:15.1%;height:3.9%;z-index:3;font-size:clamp(10px,1vw,17px)}.hall-live-search input{width:100%;height:100%;border:0;border-radius:40px;background:#f5e9d6;color:#302012;padding:3px 9px;font-size:inherit}.hall-live-search #search-results{position:absolute;right:0;top:calc(100% + 9px);background:#f9eed9;box-shadow:0 5px 15px #0006;width:280px;max-height:330px;overflow:auto;font:16px system-ui}.hall-live-search #search-results a{display:block;padding:14px;border-bottom:1px solid #dbc7a4}.hall-turn{position:absolute;top:44%;height:8%;width:4%;padding:0;border:0;background:transparent}.hall-turn.prev{left:0}.hall-turn.next{right:0}.hall-turn:focus-visible{outline:3px solid #fff0be;outline-offset:-5px}.hall-bottom{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;padding:20px;color:#f4dfba;font-size:16px}.hall-bottom>a{padding:9px 15px;border:1px solid #87683e}.hall-bottom>a.active{background:#d2ac70;color:#281a12}.hall-bottom span{margin-inline:15px}.mobile-hall-nav{display:none}.room-controls{display:flex;justify-content:space-between;align-items:center;padding:14px 6%;background:#e9d4b3;gap:15px}.room-controls select{background:#f7ead3;padding:8px;max-width:160px;border:1px solid #a48757}.room-scene{position:relative;width:100%;overflow:hidden}.room-art{width:100%;height:auto;display:block;margin-top:-4.5%;clip-path:inset(7.3% 0 0 0)}.positioned-book{position:absolute;left:calc(14.8% + var(--col)*19.8%);top:calc(20.5% + var(--row)*31.2%);width:14%;height:29%;display:flex;flex-direction:column;align-items:center;gap:0}.book-cover-link{width:70%;height:80%;display:block;filter:drop-shadow(5px 3px 4px #0007)}.real-cover{display:block;object-fit:contain;width:100%;height:100%;max-width:100%}.shelf-label{width:100%;margin-top:1.2%;text-align:center;color:#291a10;display:flex;flex-direction:column;justify-content:center;min-height:20%;background:#f2dbb2;border:1px solid #aa8250;font-size:clamp(10px,1.25vw,21px);padding:2px}.shelf-label span{font-size:.65em}.preparing{position:absolute;top:30%;left:17%;width:49%;text-align:center;color:#f9e6bd;text-shadow:0 2px 4px #1a100b;font-size:clamp(18px,2.2vw,38px)}.preparing small{font-size:.6em}.shelf-pagination{display:flex;justify-content:center;gap:30px;color:#f7e5c8;padding:25px}.mobile-books{display:none}.real-cover-stage{background-image:var(--detail-art);background-size:341% 193%;background-position:16% 35%;padding:55px 70px;min-height:480px}.real-cover-stage .real-cover{max-height:470px;filter:drop-shadow(5px 5px 8px #2e170d70)}.actual-detail .book-details{overflow-wrap:anywhere}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.actual-reader{background-image:linear-gradient(#cdb28e 0,transparent 180px),var(--reader-art);background-size:100% 100%,cover;background-position:center;overflow:hidden}.flowing-book{margin:30px auto;background-color:#f4e7cf;background-image:linear-gradient(90deg,transparent 47%,#ae956333 49.9%,#694d3b33 50%,transparent 52%),var(--paper-art);background-size:100% 100%,760% 680%;background-position:center,59% 51%;border:7px ridge #b8a27b;border-bottom:12px ridge #a89064;outline:3px solid #424730;border-radius:8px 15px 15px 8px;box-shadow:0 8px 15px #22120890;min-height:0}.flowing-book .spread-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;min-height:0;padding:45px 5% 65px;background:none!important}.real-illustration{width:100%;min-width:0;display:flex;align-items:flex-start;justify-content:center}.real-illustration img{width:100%;height:auto;max-height:650px;object-fit:contain;display:block}.flowing-book .passage{min-width:0;overflow-wrap:anywhere}.flowing-book .passage p{white-space:pre-wrap;font-size:var(--reading-size);line-height:1.75}.flowing-book .passage h2{transform:none!important;margin-bottom:24px;border-bottom:1px solid #c3a77a;padding-bottom:14px}.flowing-book.together .spread-content{display:flex;flex-direction:column;gap:40px}.flowing-book.together .real-illustration{width:85%;max-width:960px;align-self:center}.flowing-book.together .real-illustration img{width:100%;max-height:600px;min-height:280px;object-fit:contain}.bilingual{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%}.narration{display:flex;flex-direction:column;gap:10px;font:14px system-ui;margin-top:25px}.narration audio{max-width:100%;width:100%}.no-audio{display:block;font:13px system-ui;color:#776b58;margin-top:25px}.catalogue{padding:45px;min-height:500px}.catalogue-search{display:grid;gap:10px;max-width:500px;margin:30px 0}.catalogue-search input{padding:12px;border:1px solid #ad946e;background:#fff8e9;font:18px system-ui}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.book-grid article{min-width:0}.book-grid .real-cover{height:260px;width:100%;object-fit:contain;margin-bottom:20px}.book-grid h2{font-size:26px}.news-item{padding:35px 0;border-bottom:1px solid #b69d77}.news-item p{margin-block:20px;font-size:20px}.news-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.news-photos img{width:100%;max-height:500px;object-fit:contain}.site-header nav{flex-wrap:wrap}.site-header nav a{white-space:nowrap}.reading-tools{min-width:0}@media(max-width:1000px){.actual-reader .reader-toolbar{display:flex;flex-wrap:wrap;gap:15px}.actual-reader .reading-tools{margin-left:auto}.real-cover-stage{padding:40px;min-height:360px}.flowing-book .spread-content{padding:35px 4% 45px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.mobile-hall-nav{display:block}.hall-canvas{width:850px;min-width:850px}.hall-live-search{display:none}.hall-bottom span{width:100%;text-align:center;font-size:14px}.mobile-hall-nav .site-header{flex-wrap:wrap}.mobile-hall-nav nav{font-size:14px}.room-controls{font-size:13px;padding:12px 15px}.room-scene .positioned-book{display:none}.room-art{margin-top:0;clip-path:inset(0)}.preparing{top:34%;font-size:20px}.mobile-books{display:grid;gap:35px;padding:30px 25px;color:#f2dfba}.mobile-books article{display:grid;grid-template-columns:95px minmax(0,1fr);gap:10px 20px}.mobile-books article>a{grid-row:span 2}.mobile-books h2{font-size:25px}.mobile-books p{font-size:14px}.real-cover-stage{min-height:340px;padding:30px 50px}.actual-reader{padding:12px 15px 30px}.flowing-book{margin-left:0;border-width:4px;outline-width:2px}.flowing-book .spread-content{display:flex;flex-direction:column;padding:22px 16px 35px!important;gap:30px}.flowing-book.together .real-illustration{width:100%;max-width:none}.flowing-book.together .real-illustration img{min-height:0;max-height:550px}.bilingual{grid-template-columns:minmax(0,1fr);gap:35px}.real-illustration img{max-height:550px}.flowing-book .passage p{line-height:1.7}.catalogue{padding:25px 20px}.book-grid{grid-template-columns:minmax(0,1fr);gap:35px}.news-photos{grid-template-columns:1fr}.reader-context{color:#fff3db}.actual-reader .reading-tools{margin-left:0}.site-header .wordmark{width:170px}.site-header nav{font-size:14px;gap:8px}.site-header nav a{padding:0}.actual-detail{padding-inline:14px}.detail-actions .button{font-size:20px}}
.activity-page{padding:35px 5% 65px}.activity-paper{padding:45px 6%;border:8px ridge #bca67d;outline:4px solid #41452e;border-radius:10px 20px 20px 10px;box-shadow:0 8px 15px #160d0880;background-image:linear-gradient(90deg,transparent 48%,#a9927133 50%,transparent 52%),url('/assets/korea-detail.png');background-size:100% 100%,760% 680%;background-position:center,59% 51%}.activity-paper h1{text-align:center;font-size:clamp(28px,3.5vw,55px);line-height:1.25}.activity-progress{display:flex;justify-content:center;gap:25px;margin-bottom:25px}.activity-progress span{border:1px solid #89724c;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.activity-progress .reached{background:#6d7348;color:#fff2d2}.activity-book,.activity-intro{text-align:center;margin:20px 0;font-size:23px}.activity-intro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:45px 0}.activity-intro-cards section{border:1px solid #b89a6b;padding:30px 15px;text-align:center}.activity-actions{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:35px}.activity-actions button{padding:12px;font-size:22px}.scene-cards,.scene-slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin:30px 0}.scene-card,.scene-slot{border:1px solid #bba376;background:#f4e9d3;border-radius:6px;overflow:hidden;padding:8px;text-align:center;font-size:18px}.scene-slot{border-style:dashed;min-height:135px}.scene-slot strong{display:block;font-size:25px}.scene-card img,.scene-slot img{width:100%;height:150px;object-fit:contain;display:block;margin-bottom:10px}.scene-card.selected{outline:4px solid #8b6b34;outline-offset:2px}.hint-text{text-align:center;font-style:italic}.reflection-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;margin-top:40px}.reflection-grid img{width:100%;max-height:400px;object-fit:contain;margin:25px 0}.reflection-grid label{display:grid;gap:12px;margin-bottom:25px;font-size:25px}.reflection-grid textarea,.creative-writing{width:100%;min-height:170px;padding:18px;border:1px solid #b89b71;border-radius:8px;background:#f8efde88;resize:vertical;font:24px/1.7 Georgia,serif;color:#38271b}.creation-tabs,.draw-tools,.writing-tools{display:flex;gap:15px;flex-wrap:wrap;align-items:center;margin:20px 0}.creation-tabs button{font-size:26px;padding:12px}.creation-tabs [aria-selected=true]{border-bottom:4px solid #677345}.creative-writing{min-height:350px}.draw-tools button,.draw-tools select{padding:10px;border:1px solid #b69e74;background:#f7edd9;font:16px Georgia}.draw-tools [aria-pressed=true]{outline:2px solid #677345}.draw-workspace canvas,.creation-preview{display:block;width:100%;height:auto;aspect-ratio:5/3;background:#fcf4e2;border:1px solid #bba073;border-radius:6px;touch-action:none}.draw-workspace.expanded{position:fixed;inset:0;z-index:50;background:#f1e4c9;overflow:auto;padding:25px}.draw-workspace.expanded canvas{max-height:80vh;object-fit:contain}.activity-paper blockquote{font-size:25px;line-height:1.7}#activity-status{font:13px/1.5 system-ui;color:#75664d;text-align:center;margin:15px}.library-creation{padding:25px 0;border-bottom:1px solid #c1aa84}.catalogue>h2{margin:40px 0 20px}.activity-paper textarea:focus-visible{outline:3px solid #4380a1;outline-offset:4px}@media(max-width:700px){.activity-page{padding:25px 12px 45px}.activity-paper{padding:25px 18px;border-width:4px}.activity-intro-cards{grid-template-columns:1fr}.reflection-grid{grid-template-columns:1fr}.scene-cards,.scene-slots{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-card,.scene-slot{font-size:14px}.scene-card img,.scene-slot img{height:100px}.activity-book,.activity-intro{font-size:19px}.activity-actions button{font-size:18px}.draw-tools{gap:8px}.draw-tools button{padding:8px}.activity-paper blockquote{margin:20px 0}}
/* Keep only texture and edge decoration behind the live reader controls. */
.actual-reader{background:linear-gradient(#d0b68f 0 125px,transparent 350px)}
.actual-reader:before{background-image:var(--reader-art)}
.actual-reader .page-navigation{color:#f8e7c6}
.book-cover-link .real-cover{object-position:center bottom}
.room-back-hit{position:absolute;left:9.5%;top:0;width:17%;height:9%;background:transparent}
.room-back-hit:focus-visible{outline:3px solid #456c83;outline-offset:-5px}
@media(max-width:700px){.actual-reader{background:linear-gradient(#d0b68f 0 175px,transparent 420px)}.room-back-hit{top:7%;height:11%;width:25%}}
.room-back-hit{z-index:2}
.draw-workspace.expanded canvas{width:min(100%,133.333vh);max-height:none;margin-inline:auto}
.mobile-search{padding:0 18px 16px;position:relative}.mobile-search input{width:100%;padding:12px 16px;border-radius:30px;border:1px solid #b29565;background:#f6ead6;font:16px Georgia;color:#302012}#mobile-search-results{position:absolute;top:calc(100% - 12px);left:18px;right:18px;z-index:10;background:#f8edd6;box-shadow:0 6px 15px #0006;max-height:300px;overflow:auto}#mobile-search-results a{display:block;padding:14px;border-bottom:1px solid #d5be96}@media(max-width:700px){.hall-canvas{margin-top:-50px}.corridor-svg{clip-path:inset(10% 0 0 0)}.room-art{margin-top:-4.5%;clip-path:inset(7.3% 0 0 0)}.room-back-hit{top:0}}

/* Reading locale and interface locale remain independent. */
.reader-toolbar .language-tabs{flex-wrap:wrap;max-width:100%;gap:4px}.audio-pending{font-size:16px!important;color:#6b5438}.site-header nav{flex-wrap:wrap}.passage{overflow-wrap:anywhere;word-break:keep-all}.page-card textarea{min-height:140px}