[hidden]{display:none!important}.stage{position:relative;aspect-ratio:3/2}.stage #guest-map{width:100%;height:100%;display:block;touch-action:none;image-rendering:auto}.stage #map-loading{position:absolute;inset:40% 15% auto;text-align:center;background:var(--panel);padding:20px}.worldpanel{overflow:hidden}.worldfoot{gap:12px;flex-wrap:wrap}.destinations{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.destinations button{flex:1;min-width:140px}.room-note{margin:0;padding:0 15px 12px;color:var(--muted);font-size:12px}.touch-pad{display:flex;gap:12px;justify-content:center;padding:8px}.touch-pad button{touch-action:none;min-width:48px}.city-audio{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:14px}.city-audio small{flex:1}.city-audio label{display:flex;gap:8px;align-items:center}.city-audio input{max-width:100px}.quest-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.quest-card progress{width:240px;max-width:100%;accent-color:var(--accent)}.classic-options{padding:18px 0}.classic-options summary{cursor:pointer;color:var(--accent)}.classic-options button,.classic-options label{margin:12px 12px 0 0}select,input{max-width:100%;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:10px;font:inherit}#classic-story{width:min(740px,94vw);max-height:85vh;overflow:auto;padding:28px;background:#ded3b9;color:#253029}#classic-story::backdrop,#classic-info::backdrop{background:#080b10bd}#classic-story .eyebrow{color:#716037}#classic-story h2{font-size:30px}#classic-story button{border-color:#8e8b73;color:#253029;background:transparent}#scene-actions{display:grid;gap:10px;margin-top:20px}#scene-actions button{text-align:left;padding:12px}#save-note{font-size:12px;opacity:.8;border-top:1px solid #9c9882;padding-top:15px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#classic-info{width:min(600px,94vw);padding:25px}#classic-portrait{width:150px;height:200px;object-fit:contain}.wardrobe label{display:block;margin-top:12px}.wardrobe input,.wardrobe select{width:100%;margin-bottom:12px}.classic-notebook-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}#classic-notebook details{border-top:1px solid var(--line);padding:15px 0}#classic-notebook summary{cursor:pointer;color:var(--accent)}.tier p{font-size:12px;color:var(--muted)}.tier{min-height:100px}.tiers{grid-template-columns:repeat(3,minmax(0,1fr))}.city-view{min-width:0}header{flex-wrap:wrap}button{border:1px solid var(--line);border-radius:3px;background:var(--panel);color:var(--text);padding:9px 13px}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:650px){.city-audio{gap:9px}.city-audio small{flex-basis:100%}.quest-card{align-items:start;flex-direction:column}.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.character-layout{display:block}.destinations button{min-width:125px}#classic-story{padding:18px}.intro .context{display:none}.stage{width:100%}.worldfoot{font-size:12px}}
/* Public guest readability: explicit ink colours prevent dark-theme inheritance on paper. */
#classic-story{background:#f2e7cf;color:#252b27;color-scheme:light;line-height:1.7}
#classic-story p,#classic-story #scene-copy p{color:#30372f;font-size:16px;line-height:1.75;opacity:1}
#classic-story h2{color:#202a25;line-height:1.2;margin-bottom:20px}
#classic-story .eyebrow{color:#695020;font-size:12px}
#classic-story #save-note{color:#535747;font-size:13px;opacity:1}
#classic-story button{background:#fffaed;color:#26352b;border:1px solid #77745e;min-height:44px;line-height:1.5}
#classic-story button:hover{background:#dfd1b0;border-color:#4b5b48}
#classic-story button:focus-visible{outline:3px solid #27513c;outline-offset:3px}
#classic-story .guest-spoken{border-left:3px solid #8d7040;padding:10px 16px;background:#e6dac0;margin:10px 0}
.guest-spoken strong{display:block;font:700 12px/1.6 'Segoe UI',sans-serif;letter-spacing:.5px;margin-bottom:4px}
#classic-story .dialog-head{position:sticky;top:-28px;background:#f2e7cf;padding:10px 0;z-index:1;border-bottom:1px solid #b8aa8b}
#classic-info p,#classic-notebook p{color:#d3d6c9;font-size:16px;line-height:1.75}
#classic-notebook summary{font-size:16px;line-height:1.6}
.room-note,.smallnote,#name-help,#name-feedback,.classic-options p{color:#c6cabf;font-size:14px;line-height:1.6}
#name-feedback{color:#efce91}.label{color:#c8cbbb;font-size:11px}
input:focus-visible,summary:focus-visible{outline:2px solid #e0bd80;outline-offset:3px}
#classic-notebook,.identity,.tier{overflow-wrap:anywhere}
@media(max-width:650px){#classic-story .dialog-head{top:-18px}#classic-story p{font-size:16px}.touch-pad button{min-height:44px}}