@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--gold:#e8c48b;--ink:#f4eee1;--muted:#b3bbb6;--bg:#081317}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'DM Sans',sans-serif}button,a,canvas,select{touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:transparent;border:1px solid #ffffff32;padding:10px 16px}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--gold);border-color:var(--gold)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,p{margin:0}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:2.7px;text-transform:uppercase;color:var(--gold);font-weight:600}h1,h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:.95}em{font-weight:400;color:var(--gold)}.gold{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--gold);border:1px solid var(--gold);color:#192024;padding:16px 26px;font-size:13px;font-weight:600}.gold:hover{background:#f6d7a1;color:#192024}.quiet{border:0;border-bottom:1px solid #ffffff40;padding:7px 0;font-size:12px}.title-paint,.title-shade{position:absolute;inset:0;background:url('./assets/village.png') center/cover}.title-paint{animation:drift 35s ease-in-out infinite alternate}.title-shade{background:linear-gradient(90deg,#061218ed,#06121899 48%,#06121808),linear-gradient(0deg,#061218,transparent 45%)}#title-screen{min-height:100svh;position:relative;overflow:hidden;display:flex;flex-direction:column}.title-nav{position:relative;display:flex;justify-content:space-between;align-items:center;padding:27px 4vw;gap:15px}.title-nav>a{font-size:10px;letter-spacing:2px}.title-nav button{font-size:11px;border-color:#a7b1a649;background:#0c1a1ba0}.title-copy{position:relative;padding:20px 8vw 35px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.title-copy h1{font-size:clamp(86px,9vw,142px);margin:24px 0 30px;letter-spacing:-3px}.title-line{font-family:Georgia,serif;font-size:19px;line-height:1.6;color:#d3d4c9}.start-actions{margin-top:32px;display:flex;gap:25px;align-items:center}.experience{font-size:11px;color:var(--muted);margin-top:20px}#entry-status{font-size:11px;max-width:430px;color:#b5c7c2;margin-top:14px}.title-foot{position:relative;display:flex;justify-content:space-between;gap:15px;padding:20px 4vw;border-top:1px solid #ffffff19;font-size:8px;letter-spacing:2px;color:var(--muted)}.title-foot button{border:0;padding:0;font-size:10px}#game{position:fixed;inset:0;overflow:hidden;background:#071115}#world{width:100%;height:100%;display:block;cursor:crosshair;outline-offset:-4px}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 130px #0008;background:linear-gradient(180deg,#061017b5,transparent 30%,transparent 68%,#061017d9)}.story-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;align-items:flex-start;pointer-events:none}.story-header>div{pointer-events:auto}.story-header .eyebrow{font-size:8px}.story-header h2{font-size:27px;line-height:1.15;margin-top:7px;text-shadow:0 2px 8px #000}.header-actions{display:flex;gap:8px}.header-actions button{font-size:10px;padding:9px 12px;background:#0b191c90;min-height:37px}.header-actions button[aria-pressed=true]{border-color:#c69a63;color:var(--gold)}#hotspots{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;transform:translate(-50%,-100%);border:0;background:transparent;text-align:center;padding:10px;min-width:44px}.hotspot .sigil{display:block;width:26px;height:26px;margin:0 auto 6px;border:1px solid #efcf8a;border-radius:50%;background:#0c1a20b0;color:#ffe5a6;font:20px/24px Georgia,serif;box-shadow:0 0 22px #ffc76b24}.hotspot .label{display:block;padding:4px 9px;background:#09161bd9;border:1px solid #d2b58144;border-radius:3px;white-space:nowrap;font-size:10px;color:#e8d9b9}.hotspot:hover .sigil,.hotspot:focus-visible .sigil{background:#d6b476;color:#132124}.hotspot:hover .label{color:white}#explore-ui{position:absolute;bottom:27px;left:4%;right:4%;text-align:center;pointer-events:none}#objective{color:#f0e2ca;text-shadow:0 2px 5px #000;font-size:14px;margin-bottom:13px}#destinations{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;pointer-events:auto}#destinations button{font-size:10px;background:#0a1a20e3;border-color:#d1b37e55;padding:8px 13px;min-height:35px}.controls{font-size:8px;letter-spacing:1.4px;color:#b4bdb6;margin-top:12px}#lift{position:absolute;right:0;bottom:0;pointer-events:auto;background:#294137;font-size:11px}#lift span{margin-left:12px;color:var(--gold)}#dialogue{position:absolute;bottom:0;left:0;right:0;padding:35px max(6vw,calc((100vw - 1000px)/2)) 28px;background:linear-gradient(0deg,#061115 82%,#061115f5 94%,#06111500);min-height:235px;border-bottom:1px solid #b49353;animation:dialogue-in .5s ease both}.dialogue-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}#line-count{font-size:9px;color:#8faaa5}#words{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(23px,2.5vw,34px);line-height:1.35;color:#f0ece1;text-wrap:pretty;min-height:2.7em}.dialogue-actions{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}#reading-note{font-size:9px;color:#8faaa5}.next{font-size:12px;border:0;border-bottom:1px solid #d2aa65;padding:8px 0 7px 20px;min-width:120px;color:var(--gold)}.next span{margin-left:25px}#save-status{position:absolute;left:15px;bottom:6px;max-width:55%;font-size:8px;color:#91a29e;pointer-events:none;z-index:4}#notice{position:absolute;left:50%;top:20%;transform:translateX(-50%);max-width:85%;padding:10px 20px;background:#0a2024e8;border:1px solid #bd9b5a55;font-size:12px;opacity:0;pointer-events:none;transition:opacity .4s}#notice.show{opacity:1}#chapter-card{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:15px;pointer-events:none;background:#06111550;opacity:0;transition:opacity 1s}#chapter-card.show{opacity:1}#chapter-card span{font:12px Georgia,serif;color:var(--gold);letter-spacing:8px}#chapter-card strong{font:400 clamp(30px,4vw,58px) 'Cormorant Garamond',Georgia,serif;text-align:center;padding:0 20px}#fade{position:absolute;inset:0;background:#071317;z-index:8;opacity:0;pointer-events:none;transition:opacity .9s}#fade.on{opacity:1;pointer-events:auto}#end-card{position:absolute;inset:0;padding:80px 6vw 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(90deg,#061115ca,#06111555,#061115ba);overflow:auto}#end-card h2{font-size:clamp(50px,8vw,100px);margin-top:27px}#end-card>p:not(.eyebrow){font:24px 'Cormorant Garamond',Georgia,serif;color:#e8d4b3;margin-top:22px}#end-card #end-memory{max-width:520px;font:13px/1.7 'DM Sans',sans-serif;color:#d8d8c8}#end-card>div{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:30px}#end-card small{font-size:9px;letter-spacing:2px;margin-top:45px}dialog{width:min(650px,92vw);max-height:88svh;overflow:auto;color:var(--ink);background:#102025;border:1px solid #9f8251;padding:42px;box-shadow:0 20px 150px #000b}dialog::backdrop{background:#020b10a0;backdrop-filter:blur(5px)}#modal-close{position:absolute;top:8px;right:9px;border:0;font-size:24px;padding:0 10px}dialog h2{font-size:44px;line-height:1.1;margin-bottom:20px}dialog p{color:#c8cdc1;font-size:14px;margin-bottom:20px}dialog .modal-actions{display:flex;gap:15px;flex-wrap:wrap}dialog .choice{display:block;width:100%;text-align:left;margin:12px 0;padding:18px;background:#1c3033;border-color:#b2996655}dialog .choice strong{display:block;font:25px 'Cormorant Garamond',Georgia,serif;color:var(--gold)}dialog .choice small{display:block;font-size:12px;color:#c6cabc;margin-top:7px}dialog .fine{font-size:11px;color:#9fb0a9}dialog a{text-decoration:underline;color:var(--gold)}.key-note{font-size:11px!important}@keyframes drift{from{transform:scale(1)}to{transform:scale(1.045)}}@keyframes dialogue-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.title-nav{padding:18px 5vw}.title-nav>a{font-size:8px;letter-spacing:1px}.title-nav button{max-width:140px;padding:8px;font-size:10px}.title-copy{padding:35px 8vw 45px}.title-copy .eyebrow{font-size:8px;letter-spacing:1.8px}.title-copy h1{font-size:94px;letter-spacing:-2px;margin:25px 0}.title-line{font-size:17px}.start-actions{gap:15px;flex-wrap:wrap}.start-actions .gold{padding:15px 22px}.title-foot{padding:17px 6vw;align-items:center}.title-foot>span:last-child{display:none}.title-paint{background-position:57% center}.title-shade{background:linear-gradient(90deg,#061218df,#06121860),linear-gradient(0deg,#061218,transparent 60%)}.story-header{padding:15px 4vw;gap:10px;align-items:flex-start}.story-header h2{font-size:24px;max-width:165px}.header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:170px}.header-actions button{font-size:9px;padding:7px 8px;min-height:36px}#voice{order:3}.story-header .eyebrow{font-size:7px;letter-spacing:1.8px}#dialogue{padding:28px 7vw 28px;min-height:270px;max-height:66svh;overflow:auto}#words{font-size:25px;line-height:1.3}.dialogue-top{margin-bottom:14px}#speaker{font-size:8px;letter-spacing:1.8px}#reading-note{font-size:8px;max-width:145px}.dialogue-actions{margin-top:16px;gap:10px}.next{min-width:110px;font-size:12px}#explore-ui{bottom:25px;left:5%;right:5%}#objective{font-size:12px;line-height:1.5;margin-bottom:10px}#destinations{gap:7px}#destinations button{min-height:40px;padding:8px;font-size:9px}.controls{font-size:7px;letter-spacing:1px}.controls span{display:none}.hotspot .label{font-size:8px;max-width:155px;white-space:normal}.hotspot .sigil{width:22px;height:22px;font-size:18px;line-height:20px}#lift{position:static;margin:9px auto 0;padding:7px 15px;min-height:36px}#end-card{padding:70px 7vw 40px;justify-content:flex-start}#end-card h2{font-size:64px}#end-card>div{gap:15px;flex-direction:column}#end-card .gold{font-size:11px;gap:15px}#end-card small{margin-top:28px}dialog{padding:35px 25px}dialog h2{font-size:36px}dialog p{font-size:13px}dialog .choice strong{font-size:22px}.vignette{box-shadow:inset 0 0 80px #0006}}@media(max-height:550px) and (min-width:700px){.story-header{padding-top:12px}#dialogue{padding-top:22px;padding-bottom:18px;min-height:180px}#words{font-size:23px}.dialogue-actions{margin-top:8px}.title-copy h1{font-size:80px;margin:15px 0}.title-copy{padding-top:10px}.title-line{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep the shared player available without covering the story's Continue button. */
body > .sz-player-button{top:92px;bottom:auto;right:4vw;z-index:6;max-width:180px;background:#0b191cdb;color:#d9dfd4;border:1px solid #b99b6655;border-radius:3px;padding:6px 10px;font:10px 'DM Sans',sans-serif;box-shadow:none;gap:7px}body > .sz-player-button .sz-player-avatar{width:20px;height:20px;flex-shrink:0}body:has(#title-screen:not([hidden])) > .sz-player-button{display:none}.title-nav [data-swezeebra-player]{display:inline-flex;align-items:center;gap:8px}@media(max-width:700px){body > .sz-player-button{top:107px;max-width:165px;right:4vw}}
.music-start{display:flex;align-items:center;gap:9px;margin-top:15px;color:#c2c9ba;font-size:11px}.music-start input{accent-color:#d9b374;width:16px;height:16px}#reading-note{display:flex;align-items:center;gap:12px}#rehear{border:1px solid #a68b5555;border-radius:50%;font-size:20px;line-height:1;padding:3px 7px;min-width:32px;min-height:32px;color:#d3b57e}.audio-settings{display:grid;gap:20px;margin-top:25px}.audio-settings label{display:block;color:#d7dece;font-size:12px}.audio-settings select{display:block;width:100%;margin-top:8px;color:var(--ink);background:#172d31;border:1px solid #9b8756;padding:10px}.audio-settings input[type=range]{display:block;width:100%;margin-top:10px;accent-color:var(--gold)}.audio-settings input[type=checkbox]{accent-color:var(--gold);margin-right:10px}.cinema-bars{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(#03090dcc 0 26px,transparent 27px calc(100% - 28px),#03090dcc calc(100% - 27px));transition:opacity 1.2s}.cinematic .cinema-bars{opacity:1}#cinematic-caption{position:absolute;top:22%;left:15%;right:15%;text-align:center;font:29px/1.3 'Cormorant Garamond',Georgia,serif;color:#f9e4bd;text-shadow:0 2px 18px #000;pointer-events:none}.cinematic .story-header{opacity:.65}#dialogue[data-speaker='The Light'] #speaker{color:#ffe2a5}@media(max-width:700px){#cinematic-caption{font-size:24px;left:10%;right:10%;top:25%}#reading-note{max-width:160px;gap:8px}#rehear{font-size:19px;min-width:30px;min-height:30px}}