.generator-title .title-hero span{background:linear-gradient(90deg,#fb923c,#fbbf24 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;padding-right:.04em;display:inline-block}.level-card:after{opacity:.45;background:radial-gradient(circle at 50% 100%, transparent 10px, var(--accent) 10.5px, var(--accent) 12.5px, transparent 13px) 0 0 / 48px 12px repeat-x, radial-gradient(circle at 50% 0, transparent 10px, var(--accent) 10.5px, var(--accent) 12.5px, transparent 13px) 24px 10px / 48px 12px repeat-x;border:0;border-radius:0;width:132px;height:22px;bottom:38px;right:12px}.level-card.check-link:after{background:0 0}.ex-figure{background:#0b1224;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0b1224;border-color:#1e293b;padding:0;overflow:hidden}.gen-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}.gen-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.gen-row+.gen-row{margin-top:3px}.gen-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.gen-val{font-variant-numeric:tabular-nums;color:#e2e8f0;font-size:13.5px;font-weight:600}.gen-row.main .gen-val{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.12}.gen-row.minor .gen-val{color:#cbd5e1;font-size:12px}.gen-short{display:none}.gen-switches,.lab-rows{gap:6px;display:grid}.gen-switch,.lab-row{align-items:center;gap:8px;min-width:0;display:flex}.gen-switch-k,.lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 52px;font-size:12px;font-weight:800}.gen-switch .segmented,.lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.gen-switch .segmented::-webkit-scrollbar{display:none}.lab-row .segmented::-webkit-scrollbar{display:none}.gen-switch .seg,.lab-row .seg{white-space:nowrap;flex:1 0 auto;padding:7px 11px;font-size:13px}.generator .choice .gen-sketch{color:#334155;flex:none;order:-1}.generator .choices[data-sketches] .choice-key{order:-2}.generator .choices[data-sketches]{grid-template-columns:1fr 1fr}.generator .param[data-key=angle]{--track-fill:#d97706}.generator .param[data-key=rpm],.generator .param[data-key=df]{--track-fill:#f59e0b}.generator .param[data-key=N],.generator .param[data-key=dN],.generator .param[data-key=mN],.generator .param[data-key=coils]{--track-fill:#c2410c}.generator .param[data-key=A],.generator .param[data-key=dA]{--track-fill:#0284c7}.generator .param[data-key=B],.generator .param[data-key=dB],.generator .param[data-key=mB]{--track-fill:#7c3aed}.generator .param[data-key=I],.generator .param[data-key=mV]{--track-fill:#0891b2}.generator .param[data-key=Np],.generator .param[data-key=Ns],.generator .param[data-key=tNp],.generator .param[data-key=tNs]{--track-fill:#9333ea}.generator .param[data-key=kV],.generator .param[data-key=lV],.generator .param[data-key=lP],.generator .param[data-key=lR],.generator .param[data-key=tVp],.generator .param[data-key=tR]{--track-fill:#e11d48}.generator .param.predict-param{--track-fill:#db2777}.generator .param[data-selected]{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b59}.generator .param-unit{white-space:nowrap}.generator .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.generator .controls{flex-wrap:nowrap;gap:6px}.generator .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}.generator .param .param-row{display:contents}.generator .param .param-row>.step:first-child{grid-area:minus}.generator .param .param-row>.step:last-child{grid-area:plus}.generator .param .slider-wrap{display:none}.generator .param .param-head{white-space:nowrap;justify-content:center;gap:4px;font-size:12px;overflow:hidden}.generator .param .param-value{justify-self:center;font-size:19px}.generator .param .param-unit{font-size:12px}.generator .param .step{width:30px;height:30px}.generator .launch{flex:1 1 0;min-width:0;min-height:46px;margin-bottom:0;padding:8px 10px;font-size:19px}.generator .launch:disabled{font-size:15px}:is(.generator .controls:has(.param:not([hidden])) .launch,.generator .controls:has(.predict-param) .launch){flex:0 0 34%;padding:6px 8px;font-size:17px}:is(.generator .controls:has(.param:not([hidden])) .launch .icon,.generator .controls:has(.predict-param) .launch .icon){display:none}.generator .controls:has(.param:not([hidden])~.param:not([hidden])){flex-wrap:wrap}.generator .controls:has(.param:not([hidden])~.param:not([hidden])) .param{flex:28%}.generator .controls:has(.param:not([hidden])~.param:not([hidden])) .launch{flex:100%;min-height:42px;font-size:18px}.generator .controls:has(.param:not([hidden])~.param:not([hidden])) .launch .icon{display:inline}.generator .choices{grid-template-columns:1fr;gap:5px}.generator[data-short-choices] .choices,.generator .choices[data-sketches]{grid-template-columns:1fr 1fr}.generator .choice{padding:6px 9px;font-size:13px;line-height:1.22}.generator[data-short-choices] .choice,.generator .choices[data-sketches] .choice{gap:7px;padding:6px 7px;font-size:12.5px}.generator .choices[data-sketches] .gen-sketch{width:34px;height:16px}.generator .coach{font-size:13px;line-height:1.34}.gen-card{padding:6px 10px 7px}.gen-row.minor{display:none}.gen-row.main .gen-val{font-size:16.5px}.gen-val{font-size:12.5px}.gen-label{font-size:12px}.gen-switch-k,.lab-k{display:none}.gen-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 22%;padding:5px 6px}.gen-labscreen .controls{flex-wrap:wrap}.generator.gen-labscreen .controls:has(.param:not([hidden])~.param:not([hidden])) .param{flex:40%}.gen-labscreen .controls .launch{flex:100%;min-height:40px;font-size:17px}.gen-labscreen .controls .launch .icon{display:inline}}@media (width<=520px) and (height<=700px) and (orientation:portrait){.gen-labscreen .coach,.generator .choices[data-resolved] .choice:not([data-correct]):not([data-wrong]){display:none}}@media (width<=400px) and (orientation:portrait){.generator:not(.gen-labscreen) .controls:has(.param:not([hidden])~.param:not([hidden])~.param:not([hidden])) .param-unit{display:none}.generator:not(.gen-labscreen) .controls:has(.param:not([hidden])~.param:not([hidden])~.param:not([hidden])) .step{width:26px}.generator .choices[data-sketches]{grid-template-columns:repeat(4,1fr)}.generator .choices[data-sketches] .choice{flex-direction:column;gap:3px;padding:5px 4px}.generator .choices[data-sketches] .gen-choice-text{display:none}.generator .choices[data-sketches] .gen-sketch{width:44px;height:20px}}@media (width<=360px) and (orientation:portrait){.generator .coach{padding:6px 9px;font-size:12.5px}.gen-row.main .gen-val{font-size:15px}.generator .param .param-value{font-size:17px}.generator .param .step{width:28px;height:28px}.generator .choice{padding:5px 7px;font-size:12px}.generator .choice-key{width:20px;height:20px}:is(.generator .controls:has(.predict-param) .launch:disabled,.generator .controls:has(.param:not([hidden])) .launch:disabled){font-size:13px}}@media (orientation:landscape) and (height<=500px){.generator.play{--side-w:clamp(250px, 38vw, 320px)}.gen-card{max-width:min(300px, calc(100% - var(--side-w,280px) - 24px));background:#0f172acc;border-radius:12px;padding:5px 9px 6px;left:6px}.gen-row+.gen-row{margin-top:1px}.gen-row.minor,.gen-val.has-short{display:none}.gen-short{display:inline}.gen-label{display:none}.gen-row.main .gen-val{font-size:15px}.gen-val{font-size:12px}.generator .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:0 5px;padding:4px 6px}.generator .param .param-row{display:contents}.generator .param .param-row>.step:first-child{grid-area:minus}.generator .param .param-row>.step:last-child{grid-area:plus}.generator .param .slider-wrap{display:none}.generator .param .param-head{white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.generator .param .param-head i{display:none}.generator .param .param-value{text-align:center;min-width:2.4em;font-size:16px}.generator .param .param-unit{font-size:12px}.generator .param .step{width:28px;height:28px}.generator .controls{flex-flow:wrap;align-content:flex-end}.generator .controls>.param{flex:100%}:is(.generator .controls>.launch,.generator .controls:not(:has(.param:not([hidden])))>.launch){flex:100%;width:auto;min-width:0;min-height:40px;margin:0;padding:4px 10px;font-size:17px;position:static}.generator .coach{font-size:12px;line-height:1.3}.generator .choices,.generator[data-short-choices] .choices{grid-template-columns:1fr}.generator .choices[data-sketches]{grid-template-columns:repeat(4,1fr)}.generator .choices[data-sketches] .choice{flex-direction:column;gap:3px;padding:5px 3px}.generator .choices[data-sketches] .gen-choice-text{display:none}.generator .choices[data-sketches] .gen-sketch{width:42px;height:19px}.generator .choices[data-resolved] .choice:not([data-correct]):not([data-wrong]),.gen-labscreen .coach{display:none}.gen-labscreen .controls>.param{flex:40%;grid-template-columns:auto auto 1fr auto;grid-template-areas:"head minus value plus";padding:3px 4px}.gen-labscreen .param .param-label{font-size:0}.gen-labscreen .param .param-head i{font-size:13px;display:inline}.gen-labscreen .param .param-value{min-width:0;font-size:15px}.gen-labscreen .param .param-unit{font-size:12px}.gen-switch-k,.lab-k{display:none}.gen-switch .seg,.lab-row .seg{padding:4px 6px;font-size:12px}.lab-row .segmented{flex-wrap:wrap;overflow:visible}.lab-row .seg{flex:1 0 auto}}