:root{--ink:#20312c;--muted:#68766e;--paper:#f5f5ee;--line:#d9ded3;--accent:#d8fa72}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#canvas:focus-visible{outline:3px solid #7b9639;outline-offset:3px}header{height:94px;display:flex;align-items:center;gap:34px;padding:0 32px;border-bottom:1px solid var(--line);background:#fafbf7}.brand{font-size:29px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none}.brand span{font-size:9px;font-weight:600;letter-spacing:2px;max-width:65px;line-height:1.5;border-left:1px solid #cad3c2;padding-left:14px}.address{flex:1}h1{font-size:21px;letter-spacing:-.6px;margin:0 0 6px;font-weight:500}header p{font-size:12px;color:var(--muted);margin:0}header>button{border:0;background:none;font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;height:calc(100dvh - 94px);min-height:600px}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 40%,#f9faf4,#e7eadd 80%)}#canvas{width:100%;height:100%;touch-action:none;outline-offset:-4px}canvas{display:block;width:100%;height:100%}.viewbar{position:absolute;z-index:5;top:23px;left:50%;transform:translateX(-50%);display:flex;gap:3px;padding:5px;background:#fafbf7ee;border:1px solid #dde2d4;border-radius:12px;box-shadow:0 6px 25px #34412a0c;white-space:nowrap}.viewbar button{border:0;border-radius:8px;padding:12px 16px;background:none;font-size:12px}.viewbar button[aria-pressed=true]{background:var(--ink);color:white}.modeltag{position:absolute;left:28px;top:94px;display:flex;gap:7px;align-items:center;flex-wrap:wrap;pointer-events:none}.dot{width:6px;height:6px;border-radius:50%;background:#68854b}.modeltag span{font-size:10px;letter-spacing:1.6px}.modeltag small{flex-basis:100%;font-size:10px;color:var(--muted);padding-top:3px}.tools{position:absolute;left:24px;bottom:51px;display:flex;gap:6px}.tools button{width:66px;height:53px;border:1px solid #d5dccb;border-radius:9px;background:#fbfcf8eb;font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.tools span{font-size:9px;white-space:nowrap}.tools button[aria-pressed=true]{background:#eaf2d3}.gesture{position:absolute;bottom:22px;left:28px;font-size:11px;color:var(--muted);pointer-events:none}.gesture b{font-weight:400;margin:0 10px}#labels{position:absolute;inset:0;pointer-events:none}.room-label{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);border:1px solid #cad2ba;background:#fcfff4dd;backdrop-filter:blur(4px);font-size:10px;padding:6px 9px;border-radius:6px;box-shadow:0 2px 8px #26392112;white-space:nowrap}.room-label.selected{background:var(--accent);border-color:#7b903f}aside{border-left:1px solid var(--line);background:#fcfcf8;overflow:auto;padding:26px 24px 20px}.eyebrow{font-size:9px;letter-spacing:2px;color:#758660}h2{font-size:25px;line-height:1.12;font-weight:500;letter-spacing:-.8px;margin:14px 0 12px}aside p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 12px}#room-dim{font-size:11px;font-weight:600;color:#304335}.photo-wrap{margin:18px 0 14px;position:relative}#photo-open{padding:0;border:0;display:block;width:100%;background:#e4e8dd;border-radius:8px;overflow:hidden}#photo{width:100%;aspect-ratio:1.5;object-fit:cover;display:block}#photo-caption{display:block;font-size:9px;color:var(--muted);padding-top:8px}#photo-nav{display:flex;gap:5px;margin-top:8px}#photo-nav button{border:1px solid var(--line);background:#f5f7ed;padding:5px 9px;font-size:10px;border-radius:4px}.primary{display:block;border:0;width:100%;padding:14px 10px;border-radius:7px;background:var(--ink);color:#fff;font-size:12px}.primary:disabled{background:#e4e9da;color:#76806c;cursor:default}.room-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0}.room-list button{padding:10px 7px;text-align:left;border:1px solid #e1e5db;background:white;border-radius:5px;font-size:10px;min-height:37px}.room-list button.selected{background:var(--accent);border-color:#b1c56d}#source-plan{font-size:11px;border:0;border-bottom:1px solid #bdcbb0;background:none;padding:8px 0}aside .fine{font-size:10px;line-height:1.65;margin-top:16px}dialog{border:0;border-radius:14px;padding:35px;max-width:95vw;max-height:94dvh;width:880px;background:#fafbf7;color:var(--ink)}dialog::backdrop{background:#14201ac9;backdrop-filter:blur(5px)}dialog img{display:block;max-width:100%;max-height:80dvh;object-fit:contain;margin:auto}.close{position:sticky;float:right;top:0;border:1px solid #bbc8b1;border-radius:50%;background:white;width:34px;height:34px;z-index:3}dialog p,dialog li{font-size:14px;line-height:1.8}dialog a{color:inherit}#error{position:absolute;top:40%;left:15%;right:15%;background:white;padding:25px;border:1px solid #acb69f;border-radius:12px;z-index:9}.stage:fullscreen{height:100dvh;width:100vw}.stage:fullscreen .viewbar{top:25px}@media(max-width:850px){header{height:80px;padding:0 18px;gap:18px}.brand span{display:none}.address h1{font-size:17px}header p{font-size:10px}header>button{font-size:10px}main{grid-template-columns:1fr;height:auto;min-height:0}.stage{height:68dvh;min-height:440px}aside{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;padding:25px}.aside-top{grid-column:1}h2{font-size:24px}.photo-wrap{grid-column:2;grid-row:1/3;margin:0}.primary{grid-column:1}.room-list{grid-column:1/-1;margin:8px 0;grid-template-columns:repeat(3,1fr)}.fine{grid-column:1/-1}.viewbar{top:15px}.viewbar button{padding:10px 11px;font-size:11px}.modeltag{left:18px;top:77px}.tools{left:16px;bottom:45px}.gesture{left:18px;font-size:10px}.room-label{font-size:9px;padding:5px 6px}}@media(max-width:450px){header>button{max-width:70px;text-align:right}.stage{height:62dvh;min-height:425px}aside{padding:22px 18px;gap:10px 16px}.viewbar button{padding:10px 9px;font-size:10px}.tools button{width:58px}.modeltag small{font-size:9px}.room-label{font-size:8px;max-width:95px;white-space:normal}.gesture b{margin:0 4px}.photo-wrap{align-self:center}aside p{font-size:11px}.primary{font-size:10px}.room-list{grid-template-columns:1fr 1fr}h2{font-size:22px}}
#start-walk{position:absolute;right:24px;top:88px;background:var(--accent);border:1px solid #a9c46b;padding:13px 18px;border-radius:8px;font-size:12px;box-shadow:0 4px 16px #243c1714}#walk-ui{position:absolute;inset:0;pointer-events:none;z-index:6}#walk-ui[hidden]{display:none}.walking .viewbar,.walking .modeltag,.walking .tools,.walking .gesture,.walking #start-walk{display:none}.walk-top{position:absolute;inset:20px 20px auto;display:flex;gap:15px;align-items:center}.walk-top button{pointer-events:auto;padding:12px 16px;min-height:44px;border:1px solid #ced9c3;background:#fffff3ed;border-radius:8px;font-size:12px}.walk-top span{background:#20312cdd;color:#fff;border-radius:8px;padding:13px 18px;font-size:14px;box-shadow:0 2px 14px #0002}.walk-top button:last-child{margin-left:auto}.walk-bottom{position:absolute;left:20px;right:20px;bottom:19px;display:flex;flex-direction:column;align-items:center;gap:10px}.walk-help{font-size:11px;color:white;text-shadow:0 1px 3px #000;background:#20312ce8;border-radius:5px;padding:7px 12px;text-align:center}.walk-pad{display:flex;gap:6px}.walk-pad button{pointer-events:auto;touch-action:none;user-select:none;width:48px;height:46px;border:1px solid #bac7ab;border-radius:9px;background:#fffff3ec;font-size:23px}.walk-pad button:active{background:var(--accent)}#nearby{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;max-width:700px}#nearby button{pointer-events:auto;border:1px solid #c5d2b3;background:#fffff3f2;border-radius:20px;min-height:38px;padding:9px 14px;font-size:11px}#nearby button:hover{background:var(--accent)}#mini-map{position:absolute;right:20px;top:82px;width:138px;height:278px;padding:12px;background:#fffff3e8;border:1px solid #cfdbc1;border-radius:12px;pointer-events:auto;box-shadow:0 6px 24px #0001}#mini-map>span{display:block;font-size:8px;letter-spacing:1px;text-align:center}#mini-map small{display:block;font-size:8px;text-align:center;color:#576747}#map-svg{width:100%;height:230px}#map-svg polygon{fill:#e5e6d9;stroke:#82906e;stroke-width:.11;cursor:pointer}#map-svg polygon.active{fill:#d8fa72}#map-svg polygon:hover,#map-svg polygon:focus{fill:#b5d86c;outline:none}#map-position{fill:#20312c;stroke:#fff;stroke-width:.08;pointer-events:none}.walk-hotspot{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;display:flex;align-items:center;flex-direction:column;background:none;border:0;padding:0;color:#fff}.walk-hotspot[hidden]{display:none}.walk-hotspot span{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:3px solid white;border-radius:50%;background:#32442a66;box-shadow:0 1px 12px #0005;font-size:28px}.walk-hotspot small{margin-top:5px;font-size:10px;padding:5px 8px;background:#20312cdd;border-radius:4px}.walk-hotspot:hover span{background:#9bbe3f99;border-color:var(--accent)}#walk-fade{position:absolute;inset:0;background:#edf0e7;opacity:0;transition:opacity .22s;pointer-events:none}#walk-fade.active{opacity:.8}@media(max-width:850px){#start-walk{right:18px;top:105px;padding:10px 12px;font-size:10px}.walk-top{inset:12px 12px auto;gap:7px}.walk-top button{font-size:10px;padding:9px 11px}.walk-top span{font-size:11px;padding:12px}.walk-bottom{left:12px;right:12px;bottom:12px;gap:7px}.walk-help{font-size:9px;padding:6px 8px}#nearby button{min-height:34px;padding:7px 10px;font-size:10px}#mini-map{width:95px;height:183px;right:12px;top:65px;padding:8px}#map-svg{height:140px}#mini-map small{display:none}#mini-map>span{font-size:6px}.walk-pad button{width:42px;height:42px}.walk-hotspot span{width:34px;height:34px;font-size:22px}.walk-hotspot small{font-size:9px}}@media(prefers-reduced-motion:reduce){#walk-fade{transition:none}}

/* Room-to-room teleporting is primary; continuous walking is optional. */
.walk-bottom{left:20px;right:auto;width:min(690px,calc(100% - 40px));padding:16px 18px;background:#20312cf2;border:1px solid #ffffff30;border-radius:14px;box-shadow:0 8px 32px #0002;align-items:stretch;gap:12px}
.teleport-heading{color:#fff;font-size:16px;font-weight:600}.teleport-heading small{display:block;font-size:11px;font-weight:400;color:#d7e1d6;margin-top:5px}
#nearby{justify-content:flex-start;gap:8px;max-width:none}#nearby button{border-radius:8px;background:var(--accent);border-color:var(--accent);color:#20312c;min-height:44px;padding:10px 14px;font-size:12px;font-weight:600}#nearby button:hover{background:#e9ffa9}
#walking-options{pointer-events:auto;color:#e0e8dd;font-size:11px}#walking-options summary{cursor:pointer;min-height:28px;padding:6px 0;width:fit-content}#walking-options .walk-pad{margin:8px 0}#walking-options>small{font-size:10px}.walk-help{background:none;padding:0;text-align:left;font-size:10px;color:#c9d6c8;text-shadow:none}
.walk-hotspot span{background:#d8fa72;color:#20312c;border-color:#fff;width:48px;height:48px}.walk-hotspot small{font-size:12px;font-weight:600;padding:7px 10px;background:#20312cf0}
@media(max-width:850px){.walk-bottom{left:12px;bottom:12px;width:calc(100% - 24px);padding:12px;gap:8px}.teleport-heading{font-size:14px}.teleport-heading small{font-size:10px}#nearby{gap:6px}#nearby button{min-height:40px;padding:8px 10px;font-size:11px}.walk-help{font-size:9px}.walk-hotspot small{font-size:10px}}