.v4-chart{display:block;width:100%;height:380px;touch-action:none}.chartframe canvas{touch-action:none}.card pre{white-space:pre-wrap;overflow-wrap:anywhere}.chart-full{position:fixed!important;inset:0!important;z-index:1000;background:#0c121e;padding:12px;overflow:auto}.chart-full canvas{width:100%!important;height:75vh!important}canvas:fullscreen{width:100vw!important;height:100vh!important;background:#0c121e}@media(max-width:700px){.chartframe canvas,.chartcanvas{height:380px!important}.v4-chart{height:400px}.card{padding:12px}.chart-full canvas{height:70dvh!important}}@media(orientation:landscape) and (max-height:600px){.chart-full canvas{height:78dvh!important}}

.chartwrap{height:auto!important}.chartwrap canvas{height:380px!important}#charts .card{min-width:0}#universeResults canvas{min-width:300px}#universeResults details{max-width:520px;white-space:normal}.chart-full .chartwrap canvas{height:72dvh!important}@media(max-width:650px){#charts{grid-template-columns:1fr!important}#charts>.card{padding:10px;margin-left:-6px;margin-right:-6px}.chartwrap canvas{height:400px!important}}

.v3-plot{height:400px!important}.chart-full .v3-plot{height:72dvh!important}


.chart-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:6px 0}.chart-toolbar button{min-width:44px;min-height:44px;padding:6px 12px;border:1px solid #52647e;background:#1e2a3e}.chart-zoom{font-variant-numeric:tabular-nums;color:#b4c1d5}
/* The graph alone is portalled; other card content cannot consume viewport height. */
.chart-full{position:static!important;inset:auto!important;overflow:visible!important;padding:inherit;z-index:auto!important}
.chart-overlay,.chart-overlay:fullscreen{position:fixed;inset:0;z-index:2000;width:100%;height:100dvh;max-height:100dvh;box-sizing:border-box;background:#0c121e;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:4px;overflow:hidden;overscroll-behavior:contain}
.chart-overlay .chart-toolbar{margin:0;flex-wrap:nowrap;min-width:0}.chart-overlay .chart-toolbar button{white-space:nowrap}.chart-overlay .chart-toolbar button:last-child{margin-left:auto;background:#501e2e;border-color:#b34b65}.chart-overlay canvas{grid-row:2;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;touch-action:none!important}
.chart-overlay-info{grid-row:3;margin:0!important;line-height:1.25;font-size:14px;overflow-wrap:anywhere;min-height:18px}.chart-overlay-help{grid-row:4;margin:0!important;font-size:12px;color:#b4c1d5;line-height:1.3}.chart-overlay-empty{position:absolute;top:50%;left:10%;right:10%;pointer-events:none;text-align:center}
@media(max-width:480px){.chart-overlay .chart-toolbar{gap:4px}.chart-overlay .chart-toolbar button{padding:4px 7px;font-size:13px}.chart-overlay .chart-zoom{display:none}}
