.header-journey {display:flex;align-items:center;gap:10px;}
#journey-open {padding:8px 12px;color:#eedab3;border:1px solid #a98f5b80;background:#183b37;font:13px serif;cursor:pointer;}
#lushan-world {position:absolute;inset:0;pointer-events:none;container-type:inline-size;}
.lushan-active #game {animation:lushan-reveal 1s both;}
.trail-sign {position:absolute;transform:translate(-50%,-150%);color:#f3e4c6;background:#403b2bd4;border-block:1px solid #b29a6a;padding:3px 7px;font:clamp(11px,1.4cqw,18px) serif;letter-spacing:.12em;box-shadow:0 2px 5px #0a23265c;}
#lushan-focus {position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;text-align:center;container-type:inline-size;}
.lushan-chapter-intro {padding:3% 6%;border-block:1px solid #cbb179;background:#153e3bdd;color:#f5e8cb;animation:lushan-reveal .8s both;}
.lushan-chapter-intro small {font:clamp(16px,2.6cqw,32px) serif;letter-spacing:.4em;color:#e1c48b;}
.lushan-chapter-intro h2 {font:clamp(24px,4cqw,52px)/1.5 serif;margin:10px 0;}
#lushan-book {position:absolute;right:2%;top:10%;z-index:12;min-height:38px;color:#f1deb4;background:#143936df;border:1px solid #c1a36b;border-radius:3px 8px 8px 3px;padding:6px 10px;font:clamp(12px,1.5cqw,19px) serif;cursor:pointer;box-shadow:inset 4px 0 #a38d5d80;}
#lushan-book span {color:#eacb8b;}
#lushan-discovery {position:absolute;right:2%;top:21%;z-index:12;max-width:65%;padding:7px 12px;color:#ffe9b7;border-bottom:1px solid #cbb179;background:#153e3bef;font:clamp(12px,1.6cqw,20px) serif;pointer-events:none;animation:lushan-reveal .4s both;}
#vista-debug {position:absolute;bottom:1%;left:26%;z-index:15;background:#072a36ee;color:#80f5ff;font:clamp(10px,1.3cqw,15px) monospace;padding:4px;pointer-events:none;}
#lushan-journal {position:absolute;inset:0;z-index:35;display:grid;place-items:center;background:#08282ccf;color:#f3e4c6;container-type:inline-size;}
.mountain-journal-sheet {width:94%;max-height:98%;overflow:auto;padding:1.5% 2%;border-block:1px solid #c7ae78;background:linear-gradient(115deg,#193d38f7,#122d30f7);text-align:center;box-shadow:0 10px 35px #061e2680;}
.mountain-journal-sheet header {display:flex;align-items:center;justify-content:space-between;margin:0 0 1%;}
.mountain-journal-sheet h2 {font:clamp(19px,2.8cqw,36px) serif;letter-spacing:.2em;margin:0;color:#f4dfb0;}
.mountain-journal-sheet button {border:1px solid #bca06a;background:#173f39;color:#faebc9;padding:5px 13px;font:clamp(13px,1.6cqw,20px)/1.4 serif;cursor:pointer;}
.mountain-journal-sheet button:focus-visible,#lushan-book:focus-visible {outline:2px solid #80f5ff;outline-offset:3px;}
.journal-pages {display:flex;justify-content:center;gap:3%;align-items:center;}
.journal-pages figure {margin:0;width:47%;}
.journal-pages figcaption {font:clamp(15px,2cqw,26px) serif;color:#e4c992;margin:1% 0 2%;letter-spacing:.12em;}
.journal-pages img {display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;}
.unseen-landscape {display:grid;place-items:center;aspect-ratio:1672/941;background:radial-gradient(ellipse,#51655c44,#1c3834);border:1px solid #a9b9a02b;color:#bdc3a58c;font:clamp(13px,1.8cqw,23px) serif;letter-spacing:.15em;}
.journal-compare {margin-top:1.5%;border-block:1px solid #dab878!important;min-width:20%;}
.journal-landscape {position:relative;}
.landmark-highlight {position:absolute;transform:translate(-50%,-50%);width:12%;height:20%;border:2px solid #ffe1a2;box-shadow:0 0 10px #ecbb5970;border-radius:50%;background:transparent;margin:0;transition:left .3s,top .3s;pointer-events:none;}
.journal-landmarks {display:flex;justify-content:center;gap:8px;margin:1% 0;}
.journal-landmarks button {border-color:#bca06a77;font-size:clamp(12px,1.5cqw,18px);padding:3px 12px;}
.journal-landmarks button[aria-pressed=true] {color:#ffe0a0;border-color:#e4c48b;box-shadow:inset 0 -2px #bda16c;}
.journal-discovery {font:clamp(17px,2.5cqw,31px)/1.5 serif;color:#f8e7bf;margin:1% 0;letter-spacing:.1em;}
.journal-turn {display:none;}
.journal-active :is(#joystick,.touch-action,.quest-hud,#momo-bubble,#lushan-book),.menu-active :is(#lushan-book,#lushan-discovery,#vista-debug) {visibility:hidden;}
@keyframes lushan-reveal {from {opacity:0;}to {opacity:1;}}
@container (max-width:700px) {
  .journal-comparing .journal-pages figure {display:none;width:90%;}
  .journal-comparing .journal-pages figure.page-active {display:block;}
  .journal-comparing .journal-pages img {height:25cqw;}
  .journal-comparing .journal-landscape {width:44.4cqw;max-width:100%;margin:auto;}
  .journal-comparing .journal-pages figcaption {font-size:14px;margin:0;}
  .journal-turn {display:inline-block;}
  .mountain-journal-sheet {padding:1%;}
  .mountain-journal-sheet header {margin:0;}
  .mountain-journal-sheet h2 {font-size:18px;}
  .mountain-journal-sheet button {padding:3px 10px;font-size:13px;min-height:28px;}
  .journal-landmarks {gap:5px;margin:1% 0;}
  .journal-landmarks button {min-height:26px;}
  .journal-discovery {font-size:16px;margin:0;}
}
@media(max-width:700px) {
  .header-journey {gap:0;}
  #journey-open {padding:6px 8px;font-size:12px;white-space:nowrap;}
  #lushan-book {top:5%;right:2%;min-height:32px;font-size:12px;padding:5px 8px;}
  #lushan-discovery {top:22%;font-size:12px;padding:5px 8px;}
  .lushan-active .quest-hud {max-width:65%;}
}
@media(prefers-reduced-motion:reduce) {.lushan-active #game,.lushan-chapter-intro,#lushan-discovery {animation:none;}.landmark-highlight {transition:none;}}
@media(max-width:600px) and (orientation:portrait) {
  #lushan-journal {position:fixed;inset:0;z-index:65;padding:4vw;background:#08282cf2;}
  .mountain-journal-sheet {width:100%;padding:4%;}
  .journal-comparing .journal-landscape {width:100%;}
  .journal-comparing .journal-pages img {height:auto;}
  .mountain-journal-sheet header {margin-bottom:4%;}
  .mountain-journal-sheet button {min-height:44px;}
  .journal-landmarks {margin:3% 0;}
  .journal-landmarks button {min-height:44px;}
  .journal-discovery {font-size:18px;margin:3% 0;}
}

#lushan-scholar-label {position:absolute;transform:translate(-50%,-100%);pointer-events:none;padding:2px 7px;color:#f4e6c7;background:#173c36d9;border-bottom:1px solid #bea36b;font:clamp(10px,1.2cqw,16px) serif;white-space:nowrap;}
.menu-active #lushan-scholar-label,.journal-active #lushan-scholar-label {visibility:hidden;}
.lushan-active #story-title {inset:35% 4% auto;min-height:0;padding:2% 1%;background:#123c37e8;border-block:1px solid #c6ac74;color:#f5e8cb;font-size:clamp(18px,3.8cqw,50px);letter-spacing:.12em;line-height:1.7;}
.journal-poetic-word {display:inline-block;margin-left:5px;color:#f3d494;font-size:.75em;border-bottom:1px solid #a68b57;}
.journal-verse {color:#f5e8cb;font:clamp(15px,2cqw,26px)/1.5 serif;letter-spacing:.12em;margin:2% 0 1%;}
.journal-tabs {text-align:left;margin:0 0 1%;}
.journal-tabs button {background:transparent;border-color:#bca06a70;}
.journal-scenery {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5% 3%;max-width:64%;margin:auto;}
.journal-scenery figure {margin:0;min-width:0;}
.journal-scenery figcaption {font:clamp(13px,1.7cqw,23px)/1.5 serif;color:#e4c992;margin:1% 0;}
.scenery-thumbnail {overflow:hidden;aspect-ratio:16/9;border:1px solid #bea36b55;}
.scenery-thumbnail canvas {display:block;width:100%;height:100%;}
.journal-scenery .journal-poetic-word {animation:lushan-reveal .6s both;}
.journal-scenery figure:nth-child(2) .journal-poetic-word {animation-delay:.12s;}
.journal-scenery figure:nth-child(3) .journal-poetic-word {animation-delay:.24s;}
.journal-scenery figure:nth-child(4) .journal-poetic-word {animation-delay:.36s;}
#vista-debug {white-space:pre-line;max-width:72%;}
@container (max-width:700px) {
  .journal-scenery {max-width:76%;gap:1% 3%;}
  .journal-scenery figcaption {font-size:12px;}
  .journal-scenery .unseen-landscape {font-size:12px;}
  .journal-tabs {margin:0;}
}
@media(max-width:600px) and (orientation:portrait) {
  .journal-scenery {max-width:100%;gap:16px 10px;}
  .journal-scenery figcaption {font-size:15px;}
  .journal-tabs {margin-bottom:12px;}
}
#area-fade { position:absolute; inset:0; background:#000; opacity:0; z-index:90; pointer-events:auto; }
#tixilinbi-test-reset {position:absolute;bottom:1%;left:1%;z-index:16;max-width:24%;padding:6px;color:#80f5ff;background:#072a36ee;border:1px solid #80f5ff;font:11px monospace;}
.menu-active #tixilinbi-test-reset,.journal-active #tixilinbi-test-reset {visibility:hidden;}
#walkable-debug-control{position:absolute;left:1%;top:9%;z-index:45;background:#092c30;color:#f2ead4;padding:8px;font:13px monospace;border:1px solid #ba9a54}
#walkable-debug-overlay{position:absolute;inset:0;pointer-events:none;z-index:11}
#walkable-debug-overlay svg{width:100%;height:100%}
#vista-debug.walkable-view{left:auto;right:1%;font-size:clamp(9px,1.15cqw,14px)}
.menu-active #walkable-debug-overlay,.menu-active #walkable-debug-control{display:none}
.capture-window{width:100%;overflow:hidden;background:#071b1d;position:relative;}
.mountain-memories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left;margin:3% 0;}
.mountain-memories p{padding:16px;border-block:1px solid #c7ae7855;background:#e9dfc512;margin:0;}
.mountain-memories strong{font:32px 'PMingLiU',serif;color:#f0d9a7;margin-right:12px;}
.mountain-memories span{font:16px 'Microsoft JhengHei',sans-serif;}
@container(max-width:700px){.mountain-memories{grid-template-columns:repeat(2,1fr);gap:8px;}.mountain-memories span{font-size:14px;}}
.capture-window img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;transform-origin:center;aspect-ratio:auto;}
.journal-pages.journal-notes,.journal-scenery.journal-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:100%;width:100%;}
.journal-notes .observation-note{position:relative;width:100%;aspect-ratio:2/1;margin:0;background-image:var(--card-skin);background-size:100% 100%;color:#173d3b;}
.observation-note .note-view{position:absolute;left:8%;top:25%;width:57%;height:51%;display:grid;place-items:center;}
.observation-note .capture-window{width:min(100%,calc(44.7368% * var(--capture-aspect)));}
.observation-note .unseen-landscape{width:100%;height:100%;display:grid;place-items:center;background:#173d3b;color:#e0d5bd;font:clamp(12px,1.6cqw,21px) serif;}
.journal-notes .observation-note figcaption{position:absolute;left:70%;top:28%;width:22%;margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;color:#173d3b;letter-spacing:.04em;}
.observation-note figcaption strong{font:600 clamp(20px,3cqw,38px)/1.2 'PMingLiU',serif;}
.observation-note figcaption span{font:600 clamp(11px,1.5cqw,19px)/1.5 'Microsoft JhengHei',sans-serif;}
.observation-note figcaption small{font:clamp(10px,1.3cqw,16px)/1.4 'Microsoft JhengHei',sans-serif;}
.observation-note .journal-poetic-word{color:#5c6d43;margin:0;}
.journal-comparing .capture-window{width:100%;}
.journal-comparing .capture-window img{height:100%;width:100%;aspect-ratio:auto;}
@container(max-width:760px){.journal-pages.journal-notes,.journal-scenery.journal-notes{grid-template-columns:1fr;max-width:650px;margin:auto;}.journal-notes .observation-note figcaption{gap:4px;}.observation-note figcaption strong{font-size:28px;}.observation-note figcaption span{font-size:16px;}.observation-note figcaption small{font-size:13px;}}
#stage:not(.lushan-active) :is(#walkable-debug-overlay,#walkable-debug-control){display:none}
#stage:has(#show-walkable:checked) #tixilinbi-test-reset{bottom:auto;top:19%}