*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#e9ece4;color:#294b3f;font-family:Arial,sans-serif}
.block-page{width:100%;height:100vh;height:100dvh}
.block-stage{position:relative;width:100%;height:100%;overflow:hidden}
.block-view{position:absolute;inset:0;background:#e9ece4}
.block-view.is-evening{background:#263b3e}
.block-view canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}
.block-view canvas:focus-visible{outline:3px solid #2e7469}
.block-sr-only,.block-controls legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.block-tenant-callout{position:absolute;z-index:3;pointer-events:none;padding:10px 13px;min-width:116px;background:#fffdf6;border:1px solid #d5d5c7;border-left:3px solid #ac302c;border-radius:6px;box-shadow:0 2px 8px #233d3614;line-height:1.2}
.block-tenant-callout img{display:block;width:76px;height:auto;margin-bottom:5px}
.block-tenant-callout span{font-size:11px;color:#7d3730}
.block-callout-line{position:absolute;height:1px;transform-origin:0 50%;pointer-events:none;z-index:2;background:#b13b35}
.block-callout-line:before{content:'';position:absolute;left:-3px;top:-2px;width:5px;height:5px;border-radius:50%;background:inherit;outline:2px solid #fffdf6}
.block-hotel-marker{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;min-height:52px;padding:9px 12px;border:1px solid #bccdc0;border-left:3px solid #2c6656;border-radius:7px;background:#fffdf6;color:#294b3f;box-shadow:0 2px 8px #233d3626;text-align:left;font-family:inherit;cursor:pointer}
.block-hotel-marker[hidden]{display:none}
.block-hotel-marker:hover{background:#f0f5ed}
.block-hotel-marker:focus-visible{outline:3px solid #2e7469;outline-offset:3px}
.block-hotel-marker strong{display:block;font-size:12px;line-height:1.3}
.block-hotel-marker small{display:block;margin-top:3px;font-size:10px;line-height:1.3;color:#536c61}
.hotel-direction{display:none;width:18px;font-size:20px;line-height:1;transform:rotate(var(--direction,0rad))}
.block-hotel-marker[data-offscreen=true] .hotel-direction{display:block}
.hotel-line{background:#2c6656}

.block-tools{position:absolute;z-index:5;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom))}
.block-tools summary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:12px 16px;border:1px solid #c8d3c5;border-radius:8px;background:#fffdf6f5;box-shadow:0 2px 12px #233d3614;font-size:12px;cursor:pointer;list-style:none}
.block-tools summary::-webkit-details-marker{display:none}
.block-tools summary:after{content:'+';font-size:18px;line-height:1}
.block-tools[open] summary:after{content:'−'}
.block-tools summary:hover{background:#fffdf6}
.block-tools summary:focus-visible,.block-controls button:focus-visible,.block-attribution a:focus-visible{outline:3px solid #2e7469;outline-offset:2px}
.block-controls{position:absolute;right:0;bottom:calc(100% + 8px);width:min(480px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:calc(100vh - 96px);max-height:min(72dvh,620px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:14px;display:flex;flex-direction:column;gap:12px;border:1px solid #c8d3c5;border-radius:12px;background:#f8faf6;box-shadow:0 6px 30px #233d3626}
.block-controls button{font:500 12px/1.2 Arial,sans-serif;min-height:44px;padding:10px 12px;border:0;background:transparent;color:#294b3f;border-radius:6px;white-space:nowrap;cursor:pointer}
.block-controls button:hover{background:#e4ebe2}
.block-controls button:disabled{opacity:.5;cursor:wait}
.block-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border:1px solid #c8d3c5;border-radius:8px;gap:3px}
.block-presets button{flex:1;padding-left:8px;padding-right:8px}
.block-presets button[aria-pressed=true]{background:#2c5144;color:#fff}
.block-options{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.block-options button[aria-pressed=true]{background:#e4e9d5;color:#364d25;box-shadow:inset 0 0 0 1px #8d9c78}
.block-camera{display:flex;align-items:center;gap:2px}
.block-camera .zoom{font-size:19px;width:44px;padding:8px}
.block-storefronts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #d9dfd3;padding-top:12px}
.block-storefronts>span{grid-column:1/-1;font-size:11px;color:#536c61;margin-bottom:3px}
.block-storefronts button{border:1px solid #cbd5c7;text-align:left;padding:8px 10px;line-height:1.3;white-space:normal;min-height:58px}
.block-storefronts b{display:block;font-weight:600}
.block-storefronts small{display:block;font-size:10px;margin-top:3px}
.block-storefronts button[aria-pressed=true]{background:#2c5144;color:#fff;border-color:#2c5144}
.block-help{margin:0;font-size:11px;line-height:1.6;color:#536c61}
.block-attribution{position:absolute;z-index:4;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));margin:0;padding:4px 6px;max-width:calc(100% - 172px - env(safe-area-inset-left) - env(safe-area-inset-right));border-radius:3px;background:#fffdf6e6;font-size:10px;line-height:1.35;color:#536c61}
.block-attribution a{color:inherit;text-decoration:none}
.block-attribution a:hover{text-decoration:underline}
.block-error{display:grid;place-items:center;min-height:100%;margin:0;padding:24px;text-align:center;color:#244544}
@media(max-width:600px){
 .block-tenant-callout{padding:7px 10px;min-width:102px}
 .block-tenant-callout img{width:65px;margin-bottom:4px}
 .block-tenant-callout span{font-size:10px}
 .block-tools{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 .block-controls{padding:10px;width:calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right))}
 .block-presets{flex-wrap:wrap;gap:2px}
 .block-presets button{font-size:11px;padding-left:9px;padding-right:9px}
}