.induction-title .title-hero span{background:linear-gradient(90deg,#fb923c,#fbbf24 45%,#38bdf8);-webkit-background-clip:text;background-clip:text;padding-right:.04em;display:inline-block}.level-card:after{border:2px dashed var(--accent);width:118px;height:64px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:40%/50%;bottom:-24px;right:-18px}.ex-figure{background:#0a1122;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0a1122;border-color:#1e293b;padding:0;overflow:hidden}.ind-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(380px,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}.ind-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.ind-row+.ind-row{margin-top:3px}.ind-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.ind-val{font-variant-numeric:tabular-nums;color:#e2e8f0;font-size:13.5px;font-weight:600}.ind-row.main .ind-val{font-family:var(--display);font-size:21px;font-weight:600;line-height:1.12}.ind-row.minor .ind-val{color:#cbd5e1;font-size:12px}.ind-switches,.lab-rows{gap:6px;display:grid}.ind-switch,.lab-row,.ind-slots{align-items:center;gap:8px;min-width:0;display:flex}.ind-switch-k,.lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 60px;font-size:12px;font-weight:800}.ind-switch .segmented,.lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.ind-switch .segmented::-webkit-scrollbar{display:none}.lab-row .segmented::-webkit-scrollbar{display:none}.ind-switch .seg,.lab-row .seg{white-space:nowrap;flex:1 0 auto;padding:7px 11px;font-size:13px}.ind-slots .slot{min-width:0;min-height:38px;color:var(--ink-2);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border:1.5px dashed #94a3b8;border-radius:12px;flex:1 1 0;font-size:15px;font-weight:800}.ind-slots .slot[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #0f172a99;background:linear-gradient(#ef4444 0 50%,#2563eb 50%);border:1.5px solid #991b1b}.ind-slots .slot:disabled{opacity:.6;cursor:default}.choices.graph-choices{grid-template-columns:repeat(4,1fr)}.graph-choice{flex-direction:column;align-items:center;gap:4px;padding:6px}.graph-choice .graph-card{width:100%;line-height:0;display:block}.graph-choice .graph-card svg{width:100%;height:auto;max-height:64px}.graph-choice .choice-key{align-self:flex-start}.induction .param[data-key=v],.induction .param[data-key=rv]{--track-fill:#ea580c}.induction .param[data-key=gap]{--track-fill:#0284c7}.induction .param[data-key=N]{--track-fill:#b45309}.induction .param-unit{white-space:nowrap}.induction .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.induction .controls{flex-wrap:nowrap;gap:6px}.induction .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}.induction .param .param-row{display:contents}.induction .param .param-row>.step:first-child{grid-area:minus}.induction .param .param-row>.step:last-child{grid-area:plus}.induction .param .slider-wrap{display:none}.induction .param .param-head{justify-content:center;gap:4px;font-size:12px}.induction .param .param-value{justify-self:center;font-size:19px}.induction .param .param-unit{font-size:12px}.induction .param .step{width:30px;height:30px}.induction .launch{flex:1 1 0;min-width:0;min-height:46px;margin-bottom:0}:is(.induction .controls:has(.param:not([hidden])) .launch,.induction .controls:has(.predict-param) .launch){flex:0 0 34%;padding:6px 8px;font-size:17px}:is(.induction .controls:has(.param:not([hidden])) .launch .icon,.induction .controls:has(.predict-param) .launch .icon){display:none}.induction .controls:has(.param:not([hidden])~.param:not([hidden])){flex-wrap:wrap}.induction .controls:has(.param:not([hidden])~.param:not([hidden])) .param{flex:40%}.induction .controls:has(.param:not([hidden])~.param:not([hidden])) .launch{flex:100%;min-height:42px}.induction .choices{grid-template-columns:1fr;gap:5px}.induction[data-short-choices] .choices,.induction .choices.graph-choices{grid-template-columns:1fr 1fr}.induction .choice{padding:6px 9px;font-size:13px}.induction .graph-choice{flex-direction:row;padding:4px}.induction .graph-choice .graph-card svg{max-height:44px}.induction[data-short-choices] .choice{gap:7px;padding:6px 7px;font-size:12.5px;line-height:1.22}.induction .coach{font-size:13px;line-height:1.34}.ind-card{padding:6px 10px 7px}.ind-row.minor{display:none}.ind-row.main .ind-val{font-size:17px}.ind-val{font-size:12.5px}.ind-label{font-size:12px}.ind-switch-k,.lab-k{flex-basis:50px;font-size:12px}.ind-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 auto;padding:5px 6px}.ind-slots .slot{min-height:36px;font-size:14px}}@media (width<=520px) and (height<=700px) and (orientation:portrait){.induction[data-mode=lab] .coach{display:none}.ind-row+.ind-row{margin-top:1px}}@media (width<=360px) and (orientation:portrait){.induction .coach{font-size:12.5px}.ind-row.main .ind-val{font-size:16px}.induction .choice{font-size:12.5px}}@media (orientation:landscape) and (height<=500px){.ind-card{max-width:min(300px, calc(100% - var(--side-w,280px) - 24px));background:#0f172acc;border-radius:12px;padding:5px 9px 6px;left:6px}.ind-row+.ind-row{margin-top:1px}.ind-row.minor{display:none}.ind-row.main .ind-val{font-size:15px}.ind-label,.ind-val{font-size:12px}.induction .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:0 5px;padding:4px 6px}.induction .param .param-row{display:contents}.induction .param .param-row>.step:first-child{grid-area:minus}.induction .param .param-row>.step:last-child{grid-area:plus}.induction .param .slider-wrap{display:none}.induction .param .param-head{min-width:0;font-size:12px}.induction .param .param-head i{display:none}.induction .param .param-value{text-align:center;font-size:16px}.induction .param .param-unit{font-size:12px}.induction .param .step{width:28px;height:28px}.induction .controls{flex-flow:wrap;align-content:flex-end}.induction .controls>.param{flex:100%}.induction.play{--side-w:clamp(250px, 38vw, 320px)}.induction[data-short-choices] .choices{grid-template-columns:1fr 1fr;gap:4px}.induction[data-short-choices] .choice{gap:6px;padding:5px 6px;font-size:12px;line-height:1.2}.induction .choices.graph-choices{grid-template-columns:1fr 1fr;gap:4px}.induction .graph-choice{flex-direction:row;padding:3px}.induction .graph-choice .graph-card svg{max-height:34px}:is(.induction .controls>.launch,.induction .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}.induction .coach{font-size:12px;line-height:1.3}.induction[data-mode=lab] .coach{display:none}.ind-switch-k,.lab-k{flex-basis:44px;font-size:12px}.ind-switch .seg,.lab-row .seg{padding:4px 7px;font-size:12px}.lab-row .segmented{flex-wrap:wrap;overflow:visible}.ind-slots{gap:4px}.ind-slots .ind-switch-k{display:none}.ind-slots .slot{border-radius:9px;min-height:32px;font-size:13px}}
