.market-map-periods button:focus-visible,.market-map-tile:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}
.market-map-view{position:relative;min-height:680px}.market-map-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:12px}.market-map-head p{margin:0;color:var(--text-muted);max-width:680px}.market-map-periods{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle)}.market-map-periods button{border:0;background:transparent;color:var(--text-muted);border-radius:8px;padding:8px 10px;font:inherit;font-weight:800;cursor:pointer}.market-map-periods button.active{background:var(--accent);color:#fff}.market-map-meta{font-size:.82rem;color:var(--text-muted);margin:8px 0}.market-map-legend{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:.75rem;margin:10px 0}.market-map-legend i{width:28px;height:10px;border-radius:999px}.market-map-legend .loss{background:#b23a4b}.market-map-legend .neutral{background:#586270}.market-map-legend .gain{background:#16865b}.market-map-legend small{margin-left:auto}.market-map-stage{position:relative;height:min(68vh,720px);min-height:560px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface-subtle)}.market-map-loading{display:grid;place-items:center;height:100%;color:var(--text-muted)}.market-map-sector-frame{position:absolute;z-index:1;box-sizing:border-box;border:2px solid color-mix(in srgb,var(--text) 20%,transparent);border-radius:10px;pointer-events:none;background:color-mix(in srgb,var(--surface) 10%,transparent)}.market-map-tile{position:absolute;z-index:2;border:2px solid var(--surface);padding:9px;color:#fff;text-align:left;overflow:hidden;cursor:pointer;transition:filter .15s ease,transform .15s ease;background:#586270}.market-map-tile:hover,.market-map-tile:focus-visible{filter:brightness(1.12);z-index:3}.market-map-tile[data-tone=gain]{background:color-mix(in srgb,#16865b calc(38% + var(--intensity)*62%),#3d5250)}.market-map-tile[data-tone=loss]{background:color-mix(in srgb,#b23a4b calc(38% + var(--intensity)*62%),#53464c)}.market-map-tile[data-tone=missing]{background:repeating-linear-gradient(135deg,#4b5563 0 8px,#5f6a78 8px 16px)}.market-map-tile strong,.market-map-tile span{display:block;position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.35)}.market-map-tile strong{font-size:clamp(.72rem,1.1vw,1rem)}.market-map-tile span{font-size:.72rem;margin-top:3px}.market-map-tile.compact span,.market-map-tile.tiny span,.market-map-tile.tiny .tile-name{display:none}.market-map-tile.tiny{padding:5px}.market-map-tooltip{position:fixed;z-index:120;pointer-events:none;min-width:220px;max-width:310px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 14px 35px rgba(0,0,0,.24);color:var(--text);font-size:.78rem}.market-map-tooltip strong{display:block;font-size:.92rem;margin-bottom:6px}.market-map-tooltip dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.market-map-tooltip dd{margin:0;text-align:right;font-weight:700}.market-map-accessible{margin-top:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.market-map-accessible>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px}.market-map-accessible h3{margin:0;font-size:.94rem}.market-map-accessible p{margin:3px 0 0;color:var(--text-muted);font-size:.76rem}.market-map-accessible button,.market-map-breadcrumb button{border:0;background:transparent;color:var(--accent);font:inherit;font-weight:800;cursor:pointer}.market-map-missing{margin-top:12px;padding:12px 14px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted)}.market-map-missing p{margin:4px 0 0}.market-map-breadcrumb{display:flex;align-items:center;gap:8px;margin:8px 0}.market-map-list-change.gain{color:var(--positive)}.market-map-list-change.loss{color:var(--negative)}
@media(max-width:720px){.market-map-head{align-items:stretch;flex-direction:column;gap:12px}.market-map-periods{align-self:flex-start}.market-map-stage{height:460px;min-height:420px}.market-map-legend small{display:none}.market-map-tile{padding:6px}.market-map-tile strong{font-size:.7rem}.market-map-accessible>header{align-items:flex-start}.market-map-tooltip{max-width:min(300px,calc(100vw - 24px))}}
@media(prefers-reduced-motion:reduce){.market-map-tile{transition:none}}
.market-map-tile[data-tone=gain]{background:#197454}.market-map-tile[data-tone=loss]{background:#9f3e4d}.market-map-sector{position:absolute;z-index:4;border:2px solid var(--surface);border-bottom:0;background:color-mix(in srgb,var(--surface) 90%,var(--accent));color:var(--text);padding:3px 7px;text-align:left;font:inherit;font-size:.69rem;font-weight:800;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}
.market-map-view{min-height:0}.market-map-stage{height:max(560px,calc(100dvh - 235px));min-height:0}@media(max-width:720px){.market-map-stage{height:calc(100dvh - 250px);min-height:420px}}