@charset "UTF-8";
:root{color-scheme:dark;--ink:#101e1e;--panel:#182725;--paper:#ede2c9;--gold:#cbb17d;--muted:#b4b5a3;--line:#bda36c40;--serif:Georgia,'Times New Roman',serif;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--paper);background:#0b1415;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f2d28c;outline-offset:4px}button{border:0}svg{width:24px;height:24px;flex-shrink:0}h1,h2,h3,p{margin-top:0}p{line-height:1.65}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400;color:var(--gold)}button svg{vertical-align:middle}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:var(--paper);color:var(--ink)}.skip:focus{top:10px}
.title-screen{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#101c1c}.cover{position:absolute;left:0;top:0;width:60%;height:100%;object-fit:cover;object-position:50% 40%}.title-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 28%,#101c1c85 48%,#101c1c 65%)}.title-content{position:relative;margin:60px 7% 70px auto;width:36%;max-width:500px}.eyebrow{font-size:.68rem;letter-spacing:.21em;text-transform:uppercase;color:var(--gold);line-height:1.6}.brand{font-family:var(--serif);font-size:clamp(22px,2.8vw,42px);letter-spacing:.12em;display:flex;align-items:center;gap:12px;margin:25px 0}.brand svg{width:36px;height:36px}.rule{width:80px;height:1px;background:var(--gold);margin:26px 0}.title-content h1{font-size:clamp(36px,4.7vw,72px);line-height:1.04;margin-bottom:28px}.title-content p{color:#d4cfbe;font-size:1.03rem}.title-buttons{display:grid;gap:12px;margin-top:30px}.primary,.quiet,.choice{min-height:52px;border:1px solid var(--line);border-radius:4px;padding:15px 19px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.45;transition:background .18s,transform .18s}.primary{background:#c5ab77;color:#172322;font-weight:650;box-shadow:inset 0 0 0 3px #19252120}.primary:hover{background:#dec799}.quiet{background:#152623b0}.quiet:hover,.choice:hover{background:#364239}.text-button{min-height:44px;background:transparent;color:var(--gold);padding:10px 0;text-decoration:underline;text-underline-offset:5px}.smallprint{font-size:.75rem;line-height:1.7;color:var(--muted);margin:25px 0 8px}.edition{position:absolute;bottom:20px;left:28px;font-size:.6rem;letter-spacing:.18em;color:#ddd4ba}
.game-shell{max-width:1500px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.topbar{height:66px;display:flex;align-items:center;gap:20px;padding:0 30px;border-bottom:1px solid var(--line);background:#111f1f}.wordmark{background:transparent;display:flex;align-items:center;gap:10px;font-family:var(--serif);letter-spacing:.12em;color:var(--gold);min-height:44px}.chapter{font-size:.65rem;letter-spacing:.2em;color:var(--muted);margin-left:auto}.icon-button{width:46px;height:46px;display:grid;place-items:center;position:relative;background:transparent;color:var(--gold);border-radius:50%}.icon-button:hover{background:#ffffff10}.off-slash{position:absolute;height:30px;width:2px;transform:rotate(45deg);background:var(--gold);box-shadow:0 0 0 2px #152322}.play-layout{display:grid;grid-template-columns:minmax(340px,1.25fr) minmax(340px,1fr);flex:1}.scene-column{position:relative;background:#162323;display:flex;flex-direction:column;align-items:center;overflow:hidden}.scene-heading{position:absolute;top:0;left:0;right:0;padding:27px 32px 50px;z-index:3;pointer-events:none;background:linear-gradient(#091411e6,transparent)}.scene-heading span{font-size:.65rem;text-transform:uppercase;letter-spacing:.23em;color:var(--gold)}.scene-heading h1{font-size:1.7rem;margin:8px 0 0;text-shadow:0 2px 12px #000}.scene-frame{position:relative;width:min(100%,530px);aspect-ratio:2/3;isolation:isolate;overflow:hidden}.scene-art{display:block;width:100%;height:100%;object-fit:cover}.scene-column:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse,#304139,#101d1d)}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:46px;height:46px;border:1px solid #d8bb82aa;border-radius:50%;background:#172822d9;color:#f1dba9;display:grid;place-items:center;box-shadow:0 0 0 5px #ead09e13,0 4px 16px #0006;z-index:4}.hotspot:hover,.hotspot:focus-visible{background:#48503b}.hotspot.found{border-color:#c8d0b388;color:#c1cfb5}.hotspot span{display:none;position:absolute;bottom:52px;width:max-content;max-width:180px;padding:8px 10px;background:#10211ef2;border:1px solid var(--line);font-size:.72rem;line-height:1.3;border-radius:3px}.hotspot.hinted span,.hotspot:focus-visible span{display:block}.hint-toggle{position:absolute;right:16px;bottom:16px;background:#10211fe6;padding:9px 12px;min-height:44px;display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:3px;font-size:.7rem;z-index:4}.hint-toggle svg{width:19px}.light-glow{position:absolute;pointer-events:none;z-index:1;width:24%;aspect-ratio:1;left:22%;top:9%;border-radius:50%;background:radial-gradient(#ffc05b36,transparent 65%);mix-blend-mode:screen;animation:flicker 4.8s infinite alternate}.light-glow.bridge{left:71%;top:10%}.light-glow.tavern{left:0;top:0;width:35%}.mist{position:absolute;pointer-events:none;inset:55% -20% 0;background:radial-gradient(ellipse at 60% 80%,#bad8d90f,transparent 60%);animation:drift 16s ease-in-out infinite alternate}.story-column{padding:35px 38px 20px;background:linear-gradient(130deg,#24332d,#122220 70%);display:flex;flex-direction:column;border-left:1px solid var(--line)}.case-status{display:flex;align-items:center;gap:20px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:30px}.case-status>span{font-size:.65rem;letter-spacing:.23em;color:var(--gold)}.progress{display:flex;gap:7px}.progress i{width:18px;height:3px;background:#b6a16c30}.progress .done{background:var(--gold)}.story-content{animation:reveal .24s ease-out}.speaker{display:flex;gap:12px;align-items:center;margin-bottom:20px;color:var(--gold)}.speaker svg{width:22px}.speaker h2{font-size:1.4rem;margin:0}.speaker h2:focus{outline:0}.narration{font-family:var(--serif);font-size:1.14rem;line-height:1.72;color:#e1dbc9;white-space:pre-line}.choices{display:grid;gap:10px;margin:23px 0}.choice{width:100%;font-size:.9rem;background:#091d1966;border-color:#c5ab7745;min-height:52px}.choice svg{width:19px;color:var(--gold)}.current-task{margin-top:auto;padding:24px 0 0;border-top:1px solid var(--line)}.current-task>span{font-size:.61rem;letter-spacing:.2em;color:var(--gold)}.current-task p{font-size:.85rem;margin:8px 0;color:var(--muted)}.save-note{font-size:.62rem;color:#8f9a8d;margin-top:12px}.bottom-nav{display:flex;justify-content:center;gap:25px;padding:9px 20px calc(9px + env(safe-area-inset-bottom));background:#10201eeF;border-top:1px solid var(--line);position:sticky;bottom:0;z-index:8;backdrop-filter:blur(16px)}.nav-item{display:flex;align-items:center;gap:10px;justify-content:center;min-width:140px;min-height:48px;background:transparent;color:var(--gold);border-radius:4px}.nav-item:hover{background:#ffffff09}.nav-item span{font-size:.76rem;letter-spacing:.02em}.nav-item b{font-size:.62rem;background:#3b4839;border-radius:9px;padding:2px 5px;margin-left:2px}
dialog{color:var(--paper);background:linear-gradient(140deg,#2b3830,#12231f);border:1px solid #bda36c88;box-shadow:0 20px 100px #0008;border-radius:8px;width:min(600px,calc(100% - 24px));max-height:88dvh;padding:28px;overscroll-behavior:contain}dialog::backdrop{background:#061112cc;backdrop-filter:blur(5px)}dialog[open]{animation:reveal .2s ease-out}.sheet-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:24px;gap:10px}.sheet-header h2{font-size:1.6rem;margin:7px 0 0}.sheet-header .icon-button{margin-right:-10px;flex-shrink:0}.muted{color:var(--muted);font-size:.86rem}.locations{display:grid;gap:12px}.location{display:flex;align-items:center;text-align:left;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:#10201e;gap:16px;min-height:115px}.location>img{width:84px;height:120px;object-fit:cover}.location>span{flex:1;display:grid;gap:8px;padding:12px 0}.location small{color:var(--gold);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}.location strong{font-family:var(--serif);font-weight:400;font-size:1.08rem}.location span span{font-size:.7rem;color:var(--muted)}.location>svg{margin-right:15px;width:18px}.location:disabled{opacity:.42;filter:grayscale(.8)}.location.selected{border-color:var(--gold)}.clue-list{list-style:none;padding:0;display:grid;gap:15px}.clue-list li{padding:17px 20px;border-left:2px solid var(--gold);background:#0a1b174d}.clue-list small{font-size:.61rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.clue-list h3{font-size:1.2rem;margin:7px 0}.clue-list p{font-size:.87rem;margin:0;color:#c9cdbb}.empty{text-align:center;padding:35px 20px;color:var(--muted)}.empty svg{height:44px;width:44px;color:var(--gold);margin-bottom:20px}.inventory-item{display:flex;gap:18px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.inventory-item>svg{color:var(--gold);margin-top:3px}.inventory-item h3{margin:0 0 8px}.inventory-item p{font-size:.87rem;color:var(--muted);margin:0}.name-label{display:block;margin:22px 0 10px;font-size:.87rem}.name-label span{color:var(--muted)}input{background:#0b1b18;color:var(--paper);border:1px solid var(--line);border-radius:4px;width:100%;padding:14px;min-height:48px}.modal-actions{display:grid;gap:10px;margin-top:25px}.letter{background:#d3c4a0;color:#333727;padding:25px;box-shadow:inset 0 0 50px #63532830;margin-bottom:22px;font-family:var(--serif);border-radius:2px}.letter small{font-family:system-ui;font-size:.67rem}.letter p{margin-top:20px}.signature{font-style:italic;font-size:1.3rem}.book-intro{text-align:center}.book-intro>svg{width:40px;height:40px;color:var(--gold);margin-bottom:15px}.book-intro h3{font-size:1.8rem}.ending-screen{min-height:100svh;background:#12201e;position:relative;padding:70px 25px}.ending-art{position:absolute;inset:0;background:linear-gradient(#101d1ecf,#101d1ef7 65%),url('assets/courier.webp') center 35%/cover}.ending-content{position:relative;max-width:590px;margin:auto;text-align:center}.ending-content h1{font-size:clamp(42px,7vw,75px);line-height:1.1;margin:24px 0}.ending-content>p{color:#c8cbbb;font-family:var(--serif);font-size:1.13rem}.ending-content blockquote{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:30px 0;padding:28px 0;font-family:var(--serif);font-size:1.35rem;color:var(--gold);line-height:1.5}.book-card{border:1px solid var(--line);background:#28332ac9;padding:30px;margin:30px 0 20px}.book-card>svg{display:block;margin:0 auto 15px;color:var(--gold);width:34px;height:34px}.book-card>span{font-size:.58rem;letter-spacing:.2em;color:var(--gold)}.book-card h2{font-size:2rem;margin:18px 0}.book-card p{color:var(--muted);font-size:.8rem}.book-card .primary{margin:20px auto 0;width:100%}.ending-content>.quiet{width:100%;justify-content:center}.ending-content>small{display:block;color:var(--muted);font-size:.68rem;margin-top:20px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:30;width:max-content;max-width:calc(100% - 32px);padding:13px 20px;background:#decda7;color:#192824;border:1px solid #c5aa70;border-radius:4px;box-shadow:0 6px 30px #0006;font-size:.85rem;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}
@keyframes flicker{0%,30%,70%,100%{opacity:.5}25%,65%{opacity:1}40%,80%{opacity:.7}}@keyframes drift{from{transform:translateX(-4%)}to{transform:translateX(5%)}}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:761px){.cover{object-position:50% 0}}
@media(min-width:1100px){.scene-frame{max-height:calc(100svh - 135px);width:auto;min-height:620px}.story-column{padding:38px 55px 25px}.story-content{max-width:490px}.current-task{max-width:490px}}
@media(max-width:760px){.title-screen{align-items:flex-end;min-height:100svh}.cover{width:100%;height:100%;object-position:50% 20%}.title-shade{background:linear-gradient(0deg,#0d1c1dfc 0%,#0d1c1de0 29%,#0d1c1d30 70%,#0d1c1d40)}.title-content{width:100%;max-width:none;margin:34svh 26px 42px}.title-content>.eyebrow{font-size:.59rem;letter-spacing:.18em}.brand{font-size:27px;margin:15px 0;gap:8px}.brand svg{width:28px;height:28px}.rule{margin:16px 0;width:58px}.title-content h1{font-size:45px;margin-bottom:18px}.title-content p{font-size:.9rem;line-height:1.5;margin-bottom:0}.title-buttons{margin-top:22px}.smallprint{font-size:.66rem;margin-top:17px}.edition{display:none}.topbar{height:57px;padding:0 15px;gap:8px}.wordmark{font-size:.95rem;padding:0;gap:7px}.wordmark svg{width:20px}.chapter{font-size:.48rem;letter-spacing:.09em}.topbar>.icon-button{margin-left:auto;width:44px;flex-shrink:0}.play-layout{display:block}.scene-column{display:block}.scene-frame{width:100%;aspect-ratio:2/3;max-height:initial}.scene-column{max-height:68svh;overflow:hidden}.scene-frame{margin-top:-7%}.scene-heading{padding:18px 20px 40px}.scene-heading h1{font-size:1.4rem}.scene-heading span{font-size:.59rem}.hint-toggle{position:fixed;display:none}.hotspot{width:44px;height:44px}.story-column{padding:22px 23px 18px;border-left:0;border-top:1px solid var(--line)}.case-status{margin-bottom:19px;padding-bottom:14px}.speaker{margin-bottom:13px}.speaker h2{font-size:1.3rem}.narration{font-size:1.07rem;line-height:1.63}.choices{margin:18px 0;gap:9px}.choice{padding:14px 16px;font-size:.86rem}.current-task{padding-top:18px}.save-note{display:none}.bottom-nav{gap:0;padding-left:6px;padding-right:6px;justify-content:space-around}.nav-item{min-width:0;flex:1;gap:6px;flex-direction:column;padding:4px 0;min-height:53px}.nav-item svg{width:23px;height:23px}.nav-item span{font-size:.64rem}.nav-item b{font-size:.56rem}.scene-frame:after{content:'';position:absolute;inset:75% 0 0;pointer-events:none;background:linear-gradient(transparent,#15252266)}dialog{padding:22px 20px;border-radius:8px;max-height:88dvh}.sheet-header h2{font-size:1.4rem}.location{gap:12px}.location strong{font-size:1rem}.location img{width:72px}.letter{padding:20px}.ending-screen{padding:48px 22px}.ending-content>p{font-size:1.05rem}.book-card{padding:25px 20px}.book-card h2{font-size:1.7rem}}
@media(max-width:370px){.chapter{display:none}.title-content{margin-left:20px;margin-right:20px}.brand{font-size:24px}.title-content h1{font-size:40px}.story-column{padding-left:18px;padding-right:18px}.location>svg{display:none}.location>span{padding-right:9px}}
/* The ornaments are restrained so that the text and the portraits remain legible. */
.brand-logo{display:block;width:100%;max-width:350px;height:auto;filter:invert(1) sepia(.5) saturate(.7);mix-blend-mode:screen}.wordmark .brand-logo{width:170px}.book-logo{width:100%;max-width:410px;margin:8px auto 25px;filter:invert(1) sepia(.5) saturate(.7);mix-blend-mode:screen}.book-link{text-decoration:none;margin:24px 0 15px;text-align:left}.book-link:focus-visible{outline:3px solid white;outline-offset:4px}.book-intro>p{font-size:.94rem}.book-intro .smallprint{font-size:.74rem}
.story-column{background-image:url('assets/roots.svg'),linear-gradient(130deg,#25372f,#122220 70%);background-size:100% 100%,auto}.story-content{width:100%;max-width:none}.story-column,.sheet-header{position:relative}dialog{background-image:url('assets/roots.svg'),linear-gradient(140deg,#2b3830,#12231f);background-size:100% auto,auto;border-radius:14px 4px 14px 4px;scrollbar-color:#857754 #162522}.sheet-header:after{content:'◆';position:absolute;bottom:-7px;left:48%;background:#24342b;color:var(--gold);font-size:10px;padding:0 8px}.choice{border-radius:2px 10px 2px 10px;box-shadow:inset 0 1px #c5ab770b;transition:background .18s,transform .18s,border-color .18s}.choice:hover{transform:translateX(3px);border-color:#c5ab77}.choice:active,.nav-item:active{transform:scale(.985)}.primary{border-radius:2px 12px 2px 12px}.topbar .chapter{letter-spacing:.11em}.case-status{gap:10px}.progress{gap:4px}.progress i{width:12px}.current-task{max-width:none}
.dialogue-portraits{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:8px;margin:-8px -8px 22px}.dialogue-portraits figure{min-width:0;margin:0}.dialogue-portraits button{display:block;width:100%;padding:0;background:#152220;border:1px solid #bca16d66;border-radius:3px 18px 3px 18px;overflow:hidden;min-height:44px}.dialogue-portraits img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .3s}.dialogue-portraits button:hover img{transform:scale(1.025)}.dialogue-portraits figcaption{font-size:.69rem;color:#d6c49a;text-align:center;margin-top:8px;line-height:1.4}.portrait-divider{color:#aa9160;text-align:center;font-size:12px}.portrait-large{width:100%;display:block;border-radius:6px}.speaker{margin-bottom:16px}.narration{font-size:1.08rem;line-height:1.75}.story-content{scroll-margin-top:20px}
.courier-selection{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;padding:0;margin:25px 0}.courier-selection legend{font-family:var(--serif);font-size:1.3rem;margin-bottom:15px;color:var(--gold)}.courier-option{display:flex;flex-direction:column;position:relative;background:#0d1e1b;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer}.courier-option:has(input:checked){border-color:#e5c78b;box-shadow:0 0 20px #b69c5c22}.courier-option:has(input:focus-visible){outline:3px solid #fff;outline-offset:4px}.courier-option img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.courier-option input{position:absolute;top:10px;left:10px;width:22px;height:22px;min-height:0;accent-color:#d1b77e}.courier-option span{text-align:center;padding:14px;color:var(--gold)}input[type=range]{padding:8px 0;accent-color:#cbb17d}
.particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particles i{position:absolute;left:var(--px);top:var(--py);width:3px;height:3px;border-radius:50%;background:#efe0a1;box-shadow:0 0 7px 2px #e8c66d55;opacity:0;animation:firefly var(--duration) var(--delay) infinite ease-in-out}.scene-art{animation:scene-breath 24s ease-in-out infinite alternate;transform-origin:center 65%}.light-glow{animation-duration:3.7s}.locations{gap:10px}.location{transition:background .2s,border-color .2s}.location:hover{background:#28382c}.location img{transition:transform .4s}.location:hover img{transform:scale(1.04)}.nav-item{min-width:120px}.bottom-nav{gap:12px}.book-card{border-radius:12px 3px 12px 3px;background-image:url('assets/roots.svg');background-size:100% 100%}.book-card .book-logo{display:block}.book-card h3{font-size:1.8rem}.ending-art{background-image:linear-gradient(#101d1ecf,#101d1ef7 65%),url('assets/v3-newspaper.webp')}
@keyframes firefly{0%,100%{opacity:0;transform:translate(0,0)}25%{opacity:.8}60%{opacity:.18}75%{opacity:.7;transform:translate(17px,-24px)}}@keyframes scene-breath{from{transform:scale(1)}to{transform:scale(1.018)}}
@media(min-width:1100px){.story-column{padding:30px 38px 25px}.dialogue-portraits{max-width:460px;margin-left:auto;margin-right:auto}.scene-column{position:sticky;top:0;align-self:start}.scene-frame{min-height:600px;max-height:calc(100svh - 135px)}.play-layout{grid-template-columns:minmax(340px,1fr) minmax(420px,1fr)}}
@media(max-width:760px){.wordmark .brand-logo{width:135px}.topbar .chapter{font-size:.47rem}.dialogue-portraits{gap:6px;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr);margin:0 0 22px}.dialogue-portraits img{max-height:210px;object-position:center 30%}.dialogue-portraits figcaption{font-size:.67rem}.courier-selection{gap:10px}.courier-option span{padding:12px 5px;font-size:.9rem}.bottom-nav{gap:0}.nav-item{min-width:0}.nav-item span{font-size:.61rem}.book-card{padding:25px 18px}.book-intro>p{font-size:.88rem}.narration{font-size:1.06rem}.scene-column{max-height:58svh}.story-column{background-size:100% 100%}.story-content{scroll-margin-top:16px}.case-status>span{font-size:.57rem;letter-spacing:.1em}.scene-heading h1{max-width:90%}.location strong{overflow-wrap:anywhere}}
.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}.gallery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.gallery-tabs button{justify-content:center;padding:12px 8px}.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:15px}.art-gallery>button{padding:0;background:#101e1c;border:1px solid #bca16d66;border-radius:3px 15px 3px 15px;overflow:hidden;min-width:0;text-align:left}.art-gallery img{display:block;width:100%;height:auto}.art-gallery span{display:block;padding:12px;font-family:var(--serif);color:var(--gold);font-size:1rem;line-height:1.4}.art-gallery>button:hover{border-color:#e4c382}.title-content>.text-button{display:block}.portrait-large+.quiet{margin-top:20px;width:100%;justify-content:center}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}