.long-road-west{--lrw-cream:#f0e5d2;--lrw-paper:#d7c4a5;--lrw-amber:#dba767;--lrw-mint:#a5c9af;--lrw-line:rgba(226,215,194,.14);--lrw-panel:#171e20;background:radial-gradient(ellipse at 72% 4%,rgba(167,112,60,.13),transparent 35%),#111719;color:var(--ink)}
.lrw-topbar{background:rgba(14,20,22,.9);border-bottom:1px solid rgba(255,255,255,.06)}.lrw-top-actions{display:flex;align-items:center;gap:20px}.lrw-period{color:#b7a88f;font:500 9px 'DM Mono',monospace;letter-spacing:.14em}.lrw-topbar .restart{padding:9px 12px;border:1px solid var(--lrw-line);border-radius:4px;background:#ffffff08;color:#e6d9c6;font-size:12px;cursor:pointer}.lrw-topbar .restart:hover{border-color:var(--lrw-amber);color:#fff}
.lrw-shell{max-width:1370px;margin:0 auto;padding:30px clamp(16px,3vw,42px) 24px}.lrw-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:20px}.lrw-heading>div{max-width:840px}.lrw-heading h1{font:600 clamp(34px,4.4vw,54px)/1.02 'Literata',serif;letter-spacing:-.04em;margin:7px 0 8px;color:#f1e6d4}.lrw-heading p{max-width:740px;color:#b9c1bb;line-height:1.55;font-size:14px;margin:0}.lrw-back,.lrw-footer a{color:#bdcfbf;text-decoration:none;font-size:12px;white-space:nowrap}.lrw-back:hover,.lrw-footer a:hover{color:#f5d09c;text-decoration:underline;text-underline-offset:4px}
.lrw-progress{margin:18px 0 13px}.lrw-progress-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#d8d6c9;font:500 10px 'DM Mono',monospace;letter-spacing:.04em}.lrw-progress-label span:last-child{color:#888f88}.lrw-progress-track{height:4px;background:rgba(226,236,227,.13);border-radius:4px;overflow:hidden}.lrw-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#97bca0,#e8bc81);transition:width .35s ease}
.lrw-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:15px;align-items:start}.lrw-main{min-width:0}.lrw-scene-view{--scene-image:none;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;min-height:345px;max-height:590px;border:1px solid rgba(243,219,181,.24);border-radius:7px 7px 0 0;background-color:#554735;background-image:var(--scene-image);background-position:center;background-size:cover;box-shadow:0 22px 55px #0007}.lrw-scene-image{display:none}.lrw-scene-vignette{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(10,14,14,.5),transparent 23%,transparent 69%,rgba(9,13,14,.76))}.lrw-scene-topline{position:absolute;z-index:3;top:13px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff1d6;font:500 9px 'DM Mono',monospace;letter-spacing:.12em;text-shadow:0 1px 4px #000}.lrw-scene-topline span:last-child{color:#f2d4a9;text-align:right}.lrw-scene-caption{position:absolute;z-index:3;left:15px;right:15px;bottom:12px;display:flex;justify-content:space-between;align-items:end;gap:12px;color:#f1e7d5;font-size:11px;text-shadow:0 1px 4px #000}.lrw-scene-caption>span:first-child{max-width:65%;line-height:1.4}.lrw-interact-help{color:#e3cfb3;font:500 9px 'DM Mono',monospace;letter-spacing:.02em;text-align:right}
.lrw-hotspots{position:absolute;inset:0;z-index:2}.lrw-hotspot{--x:50%;--y:50%;--tone:#f3d4a5;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:48px;height:48px;padding:0;border:0;background:transparent;color:var(--tone);cursor:grab;touch-action:none;user-select:none}.lrw-hotspot:active{cursor:grabbing}.lrw-hotspot:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:50%}.lrw-hotspot .hotspot-core{position:absolute;inset:7px;display:grid;place-items:center;border:1px solid #f6dfb2c4;border-radius:50%;background:rgba(21,26,25,.68);box-shadow:0 2px 14px #0007,inset 0 0 0 3px #ffffff12;color:#fff2d8;font-size:18px;text-shadow:0 1px 4px #000;transition:transform .16s,background .16s,box-shadow .16s}.lrw-hotspot:after{content:"";position:absolute;inset:2px;border:1px solid #f4d7a888;border-radius:50%;opacity:.6;animation:hotspot-pulse 2.3s infinite}.lrw-hotspot:hover .hotspot-core,.lrw-hotspot.is-selected .hotspot-core{transform:scale(1.15);background:#634b31e8;box-shadow:0 0 0 4px #e0b36a35,0 2px 18px #0009}.lrw-hotspot.is-done .hotspot-core{border-color:#b7d9ba;background:#263f35e8;color:#ddf2dd}.lrw-hotspot.is-target .hotspot-core{border-style:dashed;border-width:2px;box-shadow:0 0 0 5px #dbae5f47,0 0 26px #e9bd73a6;color:#fff3cd}.lrw-hotspot .hotspot-label{position:absolute;left:50%;top:calc(100% + 4px);max-width:150px;padding:4px 7px;border:1px solid #ead5b668;border-radius:3px;background:rgba(17,22,22,.9);color:#f3e6cf;font:500 9px 'DM Mono',monospace;letter-spacing:.03em;white-space:nowrap;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-3px);transition:opacity .12s,transform .12s}.lrw-hotspot:hover .hotspot-label,.lrw-hotspot:focus-visible .hotspot-label,.lrw-hotspot.is-selected .hotspot-label,.lrw-hotspot.is-target .hotspot-label{opacity:1;transform:translateX(-50%);}.lrw-hotspot.is-target{width:64px;height:64px}.lrw-hotspot.is-target .hotspot-core{inset:5px;font-size:21px}.lrw-hotspot.is-hidden{display:none}.lrw-hotspot.is-wrong .hotspot-core{border-color:#e7987c;animation:nudge .28s}.lrw-drag-ghost{position:fixed;z-index:20;display:none;align-items:center;gap:8px;padding:10px 13px;border:1px solid #ead1a4aa;border-radius:5px;background:#1c2626ee;color:#fae6c3;box-shadow:0 12px 28px #0007;font-size:13px;pointer-events:none;transform:translate(-50%,-50%)}.lrw-drag-ghost.visible{display:flex}.lrw-drag-ghost span{font-size:18px}
@keyframes hotspot-pulse{0%,100%{transform:scale(.92);opacity:.5}50%{transform:scale(1.08);opacity:.9}}@keyframes nudge{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.lrw-story-panel{background:linear-gradient(145deg,#1b2425,#151d1e);border:1px solid var(--lrw-line);border-top:0;border-radius:0 0 7px 7px;box-shadow:0 14px 38px #0003}.lrw-story-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:16px 19px 13px;border-bottom:1px solid var(--lrw-line)}.lrw-kicker,.lrw-history-label{font:500 9px 'DM Mono',monospace;letter-spacing:.14em;color:#d5a76d}.lrw-story-heading h2{font:600 clamp(22px,2.6vw,29px)/1.13 'Literata',serif;margin:6px 0 0;color:#eee1cd}.lrw-chapter-mark{color:#a1a99e;font:500 10px 'DM Mono',monospace;white-space:nowrap}.lrw-story-content{padding:15px 19px 18px}.lrw-copy{display:grid;gap:9px;color:#c7d0c9;font-size:13px;line-height:1.58}.lrw-copy p{margin:0}.lrw-copy strong{color:#f2d19f;font-weight:600}.lrw-feedback{margin-top:12px;padding:10px 12px;border-left:2px solid #d2a267;background:rgba(220,167,107,.075);color:#edddc3;font-size:12px;line-height:1.5}.lrw-feedback[data-kind="success"]{border-color:#a5c9af;background:#a5c9af12;color:#d8eadb}.lrw-feedback[data-kind="error"]{border-color:#e39279;background:#e3927912;color:#ffd3c2}.lrw-story-actions{display:flex;justify-content:flex-end;margin-top:12px}.lrw-primary{padding:10px 16px;border:1px solid #b6d0b3;border-radius:4px;background:#b6d0b3;color:#18241f;font:700 12px 'DM Sans',sans-serif;cursor:pointer}.lrw-primary span{padding-left:10px;font-size:16px}.lrw-primary:hover,.lrw-primary:focus-visible{filter:brightness(1.08);outline:2px solid #edf4df;outline-offset:2px}.lrw-primary[hidden]{display:none}
.lrw-pocket{padding:12px 15px;border:1px solid var(--lrw-line);border-top:0;border-radius:0 0 7px 7px;background:#111819}.lrw-pocket-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.lrw-pocket-head>span:last-child{color:#858f88;font:500 9px 'DM Mono',monospace}.lrw-inventory{display:flex;flex-wrap:wrap;gap:7px;min-height:32px;margin-top:8px}.lrw-item{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #7c8c7a55;border-radius:3px;background:#a5c9af0c;color:#d7e0d6;font-size:10px;cursor:pointer}.lrw-item span:first-child{font-size:14px}.lrw-item[aria-pressed="true"]{border-color:#deb276;background:#deb27618;color:#ffe8c3}.lrw-empty-pocket{align-self:center;color:#78827b;font-size:10px}
.lrw-sidebar{display:grid;gap:11px}.lrw-record-card,.lrw-history{padding:13px 14px;border:1px solid var(--lrw-line);border-radius:6px;background:rgba(255,255,255,.022)}.lrw-panel-heading{display:flex;align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid var(--lrw-line);color:#d4a465}.lrw-panel-heading h2{margin:0;color:#e8dfcf;font:600 15px 'Literata',serif}.lrw-journal{margin:9px 0 0;padding:0;list-style:none;display:grid;gap:8px;counter-reset:journal}.lrw-journal li{counter-increment:journal;display:grid;grid-template-columns:19px 1fr;gap:6px;color:#bac4bc;font-size:10px;line-height:1.45}.lrw-journal li:before{content:counter(journal,decimal-leading-zero);color:#d5a76d;font:500 9px 'DM Mono',monospace;padding-top:1px}.lrw-history{border-color:#d2a26738;background:#d2a26708}.lrw-history p{margin:7px 0 0;color:#c9beab;font-size:10px;line-height:1.55}.lrw-record-footer{display:grid;gap:7px;color:#77817b;font-size:9px;line-height:1.4}.lrw-footer{display:flex;justify-content:space-between;gap:15px;padding-top:14px;margin-top:16px;border-top:1px solid var(--lrw-line);color:#7e8880;font-size:10px}
@media(max-width:900px){.lrw-layout{grid-template-columns:minmax(0,1fr) 230px;gap:10px}.lrw-sidebar{gap:8px}.lrw-record-card,.lrw-history{padding:11px}.lrw-scene-view{min-height:300px}}
@media(max-width:680px){.lrw-shell{padding:23px 13px 20px}.lrw-heading{display:block}.lrw-heading h1{font-size:36px}.lrw-back{display:inline-block;margin-top:12px}.lrw-layout{grid-template-columns:1fr}.lrw-sidebar{grid-template-columns:1fr 1fr;gap:8px}.lrw-record-footer{grid-column:1/-1}.lrw-scene-view{aspect-ratio:4/3;min-height:270px}.lrw-scene-topline{top:10px;left:10px;right:10px;font-size:8px}.lrw-scene-caption{left:10px;right:10px;bottom:9px}.lrw-interact-help{max-width:40%}.lrw-footer{flex-direction:column;gap:6px}}
@media(max-width:420px){.lrw-sidebar{grid-template-columns:1fr}.lrw-record-footer{grid-column:auto}.lrw-scene-view{min-height:250px}.lrw-hotspot{width:42px;height:42px}.lrw-hotspot.is-target{width:56px;height:56px}.lrw-story-heading{padding:14px 14px 12px}.lrw-story-content{padding:14px}.lrw-pocket{padding:11px 13px}}
@media(prefers-reduced-motion:reduce){.lrw-progress-track span,.lrw-hotspot .hotspot-core,.lrw-hotspot:after{transition:none;animation:none}}
.lrw-complete-card{margin-top:12px;padding:12px 14px;border-left:2px solid #d5a76d;background:#d5a76d0d}.lrw-complete-card p{margin:7px 0 0;color:#c8d0c9;font-size:11px;line-height:1.5}.lrw-complete-card strong{color:#f1d3a3}