:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#d8e3e8;background:#080e14}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 85% 0%,#12342d88,transparent 55%),radial-gradient(ellipse at 0% 70%,#17253655,transparent 45%),#080e14}
.adventure-shell{max-width:1120px;width:calc(100% - 64px);margin:0 auto;padding:36px 0 22px}.masthead{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2.8px;color:#71c7b0;margin:0 0 8px}h1{font-size:36px;letter-spacing:-1.6px;margin:0;font-weight:650;color:#eff6f5}.title-dot{color:#78e0b8}.connection{display:flex;gap:9px;align-items:center}.connection-dot{width:6px;height:6px;border-radius:50%;background:#72d5ae;box-shadow:0 0 10px #72d5ae44}#connection-status{border:0;background:transparent;color:#9babba;font:12px ui-monospace,monospace;padding:8px;cursor:default}#connection-status[data-state=disconnected]{cursor:pointer;color:#ffb18c;text-decoration:underline}.console{border:1px solid #2a3b45;border-radius:12px;overflow:hidden;background:#101820;box-shadow:0 25px 90px #0005}.console-bar{display:flex;justify-content:space-between;align-items:center;background:#17232b;border-bottom:1px solid #2a3b45;padding:13px 20px;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#859ba7}.console-lights{letter-spacing:5px;color:#54756f}.console-lights::first-letter{color:#70c5a4}#turn-count{font-size:9px;color:#8bbbab}.scene{padding:22px 26px 16px;border-bottom:1px solid #293b44;background:linear-gradient(115deg,#182c2b88,#111c26);min-height:180px}.scene-label{display:flex;justify-content:space-between;color:#6ea999;font:9px ui-monospace,monospace;letter-spacing:1.8px}.scene h2{margin:13px 0 10px;font-size:21px;font-weight:550;letter-spacing:-.4px;color:#dcebe6}#room{margin:0;white-space:pre-wrap;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#aabfc2;max-height:250px;overflow:auto}.transcript-label{padding:13px 25px 2px;display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#536c7b}#terminal{height:460px;padding:14px 24px 20px;background:#101820}.xterm-viewport{scrollbar-width:thin;scrollbar-color:#34454f #101820}footer{display:flex;justify-content:space-between;color:#647b88;font-size:11px;margin-top:19px;gap:12px}footer b{color:#90a9b1;font-weight:500}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #78e0b8;outline-offset:4px}@media(max-width:650px){.adventure-shell{width:calc(100% - 24px);padding-top:20px}.scene{padding:18px}#terminal{padding:12px;height:440px}.scene-label{letter-spacing:.5px}footer{flex-direction:column}.transcript-label{padding-left:12px;font-size:8px}.console-bar{padding:12px}h1{font-size:30px}}

/* Keep the current scene and command prompt together on a desktop viewport. */
.adventure-shell{height:100vh;min-height:680px;display:flex;flex-direction:column;padding:24px 0 18px}
.masthead{flex:none;margin-bottom:20px}.console{display:flex;flex-direction:column;flex:1;min-height:0}
.console-bar,.scene,.transcript-label{flex:none}.scene{padding:18px 26px 14px;min-height:155px}
#room{background:transparent;max-height:142px;font-size:12px;line-height:1.5;border:0;padding:0}
#terminal{flex:1;height:auto;min-height:250px}.console-lights{display:flex;gap:7px}.console-lights i{display:block;width:7px;height:7px;border-radius:50%;background:#40565e}.console-lights i:first-child{background:#70c5a4}.console-lights i:nth-child(2){background:#c6ac76}
footer{flex:none}
/* FitAddon measures its parent content box; keep padding on the xterm element. */
#terminal{padding:0;overflow:hidden}#terminal>.xterm{padding:14px 24px 20px;height:100%}
#terminal>.xterm{background:#101820}

#terminal .xterm-viewport{background:#101820}
/* Override WebDyne's later default page styles without changing the runtime. */
html:root{background:#080e14}html body{margin:0}