:root{color-scheme:dark;--bg:#202725;--ink:#eee8dc;--muted:#a9b1a7;--line:#ffffff18;--accent:#e2ba77}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#app{max-width:1800px;margin:auto}header{height:84px;padding:0 4%;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:13px;letter-spacing:.23em;font-weight:650;white-space:nowrap}.brand-mark{font-size:28px;vertical-align:middle;color:var(--accent);padding-right:10px}.edition{font-size:12px;color:var(--muted)}.download{margin-left:auto;font-size:12px;padding:11px 15px;border:1px solid #ffffff30;border-radius:4px}.download span{margin-left:14px;color:var(--accent)}.stage{position:relative;height:calc(100vh - 286px);min-height:440px;max-height:920px;background:radial-gradient(ellipse at 50% 35%,#515449 0,#343c36 45%,#202725 85%);overflow:hidden}#canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.room-caption{position:absolute;top:32px;left:4%;pointer-events:none;max-width:270px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent)}h1{font-family:Georgia,"Times New Roman",serif;font-weight:normal;font-size:55px;letter-spacing:-.04em;margin:9px 0 8px}.room-caption p{font-size:12px;line-height:1.7;color:#c1c7bb;max-width:215px}.tools{position:absolute;right:4%;top:32px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tools button{background:#202725d9;color:var(--ink);border:1px solid #ffffff24;padding:9px 13px;font-size:11px;border-radius:4px}.tools button:hover{border-color:#e2ba7770}.segmented{display:flex}.segmented button{border-radius:0}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-radius:0 4px 4px 0}.tools button.active{background:var(--accent);color:#232925;border-color:var(--accent)}.instructions{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.035em;color:#d1d5ca;pointer-events:none;text-shadow:0 1px 5px #000}#loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#202725e8;border:1px solid #ffffff20;border-radius:6px;padding:16px 22px;display:flex;align-items:center;gap:13px;font-size:12px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff25;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#selection{position:absolute;right:4%;bottom:53px;padding:12px 45px 12px 16px;background:#202725eb;border:1px solid #e2ba7744;border-radius:5px;max-width:350px}#selection-category{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}#selection-name{font-size:12px;font-weight:500}#clear-selection{position:absolute;right:8px;top:9px;background:none;border:0;color:var(--muted);font-size:20px}.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 4%;border-top:1px solid var(--line)}.room-card{display:flex;align-items:center;gap:14px;background:#28302c;border:1px solid #ffffff13;color:var(--ink);border-radius:5px;padding:9px;text-align:left;transition:border-color .15s,background .15s;min-width:0}.room-card:hover{background:#333c34}.room-card.selected{border-color:var(--accent);background:#343c32}.room-card img{width:105px;height:75px;object-fit:cover;border-radius:2px;background:#3e473c}.room-card span{display:grid;gap:4px}.room-card small{font-size:9px;letter-spacing:.1em;color:var(--accent)}.room-card strong{font-family:Georgia,serif;font-weight:normal;font-size:22px}.room-card em{font-style:normal;font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;padding:0 4% 18px;color:#939f92;font-size:10px;line-height:1.5}.touch-walk{position:absolute;left:20px;bottom:47px;text-align:center}.touch-walk button{background:#202725dd;color:var(--ink);border:1px solid #ffffff30;border-radius:5px;width:39px;height:37px;margin:3px;touch-action:none}
@media(max-width:1050px){.room-card{gap:9px}.room-card img{width:70px;height:62px}.room-card em{font-size:9px}.room-caption{top:20px}h1{font-size:43px}.tools{top:20px}.edition{display:none}}
@media(max-width:700px){header{height:64px}.brand{font-size:11px;letter-spacing:.12em}.download{font-size:10px;padding:8px 10px}.stage{height:62vh;min-height:420px}.room-caption{top:15px;max-width:160px}.room-caption p{max-width:155px;font-size:10px}.tools{top:auto;bottom:43px;left:0;right:0;justify-content:center}.tools button{padding:8px 9px;font-size:10px}.rooms{grid-template-columns:repeat(2,1fr);gap:8px;padding:14px 4%}.room-card img{width:65px;height:55px}.room-card strong{font-size:19px}.room-card em{font-size:8px}.room-card{gap:10px}footer{flex-direction:column;gap:4px}.instructions{font-size:9px;bottom:10px}#selection{bottom:86px;max-width:240px}.touch-walk{bottom:90px}}