.review{flex-wrap:wrap;align-items:center;gap:10px;padding:11px 14px;display:flex}.review .r-label{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;color:var(--faint);text-transform:uppercase}.flag{border-radius:var(--r-sm);height:28px;font-size:var(--fs-xs);border:1px solid var(--border);background:var(--fg-soft);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;padding:0 11px;display:inline-flex}.flag.ok{color:var(--ok);border-color:color-mix(in oklch, var(--ok) 34%, transparent);background:var(--ok-soft)}.flag.danger{color:var(--danger);border-color:color-mix(in oklch, var(--danger) 38%, transparent);background:var(--danger-soft)}.metrics{padding:14px}.metric-hero{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.metric{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);cursor:pointer;min-width:0;transition:border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);padding:16px 16px 14px;position:relative;overflow:hidden}.metric:hover{border-color:var(--border-2);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric .m-top{z-index:1;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex;position:relative}.metric .m-label{font-size:var(--fs-sm);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.metric .m-icon{border-radius:var(--r-xs);background:var(--fg-soft);width:22px;height:22px;color:var(--muted);border:1px solid var(--border);flex-shrink:0;place-items:center;display:grid}.metric .m-value,.mini-metric .mm-value,.mf-value,.metric-tile .mt-value{display:block}.metric .m-value{font-family:var(--font-display);letter-spacing:-.025em;white-space:nowrap;z-index:1;font-size:30px;font-weight:600;line-height:1.05;position:relative}.metric .m-value .cur{opacity:.85;margin-right:1px;font-size:.58em}.metric .m-value .unit{color:var(--muted);margin-left:3px;font-size:.46em;font-weight:500}.metric .m-foot{font-size:var(--fs-2xs);color:var(--faint);z-index:1;align-items:center;gap:6px;margin-top:8px;display:flex;position:relative}.metric .spark{opacity:.95;pointer-events:none;width:100%;height:34px;margin-top:10px}.metric .spark path.line{fill:none;stroke:var(--border-2);stroke-width:1.6px}.metric .spark path.area{fill:var(--fg-soft);stroke:none}.metric.accented{border-color:var(--border-2)}.metric.accented .spark path.line{stroke:var(--accent)}.metric.accented .spark path.area{fill:var(--accent-soft)}.metric.accented .m-icon{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.metric.accented .m-value .cur{color:var(--accent);opacity:1}.metric-strip{grid-template-columns:repeat(var(--cols,5), minmax(0, 1fr));border:1px solid var(--border);border-radius:var(--r-md);background:var(--border);gap:1px;margin-top:12px;display:grid;overflow:hidden}.mini-metric{font:inherit;color:inherit;text-align:left;background:var(--surface-2);cursor:pointer;min-width:0;transition:background var(--t-fast);border:0;border-radius:0;flex-direction:column;gap:3px;padding:11px 14px;display:flex}.mini-metric:hover{background:var(--surface)}.mini-metric .mm-top{align-items:center;gap:7px;min-width:0;display:flex}.mini-metric .mm-icon{border-radius:var(--r-xs);background:var(--fg-soft);width:18px;height:18px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.mini-metric .mm-label{font-size:var(--fs-2xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mini-metric .mm-value{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.02em;white-space:nowrap;font-weight:600;line-height:1.1}.mini-metric .m-value .cur,.mini-metric .mm-value .cur{opacity:.85;margin-right:1px;font-size:.62em}.mini-metric .mm-value .unit{color:var(--muted);margin-left:3px;font-size:.56em;font-weight:500}.mini-metric .mm-delta{font-family:var(--font-mono);font-size:var(--fs-2xs)}.m-rot{align-items:center;display:inline-grid}.m-rot>span{white-space:nowrap;grid-area:1/1;justify-self:start;align-items:center;gap:4px;transition:opacity .5s,transform .5s;display:inline-flex}.m-rot>.rv-a{opacity:1;transform:none}.m-rot>.rv-b{opacity:0;transform:translateY(5px)}.m-rot.on-b>.rv-a{opacity:0;transform:translateY(-5px)}.m-rot.on-b>.rv-b{opacity:1;transform:none}.rv-chip{font-family:var(--font-mono);font-size:var(--fs-2xs);border-radius:var(--r-pill);padding:1px 6px}.rv-chip.up{color:var(--ok);background:var(--ok-soft)}.rv-chip.down{color:var(--danger);background:var(--danger-soft)}.rv-chip.flat{color:var(--muted);background:var(--fg-soft)}.rv-lab{font-size:var(--fs-2xs);color:var(--faint)}.rv-b .rv-lab{margin-right:4px}.rv-b b{font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg);font-weight:600}.mini-metric .rv-chip,.mini-metric .rv-lab,.mini-metric .rv-b b{font-size:var(--fs-2xs)}.metrics .strip-note{justify-content:space-between;align-items:baseline;gap:10px;margin:16px 2px 8px;display:flex}.metrics .strip-note .sn-t{font-family:var(--font-mono);font-size:var(--fs-2xs);letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.metrics .strip-note .sn-h{font-size:var(--fs-2xs);color:var(--faint)}.metric-spot{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:12px;display:grid}.metrics.spot-anim .metric,.metrics.spot-anim .mini-metric,.spot-anim .metric-feature,.spot-anim .metric-side .metric-tile{will-change:transform, opacity;backface-visibility:hidden;animation:spotSwap .5s var(--ease-swap) both}.metric-feature{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-2);min-width:0;box-shadow:var(--shadow-sm);padding:16px 18px;position:relative}.mf-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mf-label{font-size:var(--fs-sm);color:var(--muted);align-items:center;gap:8px;display:flex}.mf-label .m-icon{border-radius:var(--r-xs);background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border:1px solid var(--accent-line);place-items:center;display:grid}.mf-value{font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;margin-top:10px;font-size:34px;font-weight:600;line-height:1.05}.mf-value .cur{color:var(--accent);margin-right:1px;font-size:.56em}.mf-value .unit{color:var(--muted);margin-left:4px;font-size:.44em;font-weight:500}.mf-meta{font-size:var(--fs-xs);color:var(--faint);align-items:center;gap:8px;margin-top:7px;display:flex}.mf-back{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);transition:color var(--t-fast), background var(--t-fast), border-color var(--t-fast);flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.mf-back:hover{color:var(--fg);background:var(--fg-soft);border-color:var(--border-2)}.trend{margin-top:14px;position:relative}.trend svg{width:100%;height:auto;display:block}.trend .t-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:2 6}.trend .t-axis{font-family:var(--font-mono);font-size:var(--fs-3xs);fill:var(--faint)}.trend .t-area{fill:var(--accent-soft)}.trend .t-line{fill:none;stroke:var(--accent);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.trend .t-ma{fill:none;stroke:var(--border-2);stroke-width:1.4px;stroke-dasharray:4 4}.trend .t-goal{stroke:var(--warn);stroke-width:1.2px;stroke-dasharray:5 5}.trend .t-goaltx{font-family:var(--font-mono);font-size:var(--fs-3xs);fill:var(--warn)}.trend .t-pt{fill:var(--surface);stroke:var(--accent);stroke-width:1.6px}.trend .t-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2.4px}.trend .t-cross{stroke:var(--accent);stroke-width:1.2px;stroke-dasharray:3 4;opacity:1}.trend .t-tip{pointer-events:none;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-2);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:var(--fs-2xs);color:var(--fg);white-space:nowrap;padding:5px 9px;position:absolute;transform:translate(-50%,-118%)}.trend .t-tip b{color:var(--accent);font-weight:600}.mf-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;display:grid}.mf-stat{min-width:0}.mf-stat .k{font-family:var(--font-mono);font-size:var(--fs-3xs);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.mf-stat .v{font-family:var(--font-display);font-size:var(--fs-md);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-weight:600;overflow:hidden}.metric-side{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;display:grid}.metric-tile{text-align:left;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border);min-width:0;color:var(--fg);transition:border-color var(--t-fast), background var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);flex-direction:column;gap:6px;padding:11px 12px;display:flex;position:relative}.metric-tile:hover{background:var(--surface);border-color:var(--border-2);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.metric-tile .mt-top{align-items:center;gap:7px;min-width:0;display:flex}.metric-tile .mt-icon{border-radius:var(--r-xs);background:var(--fg-soft);width:17px;height:17px;color:var(--muted);flex-shrink:0;place-items:center;display:grid}.metric-tile .mt-label{font-size:var(--fs-2xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.metric-tile .mt-value{font-family:var(--font-display);font-size:var(--fs-xl);letter-spacing:-.02em;white-space:nowrap;font-weight:600;line-height:1.1}.metric-tile .mt-value .cur{opacity:.85;margin-right:1px;font-size:.6em}.metric-tile .mt-value .unit{color:var(--muted);margin-left:3px;font-size:.55em;font-weight:500}.metric-tile .mt-foot{font-size:var(--fs-2xs);color:var(--faint);align-items:center;gap:6px;display:flex}.metric-tile .mt-go{color:var(--accent);opacity:0;transition:opacity var(--t-fast), transform var(--t-fast);margin-left:auto;display:inline-flex;transform:translate(-3px)}.metric-tile:hover .mt-go{opacity:1;transform:none}.metric-side .metric-tile:last-child:nth-child(odd){grid-column:1/-1}@media (width<=1080px){.metric-spot{grid-template-columns:1fr}.metric-side{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-side .metric-tile:last-child:nth-child(odd){grid-column:auto}}@media (width<=820px){.metric-side,.mf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-value{font-size:28px}}.head-side{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (width<=980px){.metric-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-strip{--cols:3}}@media (width<=820px){.metric-hero{grid-template-columns:1fr}.metric-strip{--cols:2}}