.level-card:after{background:radial-gradient(circle at 35% 30%, #fff 0 10%, var(--accent) 50%, #0f172a99 120%);width:26px;height:26px;box-shadow:-38px -16px 0 -8px #3b82f6d9, 0 0 18px var(--accent);border:0;border-radius:50%;bottom:26px;right:18px}.charge-title .title-hero span{background:linear-gradient(90deg,#fb7185,#f472b6 45%,#60a5fa);-webkit-background-clip:text;background-clip:text}.ex-figure{background:#0b1322;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0b1322;border-color:#1e293b;padding:0;overflow:hidden}.q-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(360px,100% - 24px);box-shadow:var(--shadow);color:#e2e8f0;pointer-events:none;background:#0b1322e0;border:1px solid #94a3b847;border-radius:16px;padding:8px 13px 9px;position:absolute;left:12px}.q-row{flex-wrap:wrap;align-items:baseline;gap:1px 8px;display:flex}.q-row+.q-row{margin-top:3px}.q-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.q-val{color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.q-row.main .q-val{font-family:var(--display);font-size:20px;font-weight:600}.q-row.minor .q-val{color:#cbd5e1;font-size:12px;font-weight:600}.q-palette{gap:6px;min-width:0;display:flex}.q-btn{border:1.5px solid var(--line);min-width:0;max-width:132px;min-height:50px;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:14px;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13.5px;font-weight:750;transition:border-color .12s,background .12s,transform 80ms;display:flex;position:relative}.q-btn:hover:not(:disabled){border-color:#fda4af}.q-btn[data-sign=minus]:hover:not(:disabled){border-color:#93c5fd}.q-btn:active:not(:disabled){transform:translateY(1px)}.q-btn:disabled{opacity:.45;cursor:default}.q-icon{flex:none;line-height:0;display:block}.q-name{white-space:nowrap}.q-left{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}.q-left:empty{display:none}.q-remove{color:#be123c;flex:0 auto}.q-remove .icon{flex:none}.q-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.q-act{color:#fff;min-height:54px;box-shadow:0 5px 0 var(--accent-deep);font-family:var(--display);cursor:pointer;touch-action:manipulation;background:linear-gradient(#fb923c,#ea580c);border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-bottom:5px;padding:8px 12px;font-size:18px;font-weight:600;line-height:1.15;transition:transform 80ms,box-shadow 80ms;display:flex}.q-act[aria-pressed=true]{background:linear-gradient(#818cf8,#4f46e5);box-shadow:0 5px #3730a3}.q-act:active{box-shadow:0 1px 0 var(--accent-deep);transform:translateY(4px)}.q-act kbd{font-family:var(--font);border:1px solid #ffffff8c;border-radius:6px;flex:none;padding:1px 6px;font-size:12px;font-weight:800}.charge[data-mode=induction] .controls{display:none}.q-toggles{flex-wrap:wrap;gap:6px;display:flex}.q-toggle{border:1.5px solid var(--line);min-height:38px;color:var(--ink-2);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-size:13px;font-weight:750;display:inline-flex}.q-dot{border:2px solid #94a3b8;border-radius:50%;width:12px;height:12px}.q-toggle[aria-pressed=true]{color:#312e81;background:#eef2ff;border-color:#6366f1}.q-toggle[aria-pressed=true] .q-dot{background:#6366f1;border-color:#4f46e5}.q-short{display:none}.param[data-key=q]{--track-fill:#e11d48}.param[data-key=x]{--track-fill:#f59e0b}.param[data-key=fx],.param[data-key=fy]{--track-fill:#9333ea}.param[data-key=V]{--track-fill:#0284c7}.charge .controls:not(:has(.param)) .launch{flex:auto}.charge[data-mode=hockey] .launch,.charge[data-mode=lab] .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.charge .controls{flex-wrap:nowrap;gap:6px}.charge .param{flex:1 1 0;grid-template-columns:auto 1fr auto;grid-template-areas:"head head head""minus value plus";gap:2px 4px;min-width:0;padding:5px 6px 6px}.charge .param .param-row{display:contents}.charge .param .param-row>.step:first-child{grid-area:minus}.charge .param .param-row>.step:last-child{grid-area:plus}.charge .param .slider-wrap{display:none}.charge .param .step{width:36px;height:36px}.charge .param .param-head{justify-content:center;gap:4px;font-size:12px}.charge .param .param-value{justify-self:center;font-size:20px}.charge .launch{flex:1 1 0;min-width:0;min-height:46px;padding:6px 10px}.charge .launch-label{white-space:normal;text-align:center;line-height:1.1}.charge[data-mode=vector] .controls{flex-wrap:wrap}.charge[data-mode=vector] .launch{flex:100%}.charge .choices{grid-template-columns:1fr}.charge .choices.q-grid2{grid-template-columns:1fr 1fr}.charge .coach{font-size:13.5px;line-height:1.36}.q-card{padding:6px 10px 7px}.q-row.minor{display:none}.q-row.main .q-val{font-size:17px}.q-val{font-size:13px}.q-btn{gap:4px;min-height:46px;padding:5px 4px;font-size:12.5px}.q-remove .q-name{display:none}.q-act{min-height:50px;font-size:16px}.q-toggle{min-height:34px;padding:5px 10px;font-size:12.5px}}@media (width<=520px) and (height<=700px) and (orientation:portrait){.charge[data-mode=predict] .q-card,.charge[data-mode=lab] .coach,.charge[data-mode=predict] .q-card{display:none}.charge .choices.q-grid2{grid-template-columns:1fr 1fr}.q-toggles{flex-wrap:nowrap;gap:5px}.q-toggle{flex:1 1 0;justify-content:center;gap:5px;min-width:0;padding:4px 6px}.q-toggle .q-long{display:none}.q-toggle .q-short{display:inline}.charge .choice{padding:6px 9px;font-size:13px}.charge .choice-key{width:22px;height:22px}}@media (width<=360px) and (orientation:portrait){.q-btn .q-icon svg{width:18px;height:18px}.q-btn{font-size:12px}.q-toggle{gap:5px;padding:4px 8px}.q-act kbd{display:none}}@media (orientation:landscape) and (height<=500px){.dock .q-card{max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0b1322;border-radius:12px;flex:none;padding:5px 9px 6px;position:static}.q-row.minor{display:none}.q-row.main .q-val{font-size:16px}.q-val{font-size:12.5px}.q-palette{flex-wrap:wrap;flex:none}.q-btn{max-width:none;min-height:40px;padding:4px 3px;font-size:12px}.q-remove .q-name{display:none}.q-actions{flex:none;grid-template-columns:1fr;gap:6px}.q-act{min-height:44px;font-size:15px}.q-toggles{flex:none;gap:5px}.charge[data-mode=lab] .coach,.charge[data-mode=predict] .q-card{display:none}.charge .choices.q-grid2{grid-template-columns:1fr 1fr}.q-toggle{min-height:32px;padding:4px 9px;font-size:12px}.charge .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px;padding:4px 6px}.charge .param .param-row{display:contents}.charge .param .param-row>.step:first-child{grid-area:minus}.charge .param .param-row>.step:last-child{grid-area:plus}.charge .param .slider-wrap{display:none}.charge .param .param-head{font-size:12px}.charge .param .param-value{text-align:center;justify-self:center;min-width:2.2em;font-size:17px}.charge .param .step{width:32px;height:32px}.charge .launch,.charge[data-mode] .launch{flex:none;min-height:42px}.charge .controls:not(:has(.param)) .launch{flex:none;min-height:42px}.q-btn{flex:1 1 0;gap:3px;min-width:0}.q-btn .q-icon svg{width:17px;height:17px}.q-remove{flex:0 0 38px}.charge[data-mode=lab] .q-btn{flex:1 0 calc(33.3% - 6px)}}