:root{--bg:#16140f;--panel:#1f1c16;--line:#3a342a;--text:#e8e1d0;--muted:#a89f8a;--accent:#d9a441;--exit:#6fc3c9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font:16px/1.55 Georgia,Iowan Old Style,Palatino Linotype,serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit}.gallery{grid-template-columns:280px minmax(0,1fr);height:100%;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--panel);min-height:0;padding:16px 0;overflow-y:auto}.sidebar h1{color:var(--accent);letter-spacing:.03em;margin:0 16px 4px;font-size:18px;font-weight:400}.sidebar .sub{color:var(--muted);margin:0 16px 12px;font-size:13px}.sidebar label{color:var(--muted);align-items:center;gap:8px;margin:0 16px 12px;font-size:14px;display:flex}.sidebar ul{margin:0;padding:0;list-style:none}.sidebar li button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:8px;width:100%;padding:7px 16px;display:flex}.sidebar li button:hover{background:#2a261e}.sidebar li button.active{color:var(--accent);background:#332d22}.sidebar .dot{color:var(--accent);font-size:12px}.sidebar .count{color:var(--muted);font-size:12px}.room{max-width:1100px;min-height:0;padding:24px 32px 48px;overflow-y:auto}.room h2{margin:0 0 16px;font-size:30px;font-weight:400}.picture{margin-bottom:20px;position:relative}.picture img{aspect-ratio:3/2;object-fit:cover;background:#000;border-radius:6px;width:100%;display:block}.styles{gap:6px;margin-bottom:10px;display:flex}.styles button{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:999px;padding:3px 14px;font-size:14px}.styles button.active{border-color:var(--accent);color:var(--accent)}.noimage{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:6px;margin-bottom:20px;padding:40px}.description{max-width:72ch;font-size:18px}.exits{flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0;display:flex}.exits span.label{color:var(--muted);font-size:14px}.exits span.exit{color:var(--exit);border:1px solid #2f5557;border-radius:4px;padding:1px 10px;font-size:15px}.contents{color:var(--muted);margin:0;padding-left:20px}details{color:var(--muted);max-width:80ch;margin-top:24px;font-size:14px}summary{cursor:pointer}@media (width<=760px){.gallery{grid-template-rows:40% minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.room{padding:16px}}.play{grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"screen""input";height:100%;display:grid}.play.with-room{grid-template-columns:minmax(300px,34%) minmax(0,1fr);grid-template-areas:"room screen""room input"}.roompanel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;grid-area:room;padding:16px;display:flex;overflow-y:auto}.roompanel>:not(.guide){flex-shrink:0}.roompanel .picture{aspect-ratio:3/2;background:#0c0b08;border-radius:6px;margin:0;overflow:hidden}.roompanel img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;display:block}.roompanel img.shown{opacity:1}.nopicture{height:100%;color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.nopicture p{max-width:40ch;margin:0}.nopicture button{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:4px 14px;font-size:14px}.nopicture button:hover{background:#2a2418}.nopicture.painting{color:var(--accent);animation:2.4s ease-in-out infinite breathe}@keyframes breathe{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.nopicture.painting{animation:none}}.guide{border:1px solid var(--line);background:#1a1712;border-radius:6px;flex-direction:column;flex:1 0 280px;min-height:280px;margin-top:18px;display:flex}.roompanel .guide:first-child{margin-top:0}.guidetabs{border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.guidetabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 0 auto;padding:8px 10px;font-size:14px}.guidetabs button:hover{color:var(--text)}.guidetabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.guidetabs button:focus-visible,.guidepanel:focus-visible,.guide .cmd:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.guidepanel{flex:1 1 0;min-height:0;padding:10px 12px 12px;overflow-y:auto}.guidepanel .intro{color:var(--muted);margin:0 0 8px;font-size:14px}.guidepanel ul{margin:0;padding:0;list-style:none}.guidepanel li{border-bottom:1px solid #2a261e;grid-template-columns:minmax(7.5em,auto) 1fr;align-items:baseline;gap:10px;padding:5px 0;display:grid}.guide .cmd{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #4a4030;border-radius:4px;justify-self:start;padding:1px 8px;font:14px ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace}.guide .cmd:hover:not(:disabled){background:#2a2418}.guide button:disabled{opacity:.45;cursor:default}.guidepanel .what{font-size:14px}.guidepanel .fullhelp{color:var(--exit);cursor:pointer;background:0 0;border:0;margin-top:10px;padding:0;font-size:14px;text-decoration:underline}.guidebutton,.sheet{display:none}.mapcolumn{border-left:1px solid var(--line);background:var(--panel);grid-area:map;padding:16px;display:none;overflow-y:auto}.mappanel header{justify-content:space-between;align-items:center;gap:8px;margin-top:18px;display:flex}.mappanel h2{margin:0;font-size:20px;font-weight:400}.mappanel header button{color:var(--accent);border:1px solid var(--accent);cursor:pointer;background:0 0;border-radius:4px;padding:3px 12px;font-size:14px}.mappanel header button:hover:not(:disabled){background:#2a2418}.mappanel header button:disabled{opacity:.45;cursor:default}.mappanel .when,.mappanel .empty{color:var(--muted);margin:10px 0;font-size:14px}.surveybox{border:1px solid var(--line);background:#12100c;border-radius:6px;padding:10px;container-type:inline-size}.survey{white-space:pre;margin:0;font-family:ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace;line-height:1.15}.survey div{min-height:1.15em}.survey .b{font-weight:700}.survey .c1{color:#d0655a}.survey .c2{color:#7fb069}.survey .c2.b{color:#a6d98b}.survey .c3{color:#cfa648}.survey .c4{color:#6f93c9}.survey .c4.b{color:#95b6e6}.survey .c5{color:#b87fc1}.survey .c6{color:var(--exit)}.survey .c7{color:#d8d0bf}.mappanel .key{color:var(--muted);margin:10px 0 0;padding-left:0;font-size:14px;list-style:none}.mapbutton{display:block}.character{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);gap:12px;margin-bottom:18px;padding-bottom:16px;display:grid}.character .portrait{aspect-ratio:2/3;background:#0c0b08;border-radius:6px;overflow:hidden}.character .portrait img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;display:block}.character .portrait img.shown{opacity:1}.noportrait{text-align:center;height:100%;color:var(--muted);border:1px dashed var(--line);border-radius:6px;place-items:center;font-size:13px;display:grid}.noportrait.painting{color:var(--accent);animation:2.4s ease-in-out infinite breathe}.character header{justify-content:space-between;align-items:center;gap:8px;margin:0;display:flex}.character h2{text-overflow:ellipsis;margin:0;font-size:20px;font-weight:400;overflow:hidden}.character header button,.character .paintme{color:var(--accent);border:1px solid var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:2px 10px;font-size:13px}.character header button:disabled{opacity:.45;cursor:default}.character .paintme{margin-top:8px}.character .looks{margin-top:8px;font-size:14px}.character .looks p{margin:0 0 6px}.character .looks ul{color:var(--muted);margin:0;padding-left:18px}.character .hint{color:var(--muted);margin:8px 0 0;font-size:13px}.mappanel h3{color:var(--muted);margin:0;font-size:16px;font-weight:400}.citymap .where{margin:0 0 8px;font-size:15px}.citymap .where b{color:var(--accent);font-weight:400}.citymap svg{width:100%;max-height:340px;margin:0 auto;display:block}.citymap{border:1px solid var(--line);background:#12100c;border-radius:6px;padding:0 10px 10px}.citymap .where{padding-top:10px}.citymap .link{stroke:#6b5f4a;stroke-width:3px}.citymap .stub{stroke:#b39a68;stroke-width:2.5px;stroke-dasharray:4 3}.citymap .room{fill:#2a2418;stroke:#8a7a5c;stroke-width:1.5px}.citymap .room.here{fill:var(--accent);stroke:#f4e3b8}.citymap .other{color:var(--muted);margin:8px 0 0;font-size:14px}@media (width>=1400px){.play.with-room{grid-template-columns:minmax(280px,24%) minmax(0,1fr) 300px;grid-template-areas:"room screen map""room input map"}.mapcolumn{display:block}.mapbutton{display:none}}@media (width<=1399px){.mapsheet{z-index:1;background:var(--panel);grid-area:screen;min-height:0;padding:16px;display:block;overflow-y:auto}}.roompanel .auto{border-top:1px solid var(--line);color:var(--muted);cursor:pointer;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:18px;padding-top:12px;font-size:14px;display:flex}.roompanel .auto .count{margin-left:auto;font-size:13px}.roompanel h2{margin:14px 0 10px;font-size:24px;font-weight:400}.roompanel .exits{flex-wrap:wrap;gap:6px;margin:0;display:flex}.roompanel .exits button{color:var(--exit);cursor:pointer;background:0 0;border:1px solid #2f5557;border-radius:4px;padding:3px 12px;font-size:15px}.roompanel .exits button:hover{border-color:var(--exit);background:#1c2a2a}.roompanel .objects{color:var(--muted);margin:12px 0 0;font-size:14px}.here{margin-top:14px}.here h3{color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:400}.here ul{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.here li{text-align:center;flex-direction:column;align-items:center;gap:4px;width:76px;display:flex}.here .thumb{border:1px solid var(--line);background:#0c0b08;border-radius:6px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.here .thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .8s;display:block}.here .thumb img.shown{opacity:1}.here .thumb button{color:var(--accent);cursor:pointer;background:0 0;border:0;width:100%;height:100%;font-size:13px}.here .thumb button:hover{background:#2a2418}.here .thumb .painting{color:var(--accent);font-size:11px;animation:2.4s ease-in-out infinite breathe}.here .kind-player .thumb,.here .kind-unknown .thumb{border-color:#4a6a6c;border-radius:50%}.here .initial{color:var(--exit);font-size:28px}.here .name{font-size:12px;line-height:1.25}.here .tag{color:var(--exit);font-size:11px}.screen{background:#12100c;grid-area:screen;padding:16px;position:relative;overflow-y:auto;container-type:inline-size}.text{max-width:88ch;margin:0 auto;font:clamp(12px,2cqw,18px)/1.45 ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace}.line{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.4em}.text .b{color:#f4eee0;font-weight:700}.text .c0{color:#7d7669}.text .c0.b{color:#a39b8b}.text .c1{color:#d0655a}.text .c1.b{color:#ef8a7c}.text .c2{color:#7fb069}.text .c2.b{color:#a6d98b}.text .c3{color:#cfa648}.text .c3.b{color:#f0c96a}.text .c4{color:#6f93c9}.text .c4.b{color:#95b6e6}.text .c5{color:#b87fc1}.text .c5.b{color:#d7a3de}.text .c6{color:var(--exit)}.text .c6.b{color:#9be3e8}.text .c7{color:#d8d0bf}.text .c7.b{color:#fffaf0}.text .in{color:var(--accent)}.connect{text-align:center;padding:32px 16px;position:sticky;bottom:0}.connect button{background:var(--accent);color:#1a1406;cursor:pointer;border:0;border-radius:6px;padding:10px 22px;font-size:17px}.connect button:disabled{opacity:.6;cursor:default}.connect .note{color:var(--muted);margin:0 0 12px}.connect .hint{color:var(--muted);margin:10px 0 0;font-size:14px}.connect .privacy{color:var(--muted);max-width:52ch;margin:14px auto 0;font-size:12px}.inputbar{border-top:1px solid var(--line);background:var(--panel);grid-area:input;gap:8px;padding:10px 16px;display:flex}.inputbar input{min-width:0;color:var(--text);border:1px solid var(--line);background:#12100c;border-radius:4px;flex:1;padding:8px 10px;font:15px ui-monospace,DejaVu Sans Mono,Menlo,Consolas,monospace}.inputbar input:focus{border-color:var(--accent);outline:none}.inputbar input:disabled{opacity:.5}.inputbar .quiet{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:0 12px;font-size:14px}.inputbar .quiet:hover{color:var(--text)}@media (width<=900px){.play.with-room{grid-template:"room""screen"minmax(0,1fr)"input"/minmax(0,1fr)}.roompanel{border-right:0;border-bottom:1px solid var(--line);padding:10px}.roompanel .picture{aspect-ratio:auto;height:26vh}.roompanel h2{margin:8px 0 6px;font-size:19px}.roompanel .objects,.roompanel .auto,.roompanel .guide{display:none}.here{margin-top:8px}.here li{width:60px}.here .thumb{width:56px;height:56px}.roompanel.noroom{display:none}.guidebutton{display:block}.guidesheet{z-index:1;background:#12100c;grid-area:screen;min-height:0;padding:10px;display:flex}.mapsheet{padding:10px}.guidesheet .guide{flex:1;min-height:0;margin:0}}@media (width<=600px){.screen{padding:10px}.inputbar{padding:8px 10px}}.shell{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:24px;height:48px;padding:0 16px;display:flex}.brand{color:var(--accent);letter-spacing:.03em;font-size:18px}.topbar nav{gap:4px;display:flex}.topbar nav a{color:var(--muted);border-radius:4px;padding:4px 12px;text-decoration:none}.topbar nav a:hover{color:var(--text)}.topbar nav a.active{color:var(--text);background:#332d22}.page{min-height:0}.page[hidden]{display:none}@media (width<=600px){.brand{font-size:16px}.topbar{gap:12px}}