:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#030807;color:#edf1ef}
*{box-sizing:border-box}
html,body{min-width:320px;margin:0;background:#030807}
body{padding:18px;background:radial-gradient(circle at 48% -18%,#173724 0,transparent 41%),linear-gradient(135deg,#07100d,#020604 65%,#030706)}
.heatmap-board{max-width:1900px;margin:0 auto;overflow:hidden;border:1px solid #926b1b;border-radius:10px;background:linear-gradient(145deg,#07100d,#030706);box-shadow:0 20px 80px #0009,inset 0 1px #ffffff0c}
.heatmap-toolbar{display:flex;align-items:center;gap:18px;min-height:72px;padding:13px 22px;border-bottom:1px solid #394134;background:#070d0a}
.heatmap-toolbar-title{display:flex;align-items:baseline;gap:12px;min-width:max-content}.heatmap-toolbar-title strong{color:#f1bd43;font-size:18px;letter-spacing:.08em}.heatmap-toolbar-title small{color:#58db82;font-size:10px;font-weight:800;letter-spacing:.08em}.heatmap-toolbar-title small::before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.heatmap-tabs{display:flex;gap:6px;margin-left:auto}.heatmap-tabs button{padding:9px 13px;border:1px solid #3b473e;border-radius:4px;background:#080d0b;color:#b8c1bb;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.heatmap-tabs button[aria-pressed=true]{border-color:#d6a431;background:#251d0b;color:#ffd36a}.heatmap-tabs button:hover{border-color:#c99a31;color:#f7ca60}.heatmap-tabs button:focus-visible,.heatmap-tile:focus-visible{outline:2px solid #ffe895;outline-offset:2px}
.heatmap-legend{display:grid;grid-template-columns:auto 28px auto 28px auto;gap:6px;align-items:center;color:#aeb7b1;font-size:10px;white-space:nowrap}.heatmap-legend i{height:7px;border-radius:5px;background:linear-gradient(90deg,#ae1b1b,#d8473d 50%,#b9b3a4 50%,#44d674)}.heatmap-legend i:last-of-type{display:none}.heatmap-source{color:#aab4ae;font-size:10px;white-space:nowrap}
.heatmap-canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:112px;gap:7px;padding:12px}
.map-sector{display:flex;grid-column:span 3;grid-row:span 2;min-width:0;overflow:hidden;border:1px solid #4e4330;border-radius:7px;background:#08100d}.map-sector>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border-bottom:1px solid #ffffff16;background:linear-gradient(90deg,#101b14,#09100d)}.map-sector>header strong{color:#edf2ef;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.map-sector>header span{font:800 11px ui-monospace,SFMono-Regular,Consolas,monospace}.is-gain{color:#51e783!important}.is-loss{color:#ff776d!important}
.map-sector-tiles{display:grid;flex:1;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(60px,1fr);gap:2px;padding:3px}.map-sector--1 .map-sector-tiles{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr)}.map-sector--2 .map-sector-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.map-sector--3 .map-sector-tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr)}.map-sector--4 .map-sector-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.map-sector--5 .map-sector-tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.map-sector-technology{grid-column:span 4;grid-row:span 3}.map-sector-financials,.map-sector-consumer-discretionary,.map-sector-consumer-cyclical{grid-column:span 3;grid-row:span 3}.map-sector-consumer-staples,.map-sector-consumer-defensive{grid-column:span 2;grid-row:span 3}.map-sector-communication-services{grid-column:span 4}.map-sector-industrials,.map-sector-health-care,.map-sector-healthcare{grid-column:span 3}.map-sector-energy{grid-column:span 2}.map-sector-real-estate,.map-sector-utilities,.map-sector-materials,.map-sector-basic-materials{grid-column:span 2;grid-row:span 1}.map-sector-technology .map-sector-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}
.heatmap-tile{position:relative;min-width:0;min-height:58px;overflow:hidden;padding:10px;border:1px solid rgb(255 255 255 / 14%);border-radius:3px;background:var(--tile-fill,#17201c);color:#fff;text-align:left;cursor:pointer;transition:filter .15s,border-color .15s,transform .15s}.heatmap-tile:hover{z-index:1;border-color:#ffffff8a;filter:brightness(1.13);transform:scale(1.015)}.heatmap-tile[aria-pressed=true]{z-index:2;border:2px solid #f1c34c;box-shadow:0 0 18px #f1c34c2e}.heatmap-tile strong{display:block;overflow:hidden;font-size:17px;line-height:1.04;text-overflow:ellipsis;white-space:nowrap}.heatmap-tile small{display:block;overflow:hidden;margin-top:7px;color:#e4eee8;font-size:9px;letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.heatmap-tile span{position:absolute;bottom:9px;left:10px;color:#74ef9a;font:800 14px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.heatmap-tile.is-featured{grid-column:span 2;grid-row:span 2;padding:20px}.heatmap-tile.is-featured strong{font-size:35px}.heatmap-tile.is-featured small{margin-top:12px;font-size:11px}.heatmap-tile.is-featured span{bottom:18px;left:20px;font-size:28px}.heatmap-tile.is-sector-anchor{padding:18px}.heatmap-tile.is-sector-anchor strong{font-size:27px}.heatmap-tile.is-sector-anchor small{margin-top:10px;font-size:11px}.heatmap-tile.is-sector-anchor span{bottom:17px;left:18px;font-size:24px}.heatmap-tile.is-unavailable{background:#17201c;cursor:default}.heatmap-tile.is-unavailable small,.heatmap-tile.is-unavailable span{color:#a6b0aa}
.heatmap-empty,.heatmap-loading{display:grid;place-items:center;min-height:100px;padding:14px;color:#8f9993;font-size:11px;text-align:center}.map-sector .heatmap-empty{grid-column:1/-1;min-height:0}
.heatmap-detail{margin:0 12px 12px;padding:14px 16px;border:1px solid #85671e;border-radius:6px;background:#080d0a;color:#c4cdc7;font-size:12px;line-height:1.5}.heatmap-detail b{color:#50df80}
@media(max-width:1280px){.heatmap-toolbar{flex-wrap:wrap}.heatmap-source{margin-left:auto}.heatmap-canvas{grid-template-columns:repeat(8,minmax(0,1fr))}.map-sector-technology{grid-column:span 4;grid-row:span 3}.map-sector-financials,.map-sector-consumer-discretionary,.map-sector-consumer-cyclical{grid-column:span 4;grid-row:span 3}.map-sector-consumer-staples,.map-sector-consumer-defensive{grid-column:span 4;grid-row:span 2}.map-sector-communication-services{grid-column:span 4}.map-sector-industrials,.map-sector-health-care,.map-sector-healthcare{grid-column:span 4}.map-sector-energy{grid-column:span 2}.map-sector-real-estate,.map-sector-utilities,.map-sector-materials,.map-sector-basic-materials{grid-column:span 2}}
@media(max-width:760px){body{padding:8px}.heatmap-toolbar{align-items:flex-start;gap:11px;padding:14px;flex-direction:column}.heatmap-tabs{margin-left:0}.heatmap-legend{display:none}.heatmap-source{margin-left:0;white-space:normal}.heatmap-canvas{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:110px;padding:8px}.map-sector,.map-sector-technology,.map-sector-financials,.map-sector-consumer-discretionary,.map-sector-consumer-cyclical,.map-sector-consumer-staples,.map-sector-consumer-defensive,.map-sector-communication-services,.map-sector-industrials,.map-sector-health-care,.map-sector-healthcare,.map-sector-energy,.map-sector-real-estate,.map-sector-utilities,.map-sector-materials,.map-sector-basic-materials{grid-column:span 2;grid-row:span 2}.map-sector-technology{grid-row:span 3}.heatmap-tile.is-featured strong{font-size:29px}.heatmap-tile.is-featured span{font-size:23px}.heatmap-detail{margin:0 8px 8px}}