:root{--bg:#11151b;--panel:#1a2028;--line:#353a40;--muted:#8c959d;--cream:#e6dfc8;--gold:#eac77d;--green:#9ecca6}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 45%,#20262c 0,#11151b 75%);color:var(--cream);font-family:monospace}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:89px;border-bottom:1px solid #282e36;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;font-size:13px}.brand{color:#dddcca;text-decoration:none;font-weight:bold;letter-spacing:2px;display:flex;gap:13px;align-items:center}.brand-icon{font-size:38px;color:var(--gold)}.brand-no{color:#969a91}.brand small{display:block;font-size:8px;letter-spacing:1.6px;font-weight:normal;margin-top:8px;color:var(--muted)}.edition{font-size:10px;letter-spacing:1px;display:flex;gap:12px;align-items:center}.edition span{color:#707982;margin-left:20px}.edition i,.live-dot,.game-bottom i{background:#9cbe8d;width:5px;height:5px;display:inline-block;border-radius:50%;box-shadow:0 0 8px #9cbe8d44}main{max-width:1210px;padding:0 28px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#8c969e;margin-bottom:11px}h1{font-family:Georgia,serif;letter-spacing:-2px;font-size:49px;line-height:1;margin:0;color:var(--gold);text-shadow:2px 3px #584321}h1 span{font:12px monospace;vertical-align:top;letter-spacing:0;margin-left:8px}.heading p{font-size:12px;letter-spacing:2px;color:#b2aaa0;margin:11px 0 0}.tagline{text-align:right;font-size:11px;line-height:1.9;color:#91979c}.game{border:1px solid #595447;box-shadow:0 12px 55px #0007;outline:4px solid #090d1166}.game-top{height:40px;background:#1b222a;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:10px;letter-spacing:1.5px}.game-top .live-dot{margin-right:12px}.game-tools{display:flex;height:100%;gap:20px;align-items:center}.game-tools button{background:none;border:0;font-size:14px;color:#aaa99e;padding:6px}.game-tools button span{font-size:10px}.scene{position:relative;aspect-ratio:768/386;background:#0c172a;overflow:hidden;cursor:crosshair}#world{display:block;width:100%;height:100%;image-rendering:pixelated}.scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,#0000000d 3px,#0000000d 4px);box-shadow:inset 0 0 70px #0003}.chapter-tag{position:absolute;left:22px;top:19px;background:#111721b8;border-left:2px solid var(--gold);padding:9px 12px;font-size:9px;letter-spacing:1.3px;color:var(--gold);pointer-events:none}.chapter-tag span{display:block;font-size:8px;color:#e0dac8;margin-top:5px}#hotspots{position:absolute;inset:0}.hotspot{position:absolute;border:0;background:transparent;z-index:2;cursor:crosshair}.hotspot .hot-label{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#101820e8;color:var(--gold);padding:6px 8px;font-size:11px;opacity:0;pointer-events:none;box-shadow:0 0 0 1px #c2b17c55}.hotspot:hover .hot-label,.hotspot:focus-visible .hot-label,.reveal .hot-label{opacity:1}.hotspot.exit{background:#111b2488;border:1px solid #eac77d60;color:var(--gold);font-size:10px;letter-spacing:.5px;padding:7px 10px;white-space:nowrap;bottom:5%;top:auto!important;width:auto!important;height:auto!important;cursor:pointer}.hotspot.exit:hover{background:#26313b}.hotspot.item:after{content:'✦';font-size:18px;color:#ffdc8b;text-shadow:0 0 8px #d8af3a;opacity:.8;animation:spark 3s infinite}.hotspot.item:hover:after{opacity:1}#hotspot-toggle{position:absolute;right:16px;top:16px;background:#13202bbb;border:1px solid #a4a68b55;width:30px;height:30px;color:var(--gold);z-index:4;font-size:21px}.bubble{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);max-width:70%;width:max-content;background:#111820ee;border:1px solid #918265;padding:12px 18px;z-index:5;color:#f7dda0;font-size:12px;line-height:1.7;text-align:center;pointer-events:none;box-shadow:4px 4px #0006}.bubble:empty{display:none}.dialogue{position:absolute;bottom:0;left:0;right:0;background:#101720f5;border-top:1px solid #9c865e;z-index:6;padding:16px 22px}.dialogue strong{color:var(--gold);font-size:11px}.dialogue p{font-size:12px;line-height:1.6;margin:8px 0}.dialogue button{display:block;text-align:left;background:none;border:none;color:#abc3cd;font-size:11px;padding:6px 0}.dialogue button:hover{color:var(--gold)}.command{padding:13px 20px;border-top:2px solid #756a4e;border-bottom:1px solid #3a3c38;color:var(--gold);background:#111820;font-size:13px;display:flex;gap:12px}.command-help{margin-left:auto;color:#626d77;font-size:8px;letter-spacing:1px;align-self:center}.controls{display:grid;grid-template-columns:300px 1fr;background:#20262b;min-height:128px;padding:17px 20px;gap:25px}.verbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.verbs button{background:#292e31;border:1px solid #434742;box-shadow:inset 0 1px #ffffff08,0 2px #1117;font-size:12px;padding:7px 3px;color:#b8b6a6}.verbs button.active{background:#d1b675;color:#20262a;border-color:#ead49f;box-shadow:0 2px #66502c}.verbs button:hover{border-color:var(--gold)}.inventory{border-left:1px solid #424642;padding-left:25px;min-width:0}.inventory-title{font-size:8px;letter-spacing:1.5px;color:#959b99;display:flex;justify-content:space-between;margin-bottom:12px}.inventory-title span{color:#6c777f}#items{display:flex;gap:8px;overflow-x:auto;min-height:59px}.inv-item{flex-shrink:0;min-width:67px;height:63px;border:1px solid #474b46;background:#171e23;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:4px 8px}.inv-item.selected{border-color:var(--gold);background:#3a3526}.inv-item .item-icon{font-size:25px;line-height:25px}.inv-item small{font-size:8px;color:#bfc2b8}.game-bottom{display:flex;align-items:center;justify-content:space-between;background:#171e24;padding:12px 20px;border-top:1px solid #333c3f;font-size:9px;color:#929c9e;gap:10px}.game-bottom i{width:4px;height:4px;margin-right:6px}.game-bottom button{border:0;background:none;font-size:10px}.game-bottom button span{font-size:8px;border:1px solid #454b4e;padding:2px 4px;margin-left:8px;color:#9b9d92}.below{display:flex;gap:40px;align-items:center;padding:25px 0}.below>div{display:flex;gap:12px;align-items:center}.below p{font-size:9px;color:#79858e;line-height:1.9;margin:0}.below strong{font-weight:normal;font-size:10px;color:#c0c1b5}.tiny-icon{font-size:24px;color:#9c9d85}.below>button{margin-left:auto;border:0;background:none;color:#bdb59d;font-size:10px;white-space:nowrap}.below>button span{margin-left:15px}footer{border-top:1px solid #2b3137;padding:20px 0 25px;display:flex;justify-content:space-between;color:#5e6c77;font-size:8px;letter-spacing:1px}footer span:last-child{letter-spacing:0}dialog{width:min(560px,92vw);background:#1b232a;border:1px solid #b19b67;color:var(--cream);padding:35px;box-shadow:9px 9px #0008}dialog::backdrop{background:#080d13bb;backdrop-filter:blur(4px)}dialog h2{font:30px Georgia,serif;color:var(--gold);margin-top:0}dialog p,dialog li{font-size:12px;line-height:1.9;color:#bbc1bc}dialog .close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:25px;color:#b7b7a4}dialog .action{padding:12px 18px;background:var(--gold);border:0;color:#191f23;margin:7px 6px 0 0;font-size:12px}dialog .secondary{background:#354149;color:var(--cream)}.journal-entry{padding:10px 0;border-bottom:1px solid #3a4449}.journal-entry.done{color:var(--green)}@keyframes spark{50%{opacity:.25}}@media(min-width:1500px){main{max-width:1340px}.heading{padding:40px 0 30px}}@media(max-width:760px){header{height:67px;padding:0 20px}.edition{display:none}main{padding:0 12px}.heading{padding:24px 4px}.tagline{display:none}h1{font-size:38px}.eyebrow{font-size:8px}.scene{aspect-ratio:1.5}.game-top{padding:0 10px;font-size:9px}.game-tools{gap:5px}.game-tools button span{display:none}.controls{grid-template-columns:1fr;padding:10px;gap:12px}.verbs{grid-template-columns:repeat(6,1fr)}.verbs button{font-size:10px;padding:10px 0}.inventory{border-left:0;padding-left:0}.inventory-title{margin:0 0 8px}.command-help{display:none}.command{font-size:12px;padding:10px}.game-bottom{padding:10px;font-size:8px;flex-wrap:wrap}.game-bottom>span{width:100%}.below{padding:20px 5px;gap:10px}.below>div:nth-child(2){display:none}.below>button{font-size:9px}footer{font-size:7px;line-height:1.7;gap:15px}.chapter-tag{left:10px;top:10px;font-size:8px;padding:6px}.chapter-tag span{font-size:6px}.bubble{max-width:90%;font-size:10px;padding:8px}.dialogue{padding:10px}.dialogue p,.dialogue button{font-size:10px}.hotspot.exit{font-size:8px;padding:6px}.hotspot .hot-label{font-size:9px}.hotspot.item:after{font-size:14px}}
@media(min-width:761px){.scene{height:clamp(310px,48vh,530px);aspect-ratio:auto}.heading{padding-top:27px;padding-bottom:24px}header{height:74px}}
#hotspots{pointer-events:none}.hotspot{pointer-events:auto}
@media(prefers-reduced-motion:reduce){.hotspot.item:after{animation:none}}
.music-strip{display:flex;justify-content:space-between;gap:10px;padding:6px 19px;background:#182027;border-top:1px solid #655f4844;color:#a2afa8;font-size:8px;letter-spacing:.5px}.music-strip>span:last-child{font-size:7px;color:#697781}.dialogue{display:flex;gap:17px;align-items:flex-start;max-height:85%;overflow:auto}.dialogue[hidden]{display:none}.portrait{width:83px;height:83px;flex-shrink:0;background:radial-gradient(ellipse at center,#536367,#1b2630 75%);border:2px solid #a18a5d;image-rendering:pixelated;box-shadow:3px 3px #080e16}.dialogue-body{min-width:0;flex:1}.dialogue p{margin:7px 0 9px}.dialogue strong{letter-spacing:1px}.dialogue-choices button{padding:5px 0}.dialogue-choices button:hover{transform:translateX(2px)}dialog a{color:var(--gold)}.byline{font-size:10px!important;color:var(--gold)!important}.inv-item{min-width:76px}#items{scrollbar-color:#8b876b #182027;scrollbar-width:thin}#world{touch-action:manipulation}button{touch-action:manipulation}@media(max-width:760px){.portrait{width:54px;height:54px}.dialogue{gap:10px}.dialogue p{font-size:10px;line-height:1.5}.dialogue-choices button{font-size:10px;line-height:1.3}.music-strip{font-size:7px;padding:6px 10px}.music-strip>span:last-child{display:none}}
.dialogue{position:relative;bottom:auto;left:auto;right:auto;max-height:280px;min-height:145px;border-top:0;background:#18212a;padding:17px 22px}.game:has(.dialogue:not([hidden])) .controls{display:none}.game:has(.dialogue:not([hidden])) .command{display:none}@media(max-width:760px){.dialogue{padding:12px;max-height:340px;min-height:0}}
#restart-game{color:var(--gold);white-space:nowrap}.game-top>div:first-child{min-width:0;display:flex;align-items:center}#location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-tools{flex-shrink:0}@media(max-width:760px){#restart-game span{display:inline;font-size:9px}.game-top .live-dot{flex-shrink:0;margin-right:7px}.game-tools{gap:1px}.game-tools button{padding:6px 4px}}
.dialogue-person{flex:0 0 83px;display:flex;flex-direction:column;gap:8px}.dialogue-person span{font-size:8px;letter-spacing:1px;color:var(--gold);text-align:center}.joachim-person{margin-left:auto}.joachim-portrait{border-color:#688c80}.dialogue-choices{border-top:1px solid #43505966;margin-top:12px;padding-top:7px}.dialogue-choices button{margin-left:auto;text-align:right;color:#b7cfc2}.dialogue-choices button:hover{transform:translateX(-2px)}@media(max-width:760px){.dialogue{display:grid;grid-template-columns:54px minmax(0,1fr) 54px;gap:10px;max-height:410px}.dialogue[hidden]{display:none}.dialogue-person{width:54px}.npc-person{grid-column:1;grid-row:1}.joachim-person{grid-column:3;grid-row:1}.dialogue-body{grid-column:1 / -1;grid-row:2}.dialogue-person span{font-size:7px}.dialogue-body>strong{display:block}.dialogue-choices button{padding:7px 0}}
.speech-card{border-left:2px solid var(--voice-color);padding:9px 13px;margin-bottom:10px;max-width:680px;background:#0e182266}.speech-card strong,.speech-card p{color:var(--voice-color)}.speech-card strong{font-size:10px}.speech-card p{font-size:13px;line-height:1.7;margin-bottom:0}.dialogue[data-speaker="joachim"] .speech-card{margin-left:auto;text-align:right;border-left:0;border-right:2px solid var(--voice-color)}.dialogue-person[hidden]{display:none}.dialogue:not([data-speaker="joachim"]) .npc-portrait,.dialogue[data-speaker="joachim"] .joachim-portrait{border-color:var(--voice-color);box-shadow:0 0 12px color-mix(in srgb,var(--voice-color) 20%,transparent)}.dialogue[data-speaker="joachim"] .npc-person,.dialogue:not([data-speaker="joachim"]) .joachim-person{opacity:.65}.advance-speech{color:var(--voice-color)!important}.dialogue-person{min-width:0}.npc-name{text-transform:uppercase}@media(max-width:760px){.speech-card{padding:9px 10px}.speech-card p{font-size:11px}.dialogue[data-speaker="joachim"] .dialogue-body{grid-column:1/-1}.dialogue-person[hidden]{display:none}}

.dialogue-choices:empty{display:none}.dialogue-choices button.visited-topic{color:#92989e}.dialogue-choices button.visited-topic:hover{color:#bcc2c8}