:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2e6d5;--muted:#c5c6b7;--coral:#efb296;--ink:#172d28;background:#172d28;font-family:ui-rounded,Avenir Next,Segoe UI,sans-serif;font-size:17px;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(at 90% 25%,#304a3b 0,#0000 58%),#172d28;min-width:280px;margin:0}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{min-height:46px;color:inherit;cursor:pointer;background:#284138;border:1px solid #879888;border-radius:12px;padding:.65rem 1rem;line-height:1.45}button:hover{background:#3c5747;border-color:#ebcfac}button.primary{color:#172d28;background:#efb296;border-color:#efb296;font-weight:650}button.primary:hover{background:#f6ccb2}:focus-visible{outline-offset:4px;outline:3px solid #ffe0a3}h2[tabindex],h3[tabindex]{scroll-margin-top:1rem}h2[tabindex]:focus,h3[tabindex]:focus{outline:none}a{color:#efcfac;text-underline-offset:4px}.top-nav{background:#12231f;border-bottom:1px solid #405447}.top-nav-inner{flex-wrap:wrap;gap:.3rem 1.4rem;max-width:1180px;margin:auto;padding:.3rem 1.5rem;display:flex}.top-nav a{align-items:center;min-height:44px;font-size:.8rem;text-decoration:none;display:inline-flex}.top-nav a:hover{text-decoration:underline}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:auto;padding:1.2rem 1.5rem;display:flex}h1{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:1.65rem;font-weight:400}.brand span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.69rem;display:block}.tools{flex-wrap:wrap;gap:.4rem;display:flex}.tools button{background:0 0;border-color:#879888;padding:.5rem .7rem;font-size:.8rem}main{max-width:1180px;margin:auto;padding:1rem 1.5rem 3rem}.welcome,.ending{text-align:center;max-width:780px;margin:1.5rem auto}.eyebrow{color:#d5b895;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:650;display:block}h2{letter-spacing:-.035em;margin:.65rem 0 1.15rem;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3.8rem);font-weight:400;line-height:1.1}.welcome>p,.ending>p{max-width:620px;margin:1rem auto}p{margin:.4rem 0 1rem}.small{color:var(--muted);font-size:.85rem}.neighborhood-art{width:100%;max-width:640px;max-height:260px;margin:0 auto 1.5rem;display:block}.welcome-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin:1.4rem 0;display:flex}.conversation{overflow-wrap:anywhere;background:#203a30;border:1px solid #58705b;border-radius:28px;max-width:920px;margin:.5rem auto;padding:2rem 2.5rem;animation:.3s ease-out settle;position:relative;box-shadow:0 22px 55px #08171245}.conversation[data-encounter=e20]{background:#253c3c}.conversation[data-encounter=e25]{background:#2a4031}.scene-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.scene-head h2{margin-bottom:.6rem;font-size:clamp(1.9rem,4vw,2.75rem)}.scene-symbol{color:#e0ba89;border:1px solid #718368;border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:1.8rem;display:grid}.setup{color:#d1d1bd;max-width:690px;margin-top:.75rem;font-size:.95rem}.cast{flex-wrap:wrap;gap:1rem;margin:1.4rem 0;display:flex}.cast>div{color:#ddcfb8;align-items:center;gap:.45rem;font-size:.8rem;display:flex}.portrait{flex:0 0 50px;width:50px;height:50px}.cast .portrait{flex:0 0 35px;width:35px;height:35px}.dialogue{gap:.75rem;margin:1.3rem 0;padding:0;list-style:none;display:grid}.turn{align-items:flex-start;gap:.8rem;display:flex}.turn>div{color:#233b31;background:#f0dfc4;border-radius:5px 18px 18px;flex:1;min-width:0;max-width:650px;padding:.85rem 1.2rem}.turn p{margin:.12rem 0}.speaker{text-transform:uppercase;letter-spacing:.08em;color:#4a5b44;font-size:.73rem;font-weight:750}.turn .cue{color:#53614c;margin-top:.4rem;font-size:.85rem}.scene-turn{padding-left:0}.scene-turn>div{color:#d4d3c1;background:0 0;padding:.1rem 0;font-size:.95rem}.scene-turn .speaker{color:#c3bfab}.room,.recent,.insight,.repair{border:1px solid #70836c;border-radius:12px;margin:1rem 0;padding:.25rem 1rem}summary{cursor:pointer;color:#f5d6b3;min-height:44px;padding:.65rem 0}.lenses{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;padding-bottom:.8rem;display:grid}.lenses details{background:#182e26;border-radius:10px;padding:.15rem .85rem}.lenses summary{letter-spacing:.1em;font-size:.73rem}.lenses p{font-size:.9rem}h3{margin:1.5rem 0 .8rem;font-size:1rem;font-weight:600}.choices{gap:.6rem;display:grid}.choices button{text-align:left;background:#2e4a3b;border-color:#99a68c;padding:.9rem 1.15rem}.choices button:hover{background:#436348}.chosen{color:#c7c8b3;font-size:.85rem}.reading{color:#f5c39f;font-weight:600}.consequence>.primary{min-width:150px;margin-top:.4rem}.save-note,.replay-note{border:1px solid #b0a583;border-radius:10px;margin:1rem 0;padding:.85rem;font-size:.85rem}.replay-note button{margin-left:.4rem;font-size:.8rem}dialog{color:#f2e6d5;overscroll-behavior:contain;background:#203a30;border:1px solid #9aab87;border-radius:24px;width:calc(100% - 2rem);max-width:680px;max-height:calc(100dvh - 2rem);padding:1.75rem;overflow-y:auto}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071711bd}dialog h2{font-size:2rem}.note{border-top:1px solid #58705b;padding:.5rem 0 1rem}.note h3{font-family:Georgia,serif;font-size:1.3rem}.note li{margin:.6rem 0}.note button{margin:.3rem .35rem .3rem 0}.resolution{background:#304c3b;border-radius:12px;padding:1rem}.archive{gap:.5rem;margin:1rem 0;display:grid}.archive button{text-align:left}.archive span{color:#c9c8b2;font-size:.75rem;display:block}.close-panel{width:100%;margin-top:1rem}.settings label{cursor:pointer;align-items:center;gap:.8rem;min-height:54px;display:flex}.settings input{width:24px;height:24px}footer{text-align:center;color:var(--muted);padding:0 1rem 1.5rem;font-size:.75rem}.large-text{font-size:21px}.skip-link{color:#172d28;z-index:10;background:#f0dfc4;padding:.8rem;position:absolute;top:-100px;left:1rem}.skip-link:focus{top:1rem}@keyframes settle{0%{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}.less-motion *,.less-motion :before,.less-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=600px){:root{font-size:16px}.large-text{font-size:19px}.top-nav-inner{gap:.1rem 1.15rem;padding:.25rem .8rem}header{gap:.75rem;padding:1rem .9rem .4rem}h1{font-size:1.55rem}.brand{width:100%}.tools{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.tools button{min-width:0;padding:.4rem .3rem}main{padding:.75rem .65rem 1.5rem}.welcome,.ending{margin:1rem .45rem}.welcome h2{font-size:2.6rem}.welcome .eyebrow{font-size:.65rem}.conversation{border-radius:18px;padding:1.1rem .9rem 1.25rem}.scene-symbol{width:42px;height:42px;font-size:1.4rem}.scene-head h2{font-size:1.85rem}.cast{gap:.55rem;margin:1rem 0}.cast>div{font-size:.75rem}.cast .portrait{flex-basis:28px;width:28px;height:28px}.turn{gap:.5rem}.turn>.portrait{flex-basis:34px;width:34px;height:34px}.turn>div{padding:.7rem .8rem}.room,.recent,.insight,.repair{padding:.15rem .65rem}.lenses{grid-template-columns:1fr}.consequence>.primary{width:100%}dialog{border-radius:18px;padding:1.2rem}dialog .welcome-actions{flex-direction:column}}