.magfield-title .title-hero span{background:linear-gradient(90deg,#f87171,#fbbf24 48%,#60a5fa);-webkit-background-clip:text;background-clip:text;padding-right:.04em;display:inline-block}.level-card:after{border:2px solid var(--accent);width:128px;height:84px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;bottom:-30px;right:-26px}.ex-figure{background:#0a1122;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0a1122;border-color:#1e293b;padding:0;overflow:hidden}.mag-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:#0f172adb;border:1px solid #94a3b847;border-radius:16px;padding:8px 13px 9px;position:absolute;left:12px}.mag-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.mag-row+.mag-row{margin-top:3px}.mag-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.mag-val{font-variant-numeric:tabular-nums;color:#e2e8f0;font-size:13.5px;font-weight:600}.mag-row.main .mag-val{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.12}.mag-row.minor .mag-val{color:#cbd5e1;font-size:12px}.mag-switches,.lab-rows{gap:6px;display:grid}.mag-switch,.lab-row{align-items:center;gap:8px;min-width:0;display:flex}.mag-switch-k,.lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 56px;font-size:12px;font-weight:800}.mag-switch .segmented,.lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.mag-switch .segmented::-webkit-scrollbar{display:none}.lab-row .segmented::-webkit-scrollbar{display:none}.mag-switch .seg,.lab-row .seg{white-space:nowrap;flex:1 0 auto;padding:7px 11px;font-size:13px}.lab-chip[aria-pressed=true]{color:#fff;background:#0f172a}.lab-chip:disabled{opacity:.4}.mag-view{border:1px solid var(--line);min-width:54px;color:var(--ink-2);font:inherit;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.mag-view:hover{border-color:#38bdf8}.mag-view[aria-pressed=true]{color:#7dd3fc;background:#0f172a;border-color:#0f172a}.magfield .param[data-key=angle],.magfield .param[data-key=theta]{--track-fill:#d97706}.magfield .param[data-key=I],.magfield .param[data-key=I2]{--track-fill:#ca8a04}.magfield .param[data-key=N]{--track-fill:#059669}.magfield .param[data-key=r],.magfield .param[data-key=L]{--track-fill:#0284c7}.magfield .param[data-key=B]{--track-fill:#7c3aed}.magfield .param-unit{white-space:nowrap}.magfield .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.magfield .controls{flex-wrap:nowrap;gap:6px}.magfield .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}.magfield .param .param-row{display:contents}.magfield .param .param-row>.step:first-child{grid-area:minus}.magfield .param .param-row>.step:last-child{grid-area:plus}.magfield .param .slider-wrap{display:none}.magfield .param .param-head{justify-content:center;gap:4px;font-size:12px}.magfield .param .param-value{justify-self:center;font-size:19px}.magfield .param .param-unit{font-size:12px}.magfield .param .step{width:30px;height:30px}.magfield .launch{flex:1 1 0;min-width:0;min-height:46px;margin-bottom:0}:is(.magfield .controls:has(.param:not([hidden])) .launch,.magfield .controls:has(.predict-param) .launch){flex:0 0 30%;padding:6px 8px;font-size:17px}:is(.magfield .controls:has(.param:not([hidden])) .launch .icon,.magfield .controls:has(.predict-param) .launch .icon){display:none}.magfield .controls:has(.param:not([hidden])~.param:not([hidden])){flex-wrap:wrap}.magfield .controls:has(.param:not([hidden])~.param:not([hidden])) .param{flex:28%}.magfield .controls:has(.param:not([hidden])~.param:not([hidden])) .launch{flex:60%;min-height:42px;font-size:18px}.magfield .controls:has(.param:not([hidden])~.param:not([hidden])) .launch .icon{display:inline}.magfield .controls:has(.param:not([hidden])~.param:not([hidden])) .mag-view{flex-direction:row;gap:5px;min-height:42px}.mag-view{min-width:46px;padding:4px 6px}.magfield .choices{grid-template-columns:1fr;gap:5px}.magfield[data-short-choices] .choices{grid-template-columns:1fr 1fr}.magfield .choice{padding:6px 9px;font-size:13px}.magfield[data-short-choices] .choice{gap:7px;padding:6px 7px;font-size:12.5px;line-height:1.22}.magfield .coach{font-size:13px;line-height:1.34}.mag-card{padding:6px 10px 7px}.mag-row.minor{display:none}.mag-row.main .mag-val{font-size:17px}.mag-val{font-size:12.5px}.mag-label{font-size:12px}.mag-switch-k,.lab-k{flex-basis:44px;font-size:12px}.mag-switch .seg,.lab-row .seg{padding:6px 8px;font-size:12px}.lab-row .segmented{flex-wrap:wrap;overflow:visible}.lab-row .seg{flex:1 0 28%;padding:5px 6px}.lab-chips .seg{flex:1 0 auto}}@media (width<=520px) and (height<=700px) and (orientation:portrait){.magfield[data-mode=lab] .coach{display:none}}@media (width<=360px) and (orientation:portrait){.magfield .coach{font-size:12.5px}.mag-row.main .mag-val{font-size:16px}.mag-view-k{display:none}.mag-view{min-width:40px}}@media (orientation:landscape) and (height<=500px){.mag-card{max-width:min(300px, calc(100% - var(--side-w,280px) - 24px));background:#0f172acc;border-radius:12px;padding:5px 9px 6px;left:6px}.mag-row+.mag-row{margin-top:1px}.mag-row.minor{display:none}.mag-row.main .mag-val{font-size:15px}.mag-label,.mag-val{font-size:12px}.magfield .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:0 5px;padding:4px 6px}.magfield .param .param-row{display:contents}.magfield .param .param-row>.step:first-child{grid-area:minus}.magfield .param .param-row>.step:last-child{grid-area:plus}.magfield .param .slider-wrap{display:none}.magfield .param .param-head{min-width:0;font-size:12px}.magfield .param .param-head i{display:none}.magfield .param .param-value{text-align:center;font-size:16px}.magfield .param .param-unit{font-size:12px}.magfield .param .step{width:28px;height:28px}.magfield .controls{flex-flow:wrap;align-content:flex-end}.magfield .controls>.param{flex:100%}.magfield .controls>.mag-view{flex:none;min-width:44px;min-height:40px;padding:4px 8px}.mag-view-k{display:none}.magfield.play{--side-w:clamp(250px, 38vw, 320px)}.magfield[data-short-choices]:not([data-tiny-choices]) .choices{grid-template-columns:1fr}:is(.magfield .controls>.launch,.magfield .controls:not(:has(.param:not([hidden])))>.launch){flex:1 1 0;width:auto;min-width:0;min-height:40px;margin:0;padding:4px 10px;font-size:17px;position:static}.magfield .coach{font-size:12px;line-height:1.3}.magfield[data-tiny-choices] .choices{grid-template-columns:1fr 1fr}.magfield[data-mode=lab] .coach{display:none}.lab-row .seg{flex:1 0 auto}.mag-switch-k,.lab-k{flex-basis:40px;font-size:12px}.mag-switch .seg,.lab-row .seg{padding:4px 7px;font-size:12px}.lab-row .segmented{flex-wrap:wrap;overflow:visible}}