/* ANIMUS v1.2.3 — INTERACTIVE RANKINGS + DRIVER RECORDS */
.interactive-chart-shell{position:relative;margin-top:14px}
.interactive-chart-stage{position:relative;min-height:390px;height:clamp(390px,46vw,610px);overflow:hidden;background:linear-gradient(180deg,#09090d,#0c0c11)!important;border:1px solid rgba(201,168,76,.2)!important}
.interactive-chart-stage canvas{display:block;width:100%!important;height:100%!important;cursor:crosshair}
.chart-hover-tip{display:none;position:absolute;z-index:8;width:210px;padding:10px 11px;background:rgba(7,7,10,.96);border:1px solid rgba(201,168,76,.35);box-shadow:0 12px 36px rgba(0,0,0,.45);pointer-events:none;color:#eee3c9;font:600 10px/1.35 Inter,system-ui}
.chart-hover-tip.show{display:block}
.chart-hover-tip>small{display:block;color:#c9a84c;font:800 9px/1.3 'Barlow Condensed',sans-serif;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:7px}
.chart-hover-tip>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:7px;padding:3px 0}
.chart-hover-tip i{width:7px;height:7px;border-radius:50%}
.chart-hover-tip b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chart-hover-tip span{font-size:9px;color:#aaa18f;font-variant-numeric:tabular-nums}
.interactive-chart-legend,.race-intel-graph .chart-legend{display:flex!important;flex-wrap:wrap;gap:7px!important;padding-top:12px!important}
.chart-legend-toggle{appearance:none;border:1px solid #312b21;background:#0b0b0f;color:#c9c0ad;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;font:800 9px 'Barlow Condensed',sans-serif;letter-spacing:.7px;text-transform:uppercase;cursor:pointer;transition:.15s ease}
.chart-legend-toggle:hover{border-color:#75613b;color:#f1e7cf;transform:translateY(-1px)}
.chart-legend-toggle.off{opacity:.28;text-decoration:line-through}
.chart-legend-toggle i{width:9px;height:3px;display:inline-block}
.chart-legend-toggle .flag{width:14px;height:10px}
.interactive-chart-help{margin-top:8px;color:#746c60;font:700 8px 'Barlow Condensed',sans-serif;letter-spacing:1.8px;text-transform:uppercase}
.ranking-graph-stack{display:grid;gap:22px}
.ranking-graph-card{padding:22px;border:1px solid #302a20;border-left:3px solid #c9a84c;background:linear-gradient(145deg,#111116,#09090d);position:relative;overflow:hidden}
.ranking-graph-card::after{content:"RANKING DATA";position:absolute;right:-5px;top:-18px;font:900 80px/1 'Barlow Condensed';color:rgba(201,168,76,.025);pointer-events:none}
.ranking-graph-card>header{position:relative;z-index:1;margin-bottom:8px}
.ranking-graph-card>header small{color:#a98842;font:800 9px 'Barlow Condensed';letter-spacing:2.5px}
.ranking-graph-card>header h2{color:#f0e6c8;font:900 clamp(26px,4vw,44px)/.95 'Barlow Condensed';letter-spacing:1px;margin:4px 0 5px}
.ranking-graph-card>header p{color:#81796d;font-size:11px;margin:0}
.power-graph{display:grid;gap:7px;margin-top:16px}
.power-graph-row{display:grid;grid-template-columns:36px 20px minmax(100px,180px) 1fr 54px;gap:9px;align-items:center;text-decoration:none;padding:7px 8px;border:1px solid #29251d;background:#0a0a0e;transition:.15s ease}
.power-graph-row:hover{transform:translateX(3px);border-color:#725d34;background:#11100d}
.power-graph-row em{font:900 12px 'Barlow Condensed';color:#7d715d}.power-graph-row .flag{width:16px;height:11px}.power-graph-row b{color:#e5dbc3;font:800 10px Inter;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.power-graph-row>div{height:9px;background:#191712;position:relative;overflow:hidden}.power-graph-row>div i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#72561c,#c9a84c);box-shadow:0 0 14px rgba(201,168,76,.15)}.power-graph-row strong{color:#c9a84c;text-align:right;font:900 11px Inter}
body.driver-mode .main-nav a[data-route="records"]{color:#c9a84c}
body.driver-mode .main-nav a[data-route="records"].on{color:#fff0cf}
@media(max-width:820px){.interactive-chart-stage{height:410px;min-height:410px}.ranking-graph-card{padding:14px}.power-graph-row{grid-template-columns:30px 18px 100px 1fr 44px}.chart-hover-tip{width:185px}}
.race-intel-graph .chart-shell,.driver-card .chart-shell{position:relative}