/* Decorative GPU scene; all player data stays in the existing DOM. */
.overview-universe{position:relative;isolation:isolate;min-height:390px;border:1px solid #46607165;border-radius:24px;overflow:hidden;margin-bottom:20px;background:#060b13;box-shadow:0 24px 70px #0003;contain:layout paint;--pulse-x:50%;--pulse-y:50%}
.overview-universe canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}
.universe-heading{position:absolute;left:32px;top:28px;z-index:3;pointer-events:none;max-width:calc(100% - 110px)}
.universe-heading .dash-section-title{font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.055em;font-weight:600;color:#f0f8ff;text-shadow:0 2px 28px #000}
.universe-heading .dash-section-subtitle{font-size:.8rem;color:#a8bdcb;max-width:230px;line-height:1.6;margin-top:8px;text-shadow:0 2px 8px #000}
.universe-trigger{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:none;cursor:crosshair;color:#b9f3ff;touch-action:pan-y;border-radius:24px}
.universe-trigger:focus-visible{outline:2px solid #82e4ff;outline-offset:-5px}
.universe-trigger-icon{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:50px;height:50px;border:1px solid #89e6ff66;border-radius:50%;background:#0b233260;backdrop-filter:blur(12px);box-shadow:0 0 30px #53dfff15;transition:background .25s,box-shadow .25s}
.universe-trigger-icon svg{width:23px;height:23px}.universe-trigger:hover .universe-trigger-icon{background:#134356aa;box-shadow:0 0 35px #53dfff44}.universe-trigger:active .universe-trigger-icon{background:#336b79}
.universe-pause{position:absolute;right:24px;top:24px;z-index:4;width:42px;height:42px;display:grid;place-items:center;border:1px solid #7695ad44;border-radius:12px;background:#101c2a9c;color:#b9cfde;cursor:pointer;backdrop-filter:blur(8px)}.universe-pause svg{width:16px;height:16px}.universe-pause .universe-play{display:none}.universe-pause[aria-pressed=true] .universe-play{display:block}.universe-pause[aria-pressed=true] .universe-stop{display:none}
.universe-frame{position:absolute;inset:18px;z-index:2;pointer-events:none;background:linear-gradient(#79dcff55,#79dcff55) left bottom/22px 1px no-repeat,linear-gradient(#79dcff55,#79dcff55) left bottom/1px 22px no-repeat,linear-gradient(#79dcff55,#79dcff55) right bottom/22px 1px no-repeat,linear-gradient(#79dcff55,#79dcff55) right bottom/1px 22px no-repeat}
.universe-fallback{position:absolute;width:65%;aspect-ratio:1;left:50%;top:54%;transform:translate(-50%,-50%) rotate(-24deg) scaleY(.42);border-radius:50%;border:1px solid #6cdbff80;background:radial-gradient(ellipse,#fff2bd 0%,#eab66a 1%,#9acaff88 3%,#306f9733 15%,#0d263600 55%);box-shadow:0 0 70px #408aff24,inset 0 0 70px #53cfff25}
.universe-fallback::before,.universe-fallback::after{content:'';position:absolute;inset:12%;border-radius:50%;border:2px dotted #91d7ff88;box-shadow:0 0 35px #75ddff33}.universe-fallback::after{inset:28%;border-color:#eac18180}.overview-universe[data-renderer=webgl] .universe-fallback{display:none}.overview-universe[data-palette="1"] .universe-fallback{filter:hue-rotate(65deg)}.overview-universe[data-palette="2"] .universe-fallback{filter:hue-rotate(150deg)}
#section-overview .overview-hero{background:linear-gradient(115deg,#12222c,#101820 55%,#191b21);border-color:#36465180;border-radius:22px;padding:30px;box-shadow:0 18px 40px #0002}
#section-overview .overview-hero::before{background:radial-gradient(ellipse at 10% 10%,#69cfff15,transparent 65%)}
#section-overview .hero-gauge{width:154px;height:154px}#section-overview .hero-name{font-size:1.7rem;letter-spacing:-.04em}#section-overview .hero-hl{background:#0a11186b;border-color:#71889725;border-radius:12px}#section-overview .hero-hl:hover{border-color:#6ed5ff66}
#section-overview .stats-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#section-overview .stat-card{position:relative;border-radius:16px;padding:23px 20px;background:linear-gradient(145deg,#192128,#10161c);border-color:#6e8b9e25;overflow:hidden}#section-overview .stat-card::before{content:'';position:absolute;top:20px;left:0;height:24px;width:2px;background:#72d7f1;opacity:.7}#section-overview .stat-card:hover{border-color:#78e2ff70;transform:translateY(-3px)}#section-overview .stat-card-value{font-size:1.6rem;letter-spacing:-.035em;font-variant-numeric:tabular-nums}#section-overview .stat-card-value.accent{color:#efca91}#section-overview .stat-card:first-child{background:radial-gradient(ellipse at right top,#ba8c3920,transparent 80%),#171b20;border-color:#bd985944}#section-overview .stat-card:first-child::before{background:#eabc79}#section-overview .stat-card-label{font-size:.65rem;letter-spacing:.09em;line-height:1.7}#section-overview .arena-box{border-radius:18px;background:#111921;border-color:#6e8b9e25;padding:26px}
.overview-preview{max-width:1300px;margin:0 auto;padding:42px 28px}.overview-preview>a{display:inline-block;margin-bottom:24px;text-decoration:none;color:#abc1d1;font-size:.9rem}.overview-preview .overview-universe{min-height:650px}
@media(max-width:1150px){#section-overview .stats-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.overview-universe{min-height:360px;border-radius:18px}.universe-heading{left:22px;top:22px}.universe-heading .dash-section-subtitle{font-size:.73rem;max-width:190px}.universe-pause{top:20px;right:18px;width:38px;height:38px}.universe-trigger-icon{bottom:20px;width:44px;height:44px}#section-overview .overview-hero{padding:24px 18px;gap:22px}#section-overview .hero-body{min-width:0;width:100%}#section-overview .hero-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}#section-overview .stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#section-overview .stat-card{padding:18px 14px}#section-overview .stat-card-value{font-size:1.3rem;overflow-wrap:anywhere}#section-overview .stat-card-label{font-size:.6rem}.overview-preview{padding:24px 16px}.overview-preview .overview-universe{min-height:540px}}
@media(prefers-reduced-motion:reduce){.overview-universe *{transition:none!important}}
/* Command overview: real data is moved here from the original renderHero output. */
.overview-command-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,2fr);gap:18px;margin:22px 0}
.overview-command-grid .overview-universe{height:480px;min-height:0;margin:0}
.power-panel{position:relative;min-width:0;height:480px;border:1px solid #6e8b9e40;border-radius:24px;background:radial-gradient(ellipse at 50% 45%,#142637,#0b111a 70%);overflow:hidden;isolation:isolate;--core-color:#72d7ff}
.power-panel canvas{position:absolute;width:100%;height:100%;inset:0;pointer-events:none}
.power-caption{position:absolute;top:26px;left:26px;z-index:3;pointer-events:none}.power-caption .hero-score-label{margin:0;color:#bad0de;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase}
.power-trigger{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:24px;background:transparent;color:var(--core-color);cursor:crosshair;touch-action:pan-y}.power-trigger:focus-visible{outline-offset:-5px}.power-trigger>span{position:absolute;right:24px;top:20px;font-size:1.4rem}
.power-value{position:absolute;bottom:30px;left:12px;right:12px;z-index:3;pointer-events:none;text-align:center}
#section-overview .power-value .hero-gauge{position:static;width:auto;height:auto}.power-value .hero-gauge>svg{display:none}.power-value .hero-gauge-center{position:static;display:flex;align-items:center;flex-direction:column}
.power-value .hero-score{font-size:4rem;line-height:1;letter-spacing:-.065em;font-weight:650;font-variant-numeric:tabular-nums;text-shadow:0 0 28px color-mix(in srgb,var(--core-color),transparent 65%)}
.power-value .hero-tier{display:inline-flex;padding:6px 15px;margin-top:14px;font-size:.9rem;line-height:1.2;letter-spacing:.14em;border:1px solid color-mix(in srgb,var(--core-color),transparent 65%);background:#0c141e;border-radius:8px}
.power-fallback{position:absolute;left:25%;top:23%;width:50%;aspect-ratio:1;clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:conic-gradient(from 30deg,#53c4ef33,#abe7ff99,#22374c,#91daff77,#53c4ef33);box-shadow:inset 0 0 45px #072239}.has-canvas .power-fallback{display:none}
.universe-player{position:absolute;inset:0;z-index:3;pointer-events:none;padding:28px}
#section-overview .universe-player .hero-body{min-width:0;text-align:left;display:contents}
#section-overview .universe-player .hero-name{font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.15;letter-spacing:-.045em;margin:0 52px 8px 0;color:#eff9ff;overflow-wrap:anywhere;text-shadow:0 2px 15px #000}
.universe-player .hero-sub{max-width:calc(100% - 40px);font-size:.8rem;color:#b3c9d7;line-height:1.7;overflow-wrap:anywhere;text-shadow:0 2px 12px #000}
#section-overview .universe-player .hero-highlights{position:absolute;bottom:24px;left:24px;right:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#section-overview .universe-player .hero-hl{min-width:0;padding:16px 18px;background:linear-gradient(130deg,#152632d9,#0b1521c9);border:1px solid #92c6e02b;border-radius:12px;backdrop-filter:blur(12px)}
#section-overview .universe-player .hero-hl-val{font-size:1.65rem;line-height:1.15;letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:#f0f9ff;overflow-wrap:anywhere;font-weight:650}.universe-player .hero-hl-lbl{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;margin-top:7px;color:#aac2d4}
.overview-command-grid .universe-trigger-icon{bottom:220px;left:auto;right:24px;transform:none;width:40px;height:40px}
#overview-stats .is-promoted{display:none!important}#section-overview #overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
#section-overview .parameter-tile{animation:parameter-enter .55s both;animation-delay:var(--entry-delay);transform-style:preserve-3d;transition:transform .18s,border-color .2s;--light-x:50%;--light-y:50%}
#section-overview .parameter-tile::after{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(180px circle at var(--light-x) var(--light-y),#78d9ff18,transparent 80%);opacity:0;transition:opacity .25s}.parameter-tile:hover::after{opacity:1!important}
#section-overview .parameter-tile .stat-card-value{position:relative;z-index:1}#section-overview .parameter-tile .stat-card-label{color:#a4bdcb}
@keyframes parameter-enter{from{opacity:0;translate:0 14px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
.overview-command-grid[data-paused=true]~#overview-stats .parameter-tile{animation:none;transform:none!important}
@media(max-width:1100px) and (min-width:901px){.overview-command-grid{grid-template-columns:210px minmax(0,1fr);gap:12px}.universe-player{padding:22px}.universe-player .hero-highlights{left:16px!important;right:16px!important}.universe-player .hero-hl{padding:14px 12px!important}.universe-player .hero-hl-val{font-size:1.3rem!important}}
@media(max-width:680px){.overview-command-grid{grid-template-columns:1fr;gap:14px}.power-panel{height:310px;border-radius:18px}.power-panel canvas{width:100%;height:100%}.power-value{bottom:24px;left:52%;right:15px;top:110px}.power-value .hero-score{font-size:3.8rem}.power-caption{top:24px;left:24px}.power-fallback{left:8%;top:25%;width:40%}.overview-command-grid .overview-universe{height:490px}.universe-player{padding:24px 20px}.universe-player .hero-name{font-size:1.7rem!important}.universe-player .hero-sub{font-size:.75rem}.universe-player .hero-highlights{left:16px!important;right:16px!important;bottom:16px!important;gap:8px!important}.universe-player .hero-hl{padding:14px 12px!important}.universe-player .hero-hl-val{font-size:1.35rem!important}.universe-player .hero-hl-lbl{font-size:.56rem}#section-overview #overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-command-grid .universe-trigger-icon{bottom:205px;right:18px}}
@media(prefers-reduced-motion:reduce){.parameter-tile{animation:none!important;transform:none!important}.power-panel *{transition:none!important}}
/* Data constellations: legible DOM labels embedded in the star field, without opaque tiles. */
#section-overview .universe-player .hero-highlights{display:block;inset:148px 30px 35px!important;pointer-events:none}
#section-overview .universe-player .hero-hl{position:absolute;width:43%;padding:0!important;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;transform:translate(var(--data-drift-x,0px),var(--data-drift-y,0px));overflow:visible}
#section-overview .universe-player .hero-hl:nth-child(1){top:7%;left:0}
#section-overview .universe-player .hero-hl:nth-child(2){top:13%;right:0;text-align:right}
#section-overview .universe-player .hero-hl:nth-child(3){bottom:8%;left:0}
#section-overview .universe-player .hero-hl:nth-child(4){bottom:1%;right:0;text-align:right}
#section-overview .universe-player .hero-hl-val{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.1;font-weight:600;letter-spacing:-.045em;text-shadow:0 2px 5px #020a13,0 0 20px #020a13,0 0 38px #000;color:#ecfaff}
#section-overview .universe-player .hero-hl-lbl{color:#bce2f3;font-size:.63rem;letter-spacing:.12em;text-shadow:0 2px 7px #000,0 0 18px #000;margin-top:9px}
#section-overview .universe-player .hero-hl::before{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#b7f1ff;left:0;bottom:-18px;box-shadow:0 0 10px #6addff}
#section-overview .universe-player .hero-hl::after{content:'';position:absolute;left:12px;bottom:-16px;width:68%;height:1px;background:linear-gradient(90deg,#8adfff85,#8adfff05);transform-origin:left;transform:rotate(10deg)}
#section-overview .universe-player .hero-hl:nth-child(even)::before{left:auto;right:0}
#section-overview .universe-player .hero-hl:nth-child(even)::after{left:auto;right:12px;background:linear-gradient(270deg,#8adfff85,#8adfff05);transform-origin:right;transform:rotate(-10deg)}
.overview-command-grid .universe-trigger-icon{left:50%;right:auto;bottom:24px;transform:translateX(-50%);width:36px;height:36px;background:#0b233233}
.data-resonance .hero-hl{animation:data-resonance 1.7s ease-out both!important}
@keyframes data-resonance{0%,100%{filter:brightness(1)}30%{filter:brightness(1.45) drop-shadow(0 0 8px #7addff55)}}
.overview-command-grid[data-paused=true] .hero-hl{animation:none!important}
/* A compact instrument panel, instead of nine disconnected boxes. */
#section-overview #overview-stats{padding:6px 24px;margin:26px 0;gap:0;border:1px solid #7497ad24;border-radius:22px;background:linear-gradient(110deg,#121e27dd,#0c141b);overflow:hidden}
#section-overview #overview-stats .parameter-tile{border:0;border-bottom:1px solid #9fcde019;border-radius:0;background:none;box-shadow:none;min-height:113px;padding:25px 24px;transform-style:flat}
#section-overview #overview-stats .parameter-tile::before{left:7px;top:31px;width:4px;height:4px;border-radius:50%;background:#8acadc;box-shadow:0 0 10px #6fe0ff35}
#section-overview #overview-stats .parameter-tile:hover{background:#81c4e206;transform:none}
#section-overview #overview-stats .stat-card-label{font-size:.64rem;font-weight:500;letter-spacing:.13em;color:#8caebf;margin-bottom:10px}
#section-overview #overview-stats .stat-card-value{font-size:1.55rem;font-weight:550;letter-spacing:-.03em;color:#e1f2fb}
/* Relics and Legends share the same visual language as the star-field telemetry. */
#section-overview #overview-arena{display:flex;flex-direction:column;gap:22px}
#section-overview #overview-arena .arena-box{padding:26px;border:1px solid #7497ad24;border-radius:22px;background:linear-gradient(120deg,#111c26,#0c131b);margin:0}
#section-overview #overview-arena h3{font-size:1rem;font-weight:550;letter-spacing:-.02em;color:#d8edf7;margin:0 0 22px;display:flex;align-items:center;gap:12px}
#overview-arena h3::before{content:'';width:6px;height:6px;border:1px solid #e8bd76;transform:rotate(45deg);box-shadow:0 0 14px #e8bd761a}
#section-overview .legend-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
#section-overview .legend-entry{position:relative;display:grid!important;grid-template-columns:62px minmax(0,1fr);align-items:center;column-gap:15px;row-gap:5px;margin:0!important;padding:18px;border:1px solid #8bb3c526;border-radius:16px;background:linear-gradient(120deg,#24415225,#17252f15);min-height:100px;transition:border-color .25s,background .25s,transform .25s}
#section-overview .legend-entry:hover{border-color:#95dff877;transform:translateY(-3px);background-color:#529db409}
#section-overview .legend-entry.has-ultimate{border-color:#e3b7683b;background:linear-gradient(120deg,#e1b3630b,#17252f15)}
.legend-portrait{position:relative;width:62px;height:62px;grid-column:1;grid-row:1/3;border:1px solid #8ac6df55;border-radius:50%;padding:4px;background:radial-gradient(circle,#183a4a,#09121c);box-shadow:0 0 0 5px #7dc6df04;display:grid;place-items:center;overflow:hidden}
.has-ultimate .legend-portrait{border-color:#dcb77988;box-shadow:0 0 0 5px #e4b46606}
.legend-portrait::before{content:'✧';position:absolute;font-size:1.6rem;color:#b5d8e9}
#section-overview .legend-portrait img{position:relative;width:100%!important;height:100%!important;border-radius:50%!important;margin:0!important;object-fit:cover;background:#132532}
.legend-name{grid-column:2;grid-row:1;align-self:end;color:#dbeaf2;font-size:.87rem;font-weight:550;line-height:1.45;overflow-wrap:anywhere}
.legend-entry:not(.has-ultimate) .legend-name{grid-row:1/3;align-self:center}
#section-overview .legend-ultimate{grid-column:2;grid-row:2;justify-self:start;align-self:start;padding:3px 7px;border:1px solid #e8bd763d;border-radius:5px;background:#e8bd7610;color:#e8c58a!important;font-size:.56rem!important;font-weight:600;letter-spacing:.12em;line-height:1.2}
#section-overview .relic-tiers{display:flex!important;gap:10px!important;flex-wrap:wrap}
#section-overview .relic-tiers>span{margin:0!important;padding:10px 15px;border-radius:9px;border:1px solid #80bdd42a;background:#10212b;font-size:.85rem;color:#d0e3ed;white-space:nowrap}
#section-overview .relic-tiers strong{color:#e3c48e;font-weight:550;margin-right:3px}
@media(max-width:680px){
 #section-overview .universe-player .hero-highlights{inset:163px 22px 42px!important}
 #section-overview .universe-player .hero-hl-val{font-size:1.75rem!important}
 #section-overview .universe-player .hero-hl-lbl{font-size:.52rem;letter-spacing:.075em;line-height:1.5}
 #section-overview .universe-player .hero-hl:nth-child(2){top:18%}
 #section-overview .universe-player .hero-hl:nth-child(3){bottom:14%}
 #section-overview .universe-player .hero-hl::after{width:60%}
 #section-overview #overview-stats{padding:4px 12px;border-radius:18px}
 #section-overview #overview-stats .parameter-tile{padding:22px 15px;min-height:104px}
 #section-overview #overview-stats .parameter-tile::before{left:3px;top:28px;width:3px;height:3px}
 #section-overview #overview-stats .stat-card-label{font-size:.56rem;letter-spacing:.06em}
 #section-overview #overview-stats .stat-card-value{font-size:1.3rem}
 #section-overview #overview-arena .arena-box{padding:22px 18px;border-radius:18px}
 #section-overview .legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #section-overview .legend-entry{grid-template-columns:minmax(0,1fr);padding:17px 10px;text-align:center;justify-items:center;gap:10px;min-height:162px}
 #section-overview .legend-portrait{grid-column:1;grid-row:1;width:56px;height:56px}
 #section-overview .legend-name,#section-overview .legend-entry:not(.has-ultimate) .legend-name{grid-column:1;grid-row:2;align-self:center;font-size:.76rem}
 #section-overview .legend-ultimate{grid-column:1;grid-row:3;justify-self:center}
}
@media(prefers-reduced-motion:reduce){#section-overview .universe-player .hero-hl{transform:none!important;animation:none!important}.legend-entry{transition:none!important}}
#section-overview .legend-entry{column-gap:15px!important;row-gap:5px!important}

/* The dedicated Legends tab uses the same portrait treatment as Overview. */
#section-legends .gl-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
#section-legends .gl-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;padding:32px 24px;background:radial-gradient(ellipse at 50% 0%,#24475966,transparent 65%),linear-gradient(145deg,#111e29,#0a111a);border:1px solid #8bb3c536;border-radius:22px;transition:transform .2s,border-color .2s;min-width:0}
#section-legends .gl-card::before{content:'';position:absolute;inset:16px;border:1px solid #8bb3c50c;border-radius:14px;pointer-events:none;z-index:-1}
#section-legends .gl-card.unlocked{border-color:#dbb97870;background:radial-gradient(ellipse at 50% 0%,#ac86412b,transparent 65%),linear-gradient(145deg,#171e25,#0b121b)}
#section-legends .gl-card:hover{transform:translateY(-4px);border-color:#98cce2aa}
#section-legends .gl-card:focus-visible{outline:2px solid #e7c68c;outline-offset:4px}
#section-legends .gl-card-icon{width:112px;height:112px;box-sizing:border-box;padding:5px;background:#122430;border:1px solid #8ab7cb66;box-shadow:0 0 0 7px #8bb3c508,0 10px 36px #0005;font-size:2.2rem}
#section-legends .gl-card.unlocked .gl-card-icon{background:#24251e;border:1px solid #dbb978aa;box-shadow:0 0 0 7px #dbb97808,0 0 40px #d7ae6614}
#section-legends .gl-card.locked .gl-card-icon{filter:grayscale(.65);border:1px solid #8ab7cb55;background:#122430}
#section-legends .gl-card-info{width:100%;display:flex;flex-direction:column;align-items:center}
#section-legends .gl-card-name{font-size:1.1rem;line-height:1.4;color:#e2eef6;overflow-wrap:anywhere;margin:0 0 8px}
#section-legends .gl-card-faction{font-size:.8rem;color:#9fb5c6;line-height:1.5;margin-bottom:16px}
#section-legends .gl-status{font-size:.73rem;padding:6px 12px;border-radius:7px;border:1px solid #8bb3c52b}
#section-legends .gl-status.unlocked{color:#e8c58a;background:#e8bd7610;border-color:#e8bd763d}
#section-legends .gl-progress-bar{margin-top:20px;height:5px;background:#050c13}
#section-legends .gl-progress-fill{background:linear-gradient(90deg,#568ca8,#b7d9e7)}
#section-legends .gl-progress-text{margin-top:9px;color:#a9bfce;line-height:1.5}
@media(max-width:580px){#section-legends .gl-grid{grid-template-columns:minmax(0,1fr);gap:14px}#section-legends .gl-card{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){#section-legends .gl-card,#section-legends .gl-progress-fill{transition:none}#section-legends .gl-card:hover{transform:none}}
@media(max-width:680px){#section-overview .legend-entry{gap:10px!important}}