:root{--paper:#f7f4ef;--ink:#1c1b19;--forest:#234a35;--line:#e0dad0}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#e9e5dc;color:var(--ink);font:14px Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #b97d4b;outline-offset:3px}#canvas{position:fixed;inset:0;width:100%;height:100%;touch-action:none;display:block}header{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}header>*{pointer-events:auto}.identity{font:27px Georgia,serif;text-decoration:none;color:var(--ink)}.identity>span{display:block;font:8px Arial,sans-serif;letter-spacing:.17em;margin-top:4px}.top-actions{display:flex;gap:8px}.top-actions button{background:var(--paper);border:1px solid var(--line);padding:12px 15px;font-size:12px;color:var(--ink);min-height:44px}.top-actions button.active{background:var(--forest);color:white}#fullscreen{font-size:22px;padding:7px 13px}.view-caption{position:absolute;top:91px;left:24px;font-size:11px;display:flex;gap:7px;align-items:center;color:#5c675b}.dot{width:5px;height:5px;border-radius:50%;background:#6b7e5c}.panel{position:absolute;left:24px;bottom:60px;background:#f7f4eff5;border:1px solid #ffffffa0;box-shadow:0 10px 35px #1c1b1910;width:235px;padding:18px;max-height:calc(100% - 185px);overflow:auto}.panel-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.12em;margin-bottom:13px}.mobile-toggle{border:0;background:transparent;color:var(--ink);font-size:20px;padding:0 4px;line-height:1}.views{display:flex;flex-direction:column;gap:5px}.view{border:1px solid var(--line);background:none;color:var(--ink);text-align:left;font-size:12px;padding:10px 12px;min-height:40px}.view:hover{background:#e9e9e0}.view.active{background:var(--forest);color:white;border-color:var(--forest)}.room-label{font-size:8px;letter-spacing:.1em;margin:18px 0 9px;color:#6b675f}.rooms{display:grid;grid-template-columns:1fr 1fr}.rooms .view{padding:10px 8px;font-size:11px}.options{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;border-bottom:1px solid var(--line);padding:11px 0}.options button{border:0;background:transparent;color:var(--ink);font-size:10px;display:flex;align-items:center;gap:5px;padding:3px 0}.switch{width:23px;height:13px;border-radius:7px;background:#bbc0b5;position:relative}.switch:after{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;border-radius:50%;background:white}.on .switch{background:var(--forest)}.on .switch:after{left:12px}.footnote{font-size:10px;line-height:1.6;color:#77756a;margin:13px 0 0}.walk-note{display:none;font-size:10px;line-height:1.6;background:#e9ede3;padding:10px;margin-top:10px}.bottom-bar{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#616b5a;background:#f7f4efdc;border:1px solid white;padding:10px 15px}.overlay{position:absolute;inset:0;z-index:5;background:var(--paper);display:flex;align-items:center;justify-content:center;transition:opacity .4s}.overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{width:min(380px,80vw)}.loading-card h1{font:36px Georgia,serif;letter-spacing:-.04em;font-weight:400;margin-top:38px}.loading-card p{font-size:13px;line-height:1.7;color:#6b675f}.loading-card a{font-size:11px;color:var(--forest);text-underline-offset:5px}.line{height:2px;background:#dfdfd6;margin:25px 0}.line i{display:block;width:3%;height:2px;background:var(--forest)}.error{display:none;color:#995137!important}.panel.minimized>*:not(.panel-top){display:none}.panel.minimized .panel-top{margin:0}@media(max-width:600px){header{top:16px;left:16px;right:16px}.identity{font-size:23px}.identity>span{font-size:7px}.top-actions button{font-size:11px;padding:10px}.top-actions #fullscreen{font-size:21px}.view-caption{top:76px;left:16px;font-size:10px}.panel{left:12px;right:12px;bottom:46px;width:auto;padding:12px;max-height:45%}.panel-top{margin-bottom:8px}.views{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.view{font-size:11px;text-align:center;padding:10px 5px}.rooms{grid-template-columns:repeat(4,1fr)}.rooms .view{font-size:10px;padding:10px 4px}.room-label{margin:10px 0 7px}.options{display:inline-flex;width:100%;padding:6px 0}.walk-control{display:none}.footnote{margin-top:8px;font-size:9px}.bottom-bar{bottom:12px;font-size:9px;width:max-content;max-width:calc(100% - 24px);white-space:normal;text-align:center;padding:7px 10px}.panel:not(.minimized){max-height:235px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}