/* Keep the overview and edge-scroll preference from the wider-square demo. */
.canvas-overview{position:fixed;right:24px;bottom:88px;z-index:10;width:172px;padding:8px;background:rgb(250 250 247 / 50%);border:1px solid #ffffffc9;border-radius:13px;box-shadow:0 4px 24px #1b14251a;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#minimap{display:block;width:100%;padding:0;overflow:hidden;border-radius:6px;background:transparent;cursor:crosshair}
#minimap-svg{display:block;width:100%;height:100px;stroke:none}#minimap-window{fill:#ffffff30;stroke:white;stroke-width:3;vector-effect:non-scaling-stroke;paint-order:stroke;filter:drop-shadow(0 1px 2px #000b)}
.overview-actions{display:flex;align-items:center;justify-content:space-between;gap:3px;padding-top:8px}.overview-actions button{font-size:12px;line-height:1.4;padding:5px 4px;border-radius:5px}.overview-actions button:hover{background:#eae7ff}#edge-toggle[aria-pressed="true"]{color:#4935c9}#edge-state{font-weight:bold}
@media(min-width:601px) and (max-width:1000px){.canvas-overview{right:18px;bottom:232px;width:150px}#minimap-svg{height:85px}.overview-actions{flex-direction:column;padding-top:4px;gap:0}.overview-actions button{width:100%}}
@media(max-width:600px){.canvas-overview{display:none}}
@media(max-height:650px) and (min-width:601px){.canvas-overview{bottom:85px}.canvas-status{display:none}}

#minimap-tiles{opacity:.5}

/* One compact glass control panel, anchored to the right. */
.canvas-controls{left:auto;right:24px;bottom:88px;transform:none;width:228px;padding:8px;gap:6px}
.canvas-controls .canvas-overview{position:static;display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.canvas-controls #minimap{width:108px;height:72px;min-width:0;min-height:0;border-radius:6px;padding:0;flex-shrink:0}
.canvas-controls #minimap-svg{height:72px}
.canvas-controls .overview-actions{flex:1;display:flex;flex-direction:column;padding:0;gap:2px}
.canvas-controls .overview-actions button{width:100%;height:auto;min-height:30px;font-size:12px;line-height:1.3;padding:4px;display:block}
.canvas-controls .canvas-hint{padding:2px 0;font-size:12px;line-height:1.35;gap:4px}
.canvas-controls .canvas-hint>span:first-child,.canvas-controls .canvas-hint>span:last-child{display:none}
.canvas-controls .zoom-row{padding-top:4px;gap:3px}
.canvas-controls .zoom-row button{width:36px;height:36px}
@media(max-width:1000px) and (min-width:601px){.canvas-controls{right:18px;bottom:88px}.canvas-status{right:18px;bottom:30px}}
@media(max-width:600px){.canvas-controls{left:auto;right:12px;transform:none;width:195px;bottom:calc(var(--mobile-nav-height,76px) + 10px);padding:4px}.canvas-controls .canvas-overview{display:none}.canvas-controls .zoom-row button{width:44px;height:44px}}