/* A single fixed 4:3 image plane keeps the visible parts and hit targets aligned. */
.hero-art.board-explorer-surface{overflow:visible;isolation:isolate}
.hero-art.board-explorer-surface>.hero-art-image.board-explorer-host{position:relative;inset:auto;display:grid;place-items:center;width:100%;height:auto;aspect-ratio:4/3;flex:none;order:1;background:none!important;mask-image:none!important;-webkit-mask-image:none!important;transform:none!important;filter:none!important;border-radius:0;overflow:visible;animation:none!important;transition:none;z-index:1}
.hero-art-image.board-explorer-host:before,.hero-art-image.board-explorer-host:after{display:none!important}
.board-explorer-surface>.floating-note,.board-explorer-surface>.hero-orbit-label{pointer-events:none;z-index:2}
.hero-art.board-explorer-surface.board-has-tooltip>.board-explorer-host{z-index:4}
.board-explorer{position:relative;width:100%;aspect-ratio:4/3;max-width:100%;flex-shrink:0;isolation:isolate;transform:none;--board-panel:var(--theme-panel,var(--white,#1d2428));--board-ink:var(--theme-ink,var(--ink,#e9e4d6));--board-muted:var(--theme-muted,var(--muted,#a9b9c1));--board-accent:var(--theme-accent,var(--blue,#d5a263));--board-line:var(--theme-steel,#8a9ba4)}
.board-explorer__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;filter:drop-shadow(0 16px 12px #0004)}
.board-explorer__hint{position:absolute;top:5%;left:11%;margin:0;color:var(--board-muted);font-size:10px;font-weight:400;letter-spacing:.015em;pointer-events:none}
.board-explorer__source{position:absolute;top:3.7%;right:6%;display:inline-flex;align-items:center;min-height:32px;padding:5px 8px;color:var(--board-accent);font-size:10px;font-weight:500;text-decoration:none;border:1px solid transparent;border-radius:4px;z-index:2}
.board-explorer__source:focus-visible{outline:2px solid var(--board-accent);outline-offset:3px;background:var(--board-panel)}
.board-hotspot{position:absolute;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:transparent;transform:translate(-50%,-50%);border-radius:50%;cursor:help;touch-action:manipulation;z-index:3;-webkit-tap-highlight-color:transparent}
.board-hotspot__dot{display:grid;place-items:center;width:18px;height:18px;border:1px solid #f6ead4;background:var(--theme-button,#d5a263);color:var(--theme-button-text,#182024);border-radius:50%;font-family:system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1;box-shadow:0 0 0 4px #10191f55,0 2px 8px #0007;transition:transform 140ms ease,box-shadow 140ms ease}
.board-hotspot[aria-expanded=true] .board-hotspot__dot{transform:scale(1.16);box-shadow:0 0 0 5px #10191f88,0 0 0 6px var(--board-accent),0 3px 10px #0007}
.board-hotspot:focus-visible{outline:2px solid var(--board-accent);outline-offset:1px;background:#10191f55}
.board-tooltip{position:absolute;z-index:5;box-sizing:border-box;max-width:calc(100% - 20px);padding:15px 17px 12px;background:var(--board-panel);color:var(--board-ink);border:1px solid var(--board-line);border-left:3px solid var(--board-accent);border-radius:5px;box-shadow:0 12px 36px #0006;pointer-events:auto;cursor:default;line-height:1.55;overflow-wrap:break-word}
.board-tooltip[hidden]{display:none!important}
.board-tooltip__kicker{display:block;margin-bottom:7px;color:var(--board-accent);font-size:9px;line-height:1.4;letter-spacing:.03em}
.board-tooltip__title{display:block;color:var(--board-ink);font-size:14px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.board-tooltip__text{margin:9px 0 0;color:var(--board-muted);font-size:11px;line-height:1.7;text-wrap:pretty}
.board-tooltip__dismiss{display:block;margin-top:11px;padding-top:8px;border-top:1px solid var(--line,#343d42);color:var(--board-muted);font-size:9px;line-height:1.4}
.board-explorer__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){.board-hotspot:hover .board-hotspot__dot{transform:scale(1.16)}.board-explorer__source:hover{border-color:var(--board-line);background:var(--board-panel)}}
@media(max-width:760px){.board-hotspot{width:36px;height:36px}.board-hotspot__dot{width:17px;height:17px;font-size:13px}.board-tooltip{padding:12px 14px 10px}.board-tooltip__title{font-size:13px}.board-tooltip__text{font-size:11px;line-height:1.6}.board-tooltip__kicker{font-size:8px}.board-tooltip__dismiss{font-size:9px;margin-top:8px}.board-explorer__hint{font-size:9px;top:4%;left:9%}.board-explorer__source{top:1.5%;right:4%;font-size:9px}}
@media(max-width:360px){.board-hotspot{width:32px;height:32px}.board-explorer__hint{font-size:8px}.board-tooltip__text{line-height:1.5}.board-tooltip__dismiss{font-size:8px}}
@media(prefers-reduced-motion:reduce){.board-hotspot__dot{transition:none}.board-hotspot[aria-expanded=true] .board-hotspot__dot{transform:none}}
