:root{color-scheme:dark;--ink:#e8e7dc;--dim:#a9b8ba;--gold:#dab477;--story-size:19px}*{box-sizing:border-box}body{margin:0;background:#0a151c;color:var(--ink);font:15px/1.6 system-ui,sans-serif;background-image:radial-gradient(ellipse at 80% 0%,#2a424c 0,transparent 58%),linear-gradient(145deg,#182b33,#081218);min-height:100vh}.layout{position:relative;max-width:1440px;margin:auto;padding:22px 44px 12px}.mist{position:fixed;inset:0;pointer-events:none;opacity:.13;background:radial-gradient(ellipse at 20% 70%,#d4e4dd,transparent 50%);filter:blur(30px)}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #53626755;padding-bottom:16px}.brand{color:var(--gold);font:600 21px Georgia,serif;letter-spacing:4px;text-decoration:none}.brand span{display:block;font:9px system-ui;letter-spacing:2px;color:var(--dim);margin-top:4px}.edition{font-size:10px;letter-spacing:2px;color:var(--dim)}.edition span{display:block;text-align:right;color:var(--gold);margin-top:4px}.masthead{display:flex;justify-content:space-between;align-items:center;padding:23px 0 26px}.eyebrow,.label{font-size:10px;letter-spacing:2px;color:var(--gold);margin:0 0 8px}h1{font:normal clamp(32px,3.8vw,55px)/1.1 Georgia,serif;margin:0}h1 em{color:var(--gold);font-weight:normal}.tagline{margin:10px 0 0;color:var(--dim);font:italic 16px Georgia,serif}.dawn{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--dim)}.dawn p{margin:0}.dawn strong{color:var(--gold);font-weight:400}.sun{font-size:46px;color:var(--gold)}main{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px}aside{padding:20px 0;color:var(--dim);font-size:13px}h2{color:var(--ink);font:normal 25px Georgia,serif;margin:0 0 14px}aside>p{margin:0 0 14px}.rule{height:1px;background:#768e9440;margin:22px 0}button{font:inherit;cursor:pointer;border:1px solid #78909955;border-radius:4px;background:#23343c;color:var(--ink);padding:8px 12px;transition:background .15s}button:hover{background:#3a5058;color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.compass{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 22px}.north{grid-column:2}.west{grid-column:1;grid-row:2}.center{grid-column:2;grid-row:2;text-align:center;padding-top:8px;color:var(--gold)}.east{grid-column:3;grid-row:2}.south{grid-column:2;grid-row:3}.commands{display:grid;grid-template-columns:1fr 1fr;gap:7px}.reassurance{font-size:12px;margin-top:17px!important;color:#9eafae}details{border-top:1px solid #768e9440;padding-top:12px}summary{cursor:pointer;color:var(--gold)}code{font-size:12px;color:var(--ink)}.reader{min-width:0;box-shadow:0 18px 60px #0005;border:1px solid #6c858655;border-radius:6px;overflow:hidden;background:#101d24;display:flex;flex-direction:column;height:clamp(450px,calc(100dvh - 266px),900px)}.reader-bar{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1c3038;font-size:10px;letter-spacing:1.5px;color:#bdc8c4}.reader-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin-right:7px}.reader-bar button{padding:3px 8px;font-size:12px;letter-spacing:0}#gameport{position:relative;flex:1;min-height:0;width:100%;background:#101d24}#windowport{height:100%;width:100%}.WindowFrame{background:#101d24;color:var(--ink)}.BufferWindow{font-family:Georgia,'Times New Roman',serif;font-size:var(--story-size);line-height:1.65;padding:18px 25px;scrollbar-color:#54676b #101d24}.GridWindow{background:#192b32;color:#b8ccca;font-size:13px;padding:8px 16px}.Input{background:transparent!important;color:var(--gold)!important;font-family:inherit!important;font-size:inherit!important}.Style_input{color:var(--gold)}.Style_header{color:var(--gold)}.MorePrompt{background:#29414b;color:var(--gold)}.reader-footer{padding:10px 14px;border-top:1px solid #6c858633;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:var(--dim)}.reader-footer div{display:flex;gap:5px}.reader-footer button{font-size:12px;padding:5px 9px}footer{display:flex;justify-content:space-between;align-items:center;color:#8ea4aa;font-size:11px;padding:16px 0}a{color:var(--gold)}footer button{background:none;border:none;font-size:11px;color:var(--dim);padding:0}dialog{max-width:520px;width:calc(100% - 32px);background:#192b32;color:var(--ink);border:1px solid #7f999e;border-radius:8px;padding:30px}dialog::backdrop{background:#000a}#errorpane{z-index:20;background:#6b2525;color:#fff}#loadingpane{color:var(--gold)}
@media(max-width:850px){.layout{padding:16px 20px}.dawn{display:none}main{grid-template-columns:170px minmax(0,1fr);gap:18px}.reader-footer{flex-wrap:wrap}.BufferWindow{padding:14px 16px}.edition{font-size:8px}.reader{height:calc(100dvh - 250px);min-height:430px}}
@media(max-width:600px){.layout{padding:14px 12px}.edition{display:none}.masthead{padding:18px 0}.eyebrow{font-size:8px}h1{font-size:34px}.tagline{font-size:14px}main{display:flex;flex-direction:column;gap:12px}.reader{order:0;height:65dvh;min-height:390px}aside{order:1;padding:4px 0;display:grid;grid-template-columns:115px 1fr;gap:12px}aside>p,aside>h2,aside>.rule{display:none}.compass{margin:0;gap:4px}.compass button{padding:6px 3px}.commands{grid-template-columns:repeat(3,1fr);align-content:center;gap:5px}.commands button{font-size:12px;padding:9px 3px}aside details{grid-column:1/-1}.reader-bar{padding:0 10px;font-size:8px}.reader-footer{padding:8px;font-size:10px}.reader-footer div{margin-left:auto}.BufferWindow{font-size:var(--story-size);padding:12px}.GridWindow{font-size:11px;padding:6px}footer{gap:15px;font-size:10px}.brand{font-size:19px}}
#dialog{max-width:calc(100% - 24px);margin-top:40px;background:#e9e6dc;color:#172b34;color-scheme:light;border-color:#8e9a99}#dialog input,#dialog select{color:#172b34;background:#fff}#dialog button{color:#172b34;background:#d0d9d7}#dialog_frame{z-index:40}#dialog_screen{z-index:39}
/* Animated fog: three drifting layers behind the reading surface. */
body{isolation:isolate}.layout{z-index:1}.mist{z-index:0;inset:0;overflow:hidden;opacity:1;filter:none;background:linear-gradient(0deg,rgba(177,201,206,.15),transparent 42%);pointer-events:none}.mist::before,.mist::after{content:"";position:absolute;inset:-12% -35%;pointer-events:none;will-change:transform;filter:blur(22px);background-repeat:no-repeat}.mist::before{background-image:radial-gradient(ellipse at 15% 83%,rgba(207,224,226,.42) 0,rgba(181,207,215,.18) 22%,transparent 47%),radial-gradient(ellipse at 63% 68%,rgba(194,216,221,.3) 0,transparent 39%),radial-gradient(ellipse at 87% 19%,rgba(185,211,219,.27) 0,transparent 34%);animation:fog-drift 32s ease-in-out infinite alternate}.mist::after{background-image:radial-gradient(ellipse at 15% 38%,rgba(196,219,225,.25),transparent 32%),radial-gradient(ellipse at 78% 94%,rgba(215,229,232,.4),transparent 44%),radial-gradient(ellipse at 49% 9%,rgba(184,211,222,.22),transparent 28%);animation:fog-return 43s ease-in-out infinite alternate;opacity:.8}@keyframes fog-drift{from{transform:translate3d(-10%,-2%,0) scale(1.02);opacity:.65}to{transform:translate3d(12%,3%,0) scale(1.12);opacity:1}}@keyframes fog-return{from{transform:translate3d(10%,4%,0) scale(1.1);opacity:.9}to{transform:translate3d(-12%,-3%,0) scale(1);opacity:.55}}@media(prefers-reduced-motion:reduce){.mist::before,.mist::after{animation:none;will-change:auto;opacity:.65}}@media(max-width:600px){.mist::before,.mist::after{filter:blur(14px)}}
/* Illustrated edition: a compact scene window, separate from the story text. */
.art-controls{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px;font-size:9px;letter-spacing:1.3px;color:var(--gold)}.art-controls button{font-size:10px;padding:3px 7px;letter-spacing:0}#scene-figure{margin:0 0 16px}#scene-figure[hidden]{display:none}#enlarge-art{display:block;position:relative;width:100%;padding:0;overflow:hidden;border:1px solid #809ba566;border-radius:5px;background:#15282f}#scene-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.enlarge-label{position:absolute;right:7px;bottom:7px;background:#07171dd9;color:#f0dfbe;border-radius:3px;padding:2px 6px;font-size:10px}figcaption{padding:9px 0 0;line-height:1.4}figcaption strong{display:block;font:16px Georgia,serif;color:var(--ink)}figcaption span{display:block;font-size:11px;color:var(--dim);margin-top:5px}aside .rule{margin:16px 0}#art-dialog{max-width:1120px;width:calc(100% - 32px);max-height:94dvh;padding:15px;overflow:auto}.art-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.art-dialog-bar h2{margin:0;font-size:23px}.art-dialog-bar button{font-size:12px;white-space:nowrap}#art-full{display:block;width:100%;max-height:75dvh;object-fit:contain;background:#08151b;border-radius:4px}#art-dialog-caption{font-size:13px;color:var(--dim);margin:12px 0 0}@media(max-width:600px){aside .art-controls{grid-column:1/-1;display:flex;margin:0}aside #scene-figure{grid-column:1/-1;margin:0 0 8px}#scene-image{max-height:190px;object-fit:cover;object-position:center}#scene-figure figcaption{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.art-dialog-bar h2{font-size:19px}}
@media(max-width:600px){aside{display:contents}aside .art-controls{order:-3;margin-bottom:-5px}aside #scene-figure{order:-2}#scene-image{max-height:165px}.compass{order:1;width:180px;align-self:center}.commands{order:2;width:100%}aside details{order:3}.reader{order:0}}
/* Voice controls remain separate from parser input. */
.voice-panel{flex-shrink:0;border-top:1px solid #6c858655;background:#182b33;padding:9px 14px}.voice-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}.voice-toolbar button{font-size:11px;padding:5px 9px}.voice-toolbar label{display:flex;align-items:center;gap:5px;color:var(--dim)}#voice-volume{width:78px;accent-color:var(--gold)}#voice-status{color:var(--gold);font-size:10px}button:disabled{opacity:.45;cursor:default}.voice-transcript{padding-top:6px;border:0;font-size:12px}.voice-transcript summary{font-size:11px}.voice-transcript[open]{max-height:145px;overflow:auto}#voice-captions p{white-space:pre-line;font:italic 14px/1.5 Georgia,serif;color:#eee4cc;margin:10px 0}.reader{min-height:510px}@media(max-width:600px){.voice-panel{padding:7px 9px}.reader{min-height:460px;height:70dvh}#voice-status{flex-basis:100%}.voice-toolbar{gap:6px}.voice-transcript[open]{max-height:100px}}