:root{font-family:ui-sans-serif,system-ui,sans-serif;color:#e4eee9;background:#0b171e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{min-height:100dvh;padding:clamp(16px,3vw,44px)}header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #34464b;padding-bottom:24px}h1{font-family:Georgia,serif;font-size:clamp(32px,4vw,64px);font-weight:400;letter-spacing:-.04em;margin:12px 0}h2{font-family:Georgia,serif;font-weight:400;font-size:28px}h3{font-size:16px;color:#f6dca2;margin-top:28px}.eyebrow{letter-spacing:.18em;font-size:11px;color:#eac788}.pill{padding:12px;border:1px solid #456057;border-radius:40px;white-space:nowrap;color:#8fdbb8}p{line-height:1.65}button{background:#1b3038;color:#e9f1ed;border:1px solid #43606a;border-radius:6px;padding:10px 14px;font:inherit;cursor:pointer;margin:4px;transition:background .2s,transform .2s}button:hover{background:#304954;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:not-allowed;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f4ca7d;outline-offset:3px}nav{display:flex;flex-wrap:wrap;margin-top:24px}.status{border-left:3px solid #d9bd80;padding:10px 18px;background:#152730}.layout{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:28px;margin-top:28px}aside{min-width:0}aside>button{display:block;width:100%;margin:8px 0;text-align:left}.object{padding:16px}.object small{display:block;margin-top:8px;color:#91aaa9}.selected{border-color:#ecc784;background:#3c3b2d}.stage{background:radial-gradient(ellipse at top,#263f45,#13242b 80%);border:1px solid #3a5056;border-radius:12px;padding:clamp(20px,3vw,42px);min-height:700px}.stage h2{font-size:clamp(28px,3vw,42px);overflow-wrap:anywhere}.prose{font-family:Georgia,serif;font-size:22px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;min-height:160px;animation:arrive .35s ease-out}.ending{color:#e2cc98}.playback{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.playback label{min-width:140px;flex:1}.journey{list-style:none;padding:0;display:grid;gap:14px}.journey li{border-left:2px solid #7fd2aa;padding:12px 18px;background:#0d1d2466;overflow-wrap:anywhere}.journey li.invalid{border-color:#e99085}.journey span,.journey small{display:block;margin-top:8px}.journey small,.muted{color:#aec1bd;font-size:13px}.warning{color:#ffb1a4;border-left:2px solid;padding:10px}.good{color:#91d8b4}.desk{margin-top:60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;border-top:1px solid #3b5055;padding-top:32px}.desk>div{min-width:0}label{display:block;font-size:13px;color:#d8dfd4;margin:12px 0}input,textarea,select{display:block;width:100%;margin-top:6px;border:1px solid #486069;background:#101f27;color:#f3efe5;padding:10px;font:inherit;border-radius:4px}textarea{min-height:100px;resize:vertical}.code{min-height:340px;font-family:ui-monospace,monospace;font-size:12px}input[type=range]{padding:0}footer{border-top:1px solid #3b5055;margin-top:40px;padding-top:24px;max-width:1000px;color:#a5bab7;font-size:12px}@keyframes arrive{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr)}.layout>aside:last-child{grid-column:1/-1}.desk{grid-template-columns:1fr 1fr}.desk>div:last-child{grid-column:1/-1}}@media(max-width:650px){header{display:block}.pill{display:inline-block}.layout,.desk{display:block}.stage{margin-top:20px;min-height:500px}.object{display:inline-block!important;width:auto!important}.desk>div{margin-top:32px}.prose{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.object,.stage h2,.prose,.warning,.desk p,.journey{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.object b{white-space:pre-wrap;overflow-wrap:anywhere}.layout>*{min-width:0}