:root{--ink:#101a1b;--paper:#e8dfcc;--muted:#aaa99b;--gold:#c6ad74;--line:#a4926759;--green:#8db4a1;--serif:"Noto Serif SC","Songti SC","SimSun",serif;--text-size:20px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#101718;color:var(--paper)}body{font-family:var(--serif);overscroll-behavior:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #e5c78d;outline-offset:5px}button{border:0}button:not(:disabled){touch-action:manipulation}button:hover{color:#fff1c6}[hidden]{display:none!important}#game{height:100dvh;min-height:650px;position:relative;overflow:hidden;isolation:isolate}.backdrop{position:absolute;inset:-2%;z-index:-3;background:url('assets/cemetery.png') center/cover no-repeat;transition:filter 1s,background-position 1s,background-size 1s;filter:brightness(.6) saturate(.8)}#game:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#0b1819d9 0%,#0b181977 43%,#0b181912 75%),linear-gradient(0deg,#0a171ae8,transparent 55%,#09161955)}.grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.screen{position:absolute;inset:0}.eyebrow{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:11px;font-weight:500;color:var(--gold)}.title-copy{position:absolute;left:8%;top:8%;max-width:570px}.chapter-kicker{font-size:12px;letter-spacing:.2em;color:#b0b4a5;margin-top:35px}h1{font-size:clamp(66px,8.7vw,132px);line-height:1.05;letter-spacing:.14em;margin:22px 0 28px;font-weight:400;text-shadow:0 5px 30px #0006}h1 span{padding-left:.3em}h1 i{font-style:normal;color:var(--gold);font-size:.75em;position:absolute;transform:translate(-.3em,.1em)}.title-tagline{line-height:2;font-size:17px;letter-spacing:.12em;color:#dedbc8}.title-actions{display:flex;align-items:center;gap:24px;margin:24px 0}.primary{background:#c0a66e;color:#152021;padding:15px 27px;min-width:180px;letter-spacing:.16em;transition:background .2s,transform .2s}.primary:hover{background:#dfc68d!important;color:#10201c!important;transform:translateY(-2px)}.primary span{float:right;margin-left:28px}.text-button{background:transparent;padding:10px 0;color:#c5c6b5;font-size:13px;letter-spacing:.06em}.quiet-note{font-size:11px;color:#b7b7a2;letter-spacing:.08em;margin-top:30px}.title-footer{position:absolute;bottom:25px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-family:system-ui,sans-serif;color:#a6ac9e;font-size:10px;letter-spacing:.1em}.title-seal{position:absolute;right:8%;top:15%;width:95px;height:95px;border:1px solid #c6ad744d;border-radius:50%;display:grid;place-content:center;text-align:center;color:#e0c486aa;line-height:1.8;font-size:14px;transform:rotate(9deg)}.title-seal small{font-size:8px;letter-spacing:.1em}.select-screen{background:#0d1c1be8;padding:5vh 9vw;overflow-y:auto}.select-screen>h2{font-weight:400;font-size:29px;margin:17px 0 10px}.selection-sub{font-size:13px;color:var(--muted)}.hero-options{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:22px 0}.hero-card{position:relative;text-align:left;height:min(65vh,580px);min-height:390px;background:linear-gradient(180deg,#4563531c,#0b1618);border:1px solid var(--line);overflow:hidden;padding:0}.hero-card:hover{border-color:#d6bd80}.sprite{background-repeat:no-repeat;background-size:300% 200%;background-position:0 0;aspect-ratio:1;flex:none}.hero-preview{position:absolute;top:-3%;left:8%;width:84%;mask-image:linear-gradient(#000 70%,transparent 98%)}.hero-card-copy{position:absolute;bottom:25px;left:28px;right:22px;display:flex;flex-direction:column;gap:11px}.hero-card-copy small{font-family:system-ui;font-size:9px;letter-spacing:.15em;color:#c9b17f}.hero-card-copy strong{font-size:30px;letter-spacing:.2em;font-weight:400}.hero-card-copy>span{font-size:14px;line-height:1.9;color:#c8c8ba}.hero-card-copy em{font-size:12px;line-height:1.8;font-style:normal;color:#9dad9e}.game-header{height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 3.5%;background:linear-gradient(#0e181bea,transparent);position:relative;z-index:12;gap:15px}.brand{background:none;white-space:nowrap;font-size:19px;letter-spacing:.18em;padding:0}.brand span{font-size:9px;letter-spacing:.14em;margin-left:13px;color:var(--gold)}#location-name{font-size:12px;letter-spacing:.15em;color:#bebcaa}.game-header nav{display:flex;gap:19px}.game-header nav button{background:none;padding:10px 0;font-size:12px;color:#d0d0bc}.game-header nav button:hover{color:var(--gold)}#journal-count{font-family:system-ui;font-size:9px;color:var(--gold)}.story-view{position:absolute;inset:70px 0 0;overflow:hidden}.scene-caption{position:absolute;top:20px;left:5%;font-size:12px;letter-spacing:.13em;color:#dfd4b9;opacity:.8}.stage-portrait{position:absolute;bottom:200px;width:min(40vw,540px);transition:opacity .25s;mask-image:linear-gradient(#000 75%,transparent 99%);filter:drop-shadow(0 5px 20px #0005)}.left-portrait{left:5%;transform:scale(.9);transform-origin:bottom left}.right-portrait{right:4%}.stage-portrait.dim{filter:brightness(.65) saturate(.7);opacity:.75}.stage-portrait.ghost{opacity:.82;filter:saturate(.7) contrast(.96)}.stage-portrait.ghost.dim{opacity:.58;filter:brightness(.65) saturate(.65)}.dialogue-panel{position:absolute;bottom:24px;left:6%;right:6%;max-width:1190px;margin:auto;min-height:220px;padding:23px 32px 12px;background:linear-gradient(110deg,#122326f5,#102022f2);border:1px solid #a794645e;box-shadow:0 18px 65px #0005;z-index:4}.dialogue-panel:before{content:"";position:absolute;top:-1px;left:30px;width:85px;border-top:2px solid var(--gold)}.dialogue-topline{display:flex;align-items:center;gap:16px;margin-bottom:15px;min-height:23px}#speaker-name{font-size:19px;letter-spacing:.1em;color:#e4cd97}#speaker-role{font-size:10px;color:#9aab9b;letter-spacing:.08em}.epitaph-button{margin-left:auto;color:#b4c2ae;background:none;font-size:11px;padding:3px}.story-text{font-size:var(--text-size);line-height:1.95;letter-spacing:.045em;min-height:72px;white-space:pre-wrap}.story-text.narration{font-size:calc(var(--text-size) - 2px);color:#c9d0c2}.dialogue-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between;min-height:28px}#line-hint{font-size:10px;color:#8f9f94;font-family:system-ui}.next-button{background:none;font-size:12px;letter-spacing:.08em;color:#cdb77d;padding:5px 0 5px 25px}.next-button span{font-size:9px;margin-left:14px}.choices{display:grid;gap:8px;margin-top:12px}.choice-button{background:#203638aa;border:1px solid #a8986645;padding:12px 16px;text-align:left;line-height:1.6;font-size:15px;display:flex;gap:13px}.choice-button:hover{background:#354b45;border-color:#c6ad74}.choice-number{font-size:10px;line-height:2.2;color:var(--gold);font-family:system-ui}.map-view{position:absolute;inset:70px 0 0}.map-intro{position:absolute;left:4%;top:10px;z-index:3;pointer-events:none;max-width:410px;padding:12px 20px;background:linear-gradient(90deg,#101e1fdd,transparent)}.map-intro h2{font-weight:400;font-size:26px;margin:9px 0}.map-intro p:last-child{font-size:12px;line-height:1.8;color:#d6d6bd}.map-canvas{position:absolute;inset:0 0 44px;overflow:auto;scrollbar-width:thin;scrollbar-color:#6c7965 #172425;cursor:grab;touch-action:pan-x pan-y}.map-canvas.dragging{cursor:grabbing}.map-canvas img{width:100%;min-width:950px;height:100%;object-fit:cover;object-position:center;display:block;filter:brightness(.84) saturate(.88);user-select:none}.map-canvas>#map-markers{position:absolute;inset:0;min-width:950px;pointer-events:none}.map-marker{position:absolute;transform:translate(-50%,-50%);padding:9px 14px;background:#152427e8;border:1px solid #c6ad748c;box-shadow:0 3px 20px #0008;font-size:12px;line-height:1.5;text-align:left;pointer-events:auto;white-space:nowrap}.map-marker:before{content:"◇";color:var(--gold);margin-right:7px}.map-marker small{display:block;margin-left:20px;color:#9eada2;font-size:9px}.map-marker:hover{background:#3b4b3d;transform:translate(-50%,-50%) translateY(-2px)}.map-marker.finished:before{content:"✓";color:#abcba6}.map-marker.anomaly{border-color:#d6bb79}.map-bottom{position:absolute;bottom:0;left:4%;right:4%;height:44px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#acb7aa;background:#101d1bc9}.small-primary{background:none;color:#dbc38d;font-size:12px;padding:8px}.ending-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#0a171ce6;overflow-y:auto;padding:70px 8% 35px}.ending-screen h2{font-size:clamp(40px,6vw,76px);font-weight:400;letter-spacing:.17em;margin:18px 0 20px}.ending-screen>div#ending-copy{font-size:17px;line-height:2;max-width:660px;white-space:pre-line;color:#d1d4c4}.ending-results{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;margin-top:25px}.result-chip{font-size:11px;border:1px solid var(--line);padding:8px 12px;color:#aebaa5}.ending-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.ending-screen.death{background:#131918eb}.ending-screen.death h2{color:#dfc892}dialog{background:#152326;color:var(--paper);border:1px solid #a38e5d88;padding:27px 32px;width:min(850px,92vw);max-height:86dvh;box-shadow:0 30px 120px #0009;scrollbar-width:thin}dialog::backdrop{background:#030d11bc;backdrop-filter:blur(6px)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #9d8a5e3b;margin-bottom:22px;padding-bottom:14px}.modal-head h2{font-size:24px;font-weight:400;letter-spacing:.1em;margin:8px 0 0}.modal-head .eyebrow{margin:0;font-size:9px}.icon-button{background:none;font-family:system-ui;font-size:28px;line-height:1;padding:4px 0 4px 20px;color:#b9bfae}#modal-body{font-size:15px;line-height:1.95}#modal-body h3{font-weight:400;color:#dcc58e;margin:18px 0 8px;font-size:18px}#modal-body p{margin:10px 0 17px}.modal-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:21px}.modal-tabs button{border:1px solid #9d8a5e55;background:#213536;color:#c8d2be;font-size:12px;padding:7px 13px}.modal-tabs button.active{background:#b5a16d;color:#152426}.notebook-item{border-bottom:1px solid #80918133;padding:11px 0}.notebook-item small{font-size:10px;color:#91a994;display:block}.notebook-item strong{font-size:16px;font-weight:400;color:#e1d7bd}.notebook-item p{font-size:13px;color:#b4c2b3;margin:6px 0!important}.evidence-card{background:#d7ccb1;color:#24342d;padding:20px;margin:12px 0;position:relative;border:1px solid #e5d8b4}.evidence-card h3{color:#253c33!important;margin:0 0 10px!important}.evidence-card p{margin:5px 0!important;font-size:14px}.evidence-stamp{position:absolute;right:15px;top:15px;transform:rotate(-10deg);color:#8c4c43;border:2px solid #8c4c43;padding:3px 6px;font-size:11px}.evidence-card .small-print{font-size:11px}.epitaph-stone{margin:20px auto;background:linear-gradient(130deg,#5e6d62,#2b3b37);border:1px solid #a9b39966;border-radius:90px 90px 3px 3px;max-width:420px;padding:55px 35px 35px;text-align:center;box-shadow:inset 0 0 25px #0003}.epitaph-stone .epitaph-name{font-size:19px;letter-spacing:.18em;color:#ced4ba}.epitaph-stone blockquote{font-size:21px;line-height:1.9;margin:22px 0;color:#ede8ce}.epitaph-stone small{font-size:10px;color:#bac4ae}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-cell{margin:0;text-align:center;background:#0a171d55;border:1px solid #73897622}.gallery-cell .sprite{width:100%}.gallery-cell figcaption{font-size:11px;color:#a9bba9;padding:5px 0 12px}.gallery-cell.ghost .sprite{opacity:.84}.gallery-note{font-size:11px;color:#a9b4a6}.photo-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-card{padding:12px;text-align:center;background:#293b37;border:1px solid var(--line);color:#d8d6c0;font-size:13px;line-height:1.7}.photo-card:hover{border-color:var(--gold)}.photo-art{height:140px;margin-bottom:10px;background-image:url('assets/adela.webp');background-size:300% 200%;background-position:0 0;filter:sepia(.5);border:5px solid #6b5b3e}.photo-card:nth-child(2) .photo-art{background-position:100% 0;filter:sepia(.6) saturate(.6)}.photo-card:nth-child(3) .photo-art{background-position:50% 0;filter:sepia(.9) brightness(.9)}.photo-card.selected{background:#3d5142;border-color:#e3c88d}.paper-back{height:140px;display:grid;place-content:center;background:#cabf9e;color:#414d3a;margin-bottom:10px;font-size:15px}.modal-action-row{display:flex;flex-wrap:wrap;gap:12px;margin:19px 0 0}.modal-action-row button{font-size:13px;padding:10px 15px;border:1px solid var(--line);background:#31493f}.interaction-hint{font-size:13px;color:#d8ba80;min-height:24px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.select-field{display:flex;flex-direction:column;gap:7px;margin:17px 0}.select-field span{font-size:12px;color:#aebba9}.select-field select{width:100%;padding:11px;background:#253b37;border:1px solid var(--line);color:#e4ddc7;font-size:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,15px);z-index:50;background:#d8c79d;color:#172924;padding:11px 21px;font-size:13px;opacity:0;pointer-events:none;transition:all .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.settings-row{display:flex;align-items:center;justify-content:space-between;margin:20px 0;gap:20px}.settings-row input{accent-color:#c1aa77}.history-entry{border-bottom:1px solid #82908033;padding:12px 0}.history-entry small{color:#c8b580;font-size:11px}.history-entry p{font-size:14px;margin:4px 0!important}.crisis-paper{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(-15deg,transparent 0 120px,#5b41412b 120px 160px);z-index:2}body.crisis .backdrop{filter:brightness(.35) saturate(.5) sepia(.35)}body.night-safe .backdrop{filter:brightness(.8) saturate(.7)}.danger-choice{border-color:#ab6e6470}.danger-choice:hover{background:#523d39}
@media(min-width:1700px){.dialogue-panel{bottom:40px;padding:28px 40px 18px;min-height:245px}.stage-portrait{bottom:230px}.title-copy{top:12%}}@media(max-width:850px){.title-copy{left:7%;top:9%}h1{font-size:85px}.title-seal{right:6%;top:9%;width:75px;height:75px}.title-footer>span:last-child{display:none}.game-header{padding:0 4%;height:60px;gap:8px}#location-name{display:none}.game-header nav{gap:14px}.brand{font-size:16px}.brand span{display:none}.story-view,.map-view{top:60px}.dialogue-panel{left:4%;right:4%;bottom:20px;padding:20px 23px 10px}.stage-portrait{width:54vw;bottom:220px}.left-portrait{left:-6%}.right-portrait{right:-2%}.story-text{font-size:calc(var(--text-size) - 1px)}.hero-card-copy{left:18px;bottom:20px}.hero-card-copy strong{font-size:25px}.hero-card-copy>span{font-size:12px}.hero-options{gap:15px}.hero-preview{width:110%;left:-5%}.hero-card-copy em{font-size:10px}.map-intro{top:0;left:2%;padding:10px;max-width:300px}.map-intro h2{font-size:23px}.map-intro .eyebrow{font-size:9px}.map-bottom>span{max-width:50%;font-size:9px}.selection-sub{font-size:12px}}@media(max-width:560px){#game{min-height:620px}.title-copy{top:12%}h1{font-size:78px;margin-bottom:22px}.chapter-kicker{margin-top:25px}.title-tagline{font-size:15px}.quiet-note{max-width:250px;font-size:10px;line-height:1.8}.title-seal{right:5%;top:8%;opacity:.5}.title-footer{bottom:14px;font-size:8px}.title-footer .text-button{font-size:10px}.hero-options{gap:12px}.select-screen{padding:5vh 5vw}.select-screen>h2{font-size:23px;line-height:1.6}.hero-card{min-height:430px;height:60vh}.hero-card-copy{left:14px;right:12px}.hero-card-copy strong{font-size:23px}.hero-card-copy small{font-size:8px;line-height:1.8}.hero-card-copy>span br{display:none}.hero-card-copy em{line-height:1.8}.hero-preview{width:145%;left:-22%;top:4%}.game-header nav{gap:12px}.game-header nav button{font-size:11px}.brand{font-size:14px}.dialogue-panel{left:3%;right:3%;bottom:14px;padding:17px 18px 8px;min-height:235px}.story-text{font-size:calc(var(--text-size) - 2px);line-height:1.85;min-height:88px}#speaker-name{font-size:17px}#speaker-role{font-size:9px}.dialogue-topline{gap:10px;margin-bottom:11px}.epitaph-button{font-size:10px}.choice-button{font-size:13px;padding:10px}.stage-portrait{width:75vw;bottom:230px}.left-portrait{left:-17%;transform:scale(.78)}.right-portrait{right:-13%}.scene-caption{top:9px;font-size:10px}.photo-options{grid-template-columns:1fr}.photo-card{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:14px;text-align:left}.photo-art,.paper-back{height:95px;margin:0}.comparison-grid{grid-template-columns:1fr}.gallery-grid{gap:6px}dialog{padding:20px;width:94vw;max-height:90dvh}.modal-head h2{font-size:21px}.ending-screen h2{font-size:42px}.ending-screen>div#ending-copy{font-size:15px}.ending-actions{gap:16px;flex-wrap:wrap;justify-content:center}.primary{font-size:14px;min-width:155px;padding:13px 21px}.map-marker{font-size:11px}.settings-row{font-size:13px}.map-intro{max-width:260px;pointer-events:none}.map-intro p:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.dialogue-panel{max-height:calc(100% - 45px);overflow-y:auto;scrollbar-width:thin}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.dialogue-panel.is-choice .story-text{min-height:0;font-size:15px;margin-bottom:12px}.stage-portrait.dim{filter:brightness(.82) saturate(.82);opacity:.9}.stage-portrait.ghost{opacity:.9;filter:saturate(.8) contrast(.98)}.stage-portrait.ghost.dim{opacity:.76;filter:brightness(.82) saturate(.7)}
@media(max-width:560px){.choices{gap:7px}.choice-button{font-size:12px;line-height:1.7;padding:10px 9px;gap:8px}.dialogue-panel.is-choice .story-text{font-size:14px;margin-bottom:7px}.dialogue-panel{max-height:calc(100% - 42px)}.choice-number{font-size:9px}.story-text.narration{font-size:calc(var(--text-size) - 2px)}}

/* v02: walking space and location-specific illustrated close views. */
.backdrop{filter:brightness(.82) saturate(.94);transition:opacity .35s;background-image:url('assets/cg/cover.webp')}
#game:after{background:linear-gradient(0deg,#0a171ab8,transparent 55%,#09161944)}
.title-screen{background:linear-gradient(90deg,#071414e8,#0b161775 43%,transparent 74%)}
.title-copy{left:8%;top:14%;z-index:2}.title-copy h1{letter-spacing:.12em;line-height:1.1;margin:0 0 27px}.title-copy .title-first{padding:0;display:inline-block;transform:rotate(-3deg)}.title-copy .title-second{padding-left:.3em;display:inline-block;transform:rotate(2deg)}.title-tagline span{display:block;color:#abb5a6;font-size:13px;letter-spacing:.18em}.title-actions{margin-top:34px}.title-actions .primary{background:#b6a16f;border:1px solid #ead59e66;box-shadow:0 0 30px #c5a66b14}
.cover-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none}.cover-mist{position:absolute;width:150%;height:42%;left:-25%;opacity:.2;background:radial-gradient(ellipse,#b3c0ae33,transparent 65%);filter:blur(25px);animation:mist-drift 35s ease-in-out infinite alternate}.mist-one{bottom:-5%}.mist-two{top:20%;animation-delay:-16s;animation-direction:alternate-reverse}.window-glimmer{position:absolute;width:4px;height:9px;background:#e9bf70;box-shadow:0 0 19px 6px #df9c4166;opacity:.25;animation:lantern 7s infinite}.glimmer-chapel{left:64%;top:46%}.glimmer-gate{left:85%;top:67%;animation-delay:-3s}.ember{position:absolute;width:2px;height:2px;border-radius:100%;background:#cfc59c88;animation:dust 18s linear infinite}.ember-a{left:35%;top:85%}.ember-b{left:75%;top:65%;animation-delay:-6s}.ember-c{left:66%;top:90%;animation-delay:-10s}.ember-d{left:48%;top:58%;animation-delay:-15s}.ember-e{left:89%;top:75%;animation-delay:-3s}
@keyframes lantern{0%,30%,32%,72%,100%{opacity:.18}31%,70%{opacity:.55}71%{opacity:.05}}
@keyframes mist-drift{to{transform:translate(12%,-8%)}}
@keyframes dust{0%{opacity:0;transform:translate(0,0)}20%{opacity:.4}85%{opacity:.15}100%{opacity:0;transform:translate(30px,-180px)}}
.stage-portrait.ghost{opacity:.45;filter:saturate(.65) contrast(.95)}.stage-portrait.ghost.dim{opacity:.32;filter:brightness(.83) saturate(.6)}.gallery-cell.ghost .sprite{opacity:.5}
#world-stage{position:absolute;inset:0 0 44px;background:#263b3b;touch-action:none}#world-stage canvas{width:100%;height:100%;display:block;cursor:crosshair}.world-error{margin:20vh auto;max-width:500px;line-height:2;padding:30px}.map-intro{top:10px;max-width:350px;background:linear-gradient(90deg,#101e1fce,transparent);padding:8px 18px}.map-intro h2{font-size:23px}.map-intro p:last-child{font-size:11px}.map-bottom{z-index:5;background:#101e20ed;right:0;padding-right:3%;font-size:10px}.map-bottom span{font-size:10px}
#world-controls{position:absolute;right:25px;top:20px;display:flex;gap:7px;z-index:4}#world-controls button,.route-list-button{padding:10px 13px;background:#142728d9;border:1px solid #bda46c55;color:#d0c7a8;font-size:12px}.route-list-button{position:absolute;right:3%;bottom:63px;z-index:8}#play-screen:has(#map-view[hidden]) .route-list-button{display:none}
#world-nearby{position:absolute;left:50%;bottom:80px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;background:#102427e8;border:1px solid #b4a37266;padding:12px 16px;z-index:5;min-width:300px;box-shadow:0 5px 25px #0004}#world-nearby span{font-size:14px;white-space:nowrap}#world-nearby .primary{min-width:105px;padding:10px 15px;font-size:12px;white-space:nowrap}
.world-touch-pad{display:none;position:absolute;bottom:103px;left:22px;width:132px;grid-template-columns:repeat(3,40px);gap:6px;z-index:6}.world-touch-pad button{height:40px;background:#142728b8;border:1px solid #bca87755;font-size:19px}.world-touch-pad button:first-child{grid-column:2}.world-touch-pad button:nth-child(2){grid-column:1}
#world-destinations{position:absolute;top:78px;right:25px;width:250px;background:#102123ee;border:1px solid var(--line);padding:12px;z-index:6;max-height:65%;overflow:auto}#map-markers{display:grid;gap:7px}.destination-button{text-align:left;background:#283c36;padding:12px;font-size:13px}.destination-button small{display:block;font-size:10px;color:#a6b8a5;margin-top:4px}
#notice-view{position:absolute;inset:70px 0 0;background:linear-gradient(0deg,#081719dd,transparent 50%)}.notice-paper{position:absolute;top:7%;left:50%;transform:translateX(-50%) rotate(-1deg);width:min(660px,70vw);padding:34px 45px 30px;background:#d2c09b;color:#302e27;box-shadow:0 10px 60px #0008,inset 0 0 55px #77603c44;border:1px solid #9f8355}.notice-heading{font-size:14px;letter-spacing:.25em;border-bottom:1px solid #66543e55;padding-bottom:15px;margin:0 0 15px}.notice-paper button{display:block;text-align:left;background:transparent;color:#302e27;font-size:22px;line-height:1.9;padding:8px 4px;width:100%;border-bottom:1px dashed transparent}.notice-paper button:hover,.notice-paper button.inspected{background:#f2dfb644;color:#302e27;border-color:#77634c66}.notice-paper button span{text-decoration:underline;text-decoration-color:#9b493e88;text-underline-offset:5px}.notice-paper small{font-size:10px;display:block;margin-top:20px;color:#6b5c47}.number-dispenser{position:absolute;right:12%;bottom:29%;padding:18px 14px;background:#836b4f;border:1px solid #bba076;transform:rotate(4deg);font-size:13px;box-shadow:0 4px 15px #0008}.notice-thought{position:absolute;bottom:32px;left:12%;right:12%;display:flex;align-items:center;gap:30px;padding:18px 24px;background:#102427f0;border-top:1px solid #b7a27688}.notice-thought p{line-height:1.9;font-size:16px;flex:1}.notice-thought .primary{font-size:13px;min-width:160px}.notice-paper button:focus-visible{outline-color:#534934}
@media(pointer:coarse){.world-touch-pad{display:grid}}
@media(max-width:700px){.map-intro{max-width:230px;top:0;left:0;padding:8px 12px}.map-intro h2{display:none}.map-intro .eyebrow{margin:6px 0}.map-intro p:last-child{font-size:10px}#world-controls{right:10px;top:13px;gap:4px}#world-controls button{font-size:10px;padding:9px}.map-bottom span{display:none}.map-bottom{justify-content:flex-end}#world-nearby{bottom:68px;min-width:230px;gap:10px;padding:8px;max-width:95%}#world-nearby span{font-size:12px}.route-list-button{font-size:10px;bottom:140px;right:10px}.world-touch-pad{display:grid;left:10px;bottom:140px;opacity:.85}#world-destinations{right:10px;top:65px;width:220px}.notice-paper{top:7%;width:88vw;padding:25px 23px}.notice-paper button{font-size:18px;line-height:1.9}.notice-paper small{font-size:9px}.notice-thought{left:4%;right:4%;bottom:20px;display:block;padding:12px 17px}.notice-thought p{font-size:14px}.notice-thought .primary{font-size:12px;padding:11px 16px}.number-dispenser{bottom:29%;right:6%;font-size:11px}.title-copy{top:16%}.title-tagline{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cover-atmosphere *{animation:none!important}}
.game-header{background:#102022e8}.notice-paper{background:transparent;box-shadow:none;border-color:transparent}.notice-paper button{font-size:21px}.notice-paper .notice-heading{color:#4c3b29}.number-dispenser:hover{background:#9d805a}
@media(max-width:700px){.notice-paper{background:#d2c09bea;box-shadow:0 10px 30px #0004;border-color:#927b55}.notice-paper button{font-size:17px}.notice-paper button br{display:none}}

/* v03 selected cover: exact art framing with live, scalable menu typography. */
body.on-cover #game{min-height:0}
body.on-cover #game:after,body.on-cover .backdrop,body.on-cover .grain{visibility:hidden}
.title-screen{--cw:min(100vw,177.6833dvh);--ch:min(100dvh,56.28vw);background:#100f12 url('assets/cg/cover-v03.webp') center/contain no-repeat}
.title-screen .cover-atmosphere{display:none}
.title-screen .title-copy{inset:0;max-width:none;pointer-events:none}
.title-screen .accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.title-screen .title-actions{position:absolute;left:calc(50% - var(--cw)*.444);top:calc(50% + var(--ch)*.268);width:calc(var(--cw)*.145);margin:0;display:flex;flex-direction:column;gap:0;pointer-events:auto}
.cover-menu-item{display:block;width:100%;background:transparent;padding:calc(var(--ch)*.008) 0;font-size:clamp(15px,calc(var(--cw)*.019),36px);line-height:1.35;letter-spacing:.12em;color:#e8d2aa;text-shadow:0 2px 9px #000b;white-space:nowrap}
.cover-menu-item span{display:inline-block;transition:transform .18s ease,color .18s ease,filter .18s ease;transform-origin:center}
.cover-menu-item:hover:not(:disabled) span,.cover-menu-item:focus-visible span{transform:scale(1.13);color:#fff0ce;filter:drop-shadow(0 0 8px #dca86b55)}
.cover-menu-item:disabled{opacity:.42;cursor:default}
.cover-divider{width:90%;height:calc(var(--ch)*.025);display:flex;align-items:center;gap:6px;color:#d4b784;font-size:clamp(9px,calc(var(--cw)*.009),16px)}
.cover-divider:before,.cover-divider:after{content:'';flex:1;height:1px;background:linear-gradient(90deg,transparent,#d4b784)}
.cover-divider:after{transform:rotate(180deg)}
#cover-sound{position:absolute;right:20px;bottom:15px;background:#15141755;color:#d4bc97;border:1px solid #d4bc9744;border-radius:50%;width:36px;height:36px;font-size:22px;opacity:.7}
#cover-sound[aria-pressed=false]{opacity:.32}
.hero-card-copy .hero-poem{font-family:'Songbai Hand','STXingkai','KaiTi',cursive;font-style:oblique 9deg;font-synthesis:style;line-height:1.65;font-size:22px;letter-spacing:.02em;color:#d8cebb}
.in-prologue .left-portrait{opacity:.9}
@media(max-width:560px){.hero-card-copy .hero-poem{font-size:17px}.hero-card-copy .hero-poem br{display:initial}.hero-card-copy{gap:8px}.cover-menu-item{padding:5px 0}.title-screen .title-actions{width:calc(var(--cw)*.24);left:calc(50% - var(--cw)*.42)}.cover-divider{height:18px}#cover-sound{right:10px;bottom:10px}}

/* v05: distinct narration, speech, inner voice, readable paper and floating choices. */
@font-face{font-family:'Songbai Hand';src:url('assets/fonts/Songbai-Hand-v27.woff2') format('woff2');font-display:swap;font-weight:400}
#speaker-role{display:none!important}
#choice-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(#06101470,#06101485 70%,#061014aa);pointer-events:none}
#choices{position:absolute;left:50%;transform:translateX(-50%);width:min(660px,80%);display:grid;grid-template-columns:1fr;gap:11px;margin:0;padding:2px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a58e7780 transparent;z-index:5}
#choices .choice-button{display:flex;align-items:center;gap:22px;width:100%;min-height:60px;padding:17px 24px;text-align:left;background:linear-gradient(95deg,#3c303bf5,#302a36f2);border:1px solid #a48b8970;color:#e3d7ce;font-size:17px;line-height:1.55;letter-spacing:.04em;box-shadow:0 6px 25px #0002;transition:background .16s,color .16s,border-color .16s}
#choices .choice-button:hover,#choices .choice-button:focus-visible{background:linear-gradient(100deg,#d2bd96fa,#bda582f5);border-color:#e5d3b0;color:#29252b;box-shadow:inset 3px 0 #efe1bd,0 8px 30px #0004}
#choices .choice-number{color:#baa394;font:10px system-ui;letter-spacing:.13em;flex:none}
#choices .choice-button:hover .choice-number,#choices .choice-button:focus-visible .choice-number{color:#63513b}
.dialogue-panel{min-height:180px}
.dialogue-panel.is-choice{min-height:170px;max-height:42%}
.dialogue-panel.is-choice .story-text{font-size:var(--text-size);min-height:45px;margin:0}
.dialogue-panel[data-kind=narration]{background:linear-gradient(100deg,#102023eb,#102024e3);border-color:#aa9b6545}
.dialogue-panel .story-text.narration,.dialogue-panel.is-choice .story-text.narration{font-size:calc(var(--text-size) - 2px);color:#c6c9bf;line-height:1.95}
.dialogue-topline:has(#speaker-name[hidden]):has(#epitaph-button[hidden]){display:none}
.dialogue-panel[data-kind=thought] .story-text{border-left:1px solid #bba97b80;padding-left:17px;color:#c7cabd;font-size:calc(var(--text-size) - 1px)}
.dialogue-panel[data-kind=thought] #speaker-name{font-size:15px;color:#beb39a;letter-spacing:.08em}
.dialogue-panel[data-kind=document]{background:#102023e8}
.dialogue-panel[data-kind=document] #speaker-name{font-size:14px;color:#bbad91}
.stage-portrait.speaking{filter:brightness(1.06) drop-shadow(0 5px 20px #0005)}
.stage-portrait.dim{filter:brightness(.73) saturate(.78)}
.folded-note{display:flex;align-items:center;gap:20px;text-align:left;width:100%;padding:7px 0 9px;background:transparent;color:#ded3b7;font-size:18px;line-height:1.6}
.folded-note small{display:block;font-size:11px;letter-spacing:.08em;color:#9da99d;margin-top:5px}
.folded-note i{font-style:normal;font-size:16px;margin-left:auto;color:#c3ac78}
.note-fold{position:relative;display:block;flex:none;width:68px;height:43px;background:linear-gradient(155deg,#ddcaa3,#ac9979);border:1px solid #e8d7b1;transform:rotate(-5deg);box-shadow:0 4px 15px #0004}
.note-fold:before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 65%);background:#e5d8b5;border-bottom:1px solid #9c8966}
.folded-note:hover .note-fold{transform:rotate(-2deg) translateY(-2px)}
dialog.paper-modal{width:min(820px,94vw);max-height:94dvh;padding:24px 30px;background:#171d1be8;border:1px solid #ac977655;box-shadow:0 20px 100px #000a;overflow-y:auto}
dialog.paper-modal::backdrop{background:#050c10a6;backdrop-filter:blur(3px)}
.paper-modal .modal-head{margin-bottom:18px}.paper-modal .modal-head h2{font-size:15px;color:#c8b99e;letter-spacing:.13em}.paper-modal .eyebrow:empty{display:none}
.paper-sheet{position:relative;min-height:260px;margin:6px 3px 18px;padding:44px 42px 48px;color:#302c28;background:linear-gradient(180deg,transparent 49.7%,#7c6b4920 50%,transparent 50.4%),linear-gradient(90deg,#ac92601c,transparent 12%,transparent 86%,#ac92602a),#e0d4b8;box-shadow:0 8px 28px #0005,inset 0 0 50px #a9915530;transform:rotate(-.45deg)}
.paper-sheet:after{content:'';position:absolute;top:0;bottom:0;left:50%;width:1px;background:#a48e5d22;box-shadow:1px 0 #fff3;pointer-events:none}
.paper-content{position:relative;z-index:1;white-space:pre-wrap;overflow-wrap:anywhere;font:29px/1.8 'Songbai Hand','STXingkai','KaiTi',cursive;letter-spacing:.035em}
.paper-modal .paper-sheet{animation:unfold-note .22s ease-out}
@keyframes unfold-note{from{opacity:.45;transform:perspective(1000px) rotateX(-8deg) scaleY(.94)}to{opacity:1;transform:rotate(-.45deg)}}
.paper-sheet.printed .paper-content,.paper-sheet.is-clear .paper-content{font-family:var(--serif);font-size:19px;line-height:1.95;letter-spacing:.04em}
.paper-actions{display:flex;gap:20px;justify-content:flex-end}.paper-actions button{background:transparent;color:#cabb9e;border-bottom:1px solid #ac977666;padding:9px 3px;font-size:13px}.paper-actions button[aria-pressed=true]{color:#f1dba7;border-color:#d4bc7c}
@media(max-width:600px){#choices{width:90%;gap:9px}#choices .choice-button{min-height:54px;padding:13px 15px;font-size:14px;gap:14px}.dialogue-panel{min-height:185px;padding:19px 20px 10px}.dialogue-panel.is-choice{min-height:165px;max-height:40%}.dialogue-panel.is-choice .story-text{font-size:calc(var(--text-size) - 2px)}.dialogue-panel[data-kind=thought] .story-text{font-size:calc(var(--text-size) - 2px)}.dialogue-panel .story-text.narration{font-size:calc(var(--text-size) - 3px)}.paper-modal .modal-head{margin-bottom:12px}dialog.paper-modal{padding:18px 15px}.paper-sheet{padding:30px 22px 35px;margin:4px 0 14px;min-height:220px}.paper-content{font-size:26px;line-height:1.75}.paper-sheet.printed .paper-content,.paper-sheet.is-clear .paper-content{font-size:17px}.folded-note{font-size:16px;gap:15px}.note-fold{width:55px;height:37px}.folded-note small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.note-fold{transition:none}.paper-sheet{transform:none}}