.motor-title .title-hero span{background:linear-gradient(90deg,#fb923c,#fde047 48%,#4ade80);-webkit-background-clip:text;background-clip:text;padding-right:.04em;display:inline-block}.motor-game .level-card:after{border:2px solid var(--accent);width:96px;height:72px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:10px;bottom:-24px;right:-18px;transform:rotate(-16deg)}.motor-game .ex-figure{background:#0b1122;border-color:#1e293b}.motor-game .note-diagram:has(svg.example-art){background:#0b1122;border-color:#1e293b;padding:0;overflow:hidden}.mo-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(370px,100% - 24px);box-shadow:var(--shadow);color:#e2e8f0;pointer-events:none;background:#0e1220db;border:1px solid #d9822b59;border-radius:16px;padding:8px 13px 9px;position:absolute;left:12px}.mo-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.mo-row+.mo-row{margin-top:3px}.mo-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.mo-val{font-variant-numeric:tabular-nums;color:#e2e8f0;font-size:13.5px;font-weight:600}.mo-row.main .mo-val{font-family:var(--display);font-size:20px;font-weight:600;line-height:1.12}.mo-row.minor .mo-val{color:#cbd5e1;font-size:12px}.mo-switches,.motor .lab-rows{gap:6px;display:grid}.mo-switch,.motor .lab-row{align-items:center;gap:8px;min-width:0;display:flex}.mo-switch-k,.motor .lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 64px;font-size:12px;font-weight:800}.mo-switch .segmented,.motor .lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.mo-switch .segmented::-webkit-scrollbar{display:none}.motor .lab-row .segmented::-webkit-scrollbar{display:none}.mo-switch .seg,.motor .lab-row .seg{white-space:nowrap;flex:1 0 auto;padding:7px 11px;font-size:13px}.mo-tray .segmented{flex-wrap:wrap;overflow:visible}.mo-tray .seg{font-variant-numeric:tabular-nums;flex:1 0 14%}.mo-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}.mo-view:hover{border-color:#fb923c}.mo-view[aria-pressed=true]{color:#fdba74;background:#0f172a;border-color:#0f172a}.motor .param[data-key=theta]{--track-fill:#d97706}.motor .param[data-key=I],.motor .param[data-key=I1],.motor .param[data-key=I2]{--track-fill:#ca8a04}.motor .param[data-key=N]{--track-fill:#059669}.motor .param[data-key=R],.motor .param[data-key=Rz],.motor .param[data-key=Rs],.motor .param[data-key=Rm],.motor .param[data-key=load]{--track-fill:#0284c7}.motor .param[data-key=B]{--track-fill:#7c3aed}.motor .param-unit{white-space:nowrap}.motor .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.motor .controls{flex-wrap:nowrap;gap:6px}.motor .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}.motor .param .param-row{display:contents}.motor .param .param-row>.step:first-child{grid-area:minus}.motor .param .param-row>.step:last-child{grid-area:plus}.motor .param .slider-wrap{display:none}.motor .param .param-head{justify-content:center;gap:4px;font-size:12px}.motor .param .param-value{justify-self:center;font-size:19px}.motor .param .param-unit{font-size:12px}.motor .param .step{width:30px;height:30px}.motor .launch{flex:1 1 0;min-width:0;min-height:46px;margin-bottom:0}:is(.motor .controls:has(.param:not([hidden])) .launch,.motor .controls:has(.predict-param) .launch){flex:0 0 30%;padding:6px 8px;font-size:17px}:is(.motor .controls:has(.param:not([hidden])) .launch .icon,.motor .controls:has(.predict-param) .launch .icon){display:none}.motor .controls:has(.param:not([hidden])~.param:not([hidden])){flex-wrap:wrap}.motor .controls:has(.param:not([hidden])~.param:not([hidden])) .param{flex:28%}.motor .controls:has(.param:not([hidden])~.param:not([hidden])) .launch{flex:60%;min-height:42px;font-size:18px}.motor .controls:has(.param:not([hidden])~.param:not([hidden])) .launch .icon{display:inline}.motor .controls:has(.param:not([hidden])~.param:not([hidden])) .mo-view{flex-direction:row;gap:5px;min-height:42px}.mo-view{min-width:46px;padding:4px 6px}.motor .choices{grid-template-columns:1fr;gap:5px}.motor[data-short-choices] .choices{grid-template-columns:1fr 1fr}.motor .choice{padding:6px 9px;font-size:13px}.motor[data-short-choices] .choice{gap:7px;padding:6px 7px;font-size:12.5px;line-height:1.22}.motor .coach{font-size:13px;line-height:1.34}.mo-card{padding:6px 10px 7px}.mo-row.minor{display:none}.mo-row.main .mo-val{font-size:16.5px}.mo-val{font-size:12.5px}.mo-label{font-size:12px}.mo-switch-k,.motor .lab-k{flex-basis:50px;font-size:12px}.mo-switch .seg,.motor .lab-row .seg{padding:6px 8px;font-size:12px}.mo-tray .seg{flex:1 0 28%;padding:5px 4px}.motor .lab-row .segmented{flex-wrap:wrap;overflow:visible}.motor .lab-row .seg{flex:1 0 28%;padding:5px 6px}}@media (width<=520px) and (height<=700px) and (orientation:portrait){.motor[data-mode=lab] .coach{display:none}}@media (width<=360px) and (orientation:portrait){.motor .coach{font-size:12.5px}.mo-row.main .mo-val{font-size:15.5px}.mo-view-k{display:none}.mo-view{min-width:40px}.mo-switch-k,.motor .lab-k{flex-basis:42px}.motor .controls:has(.param:not([hidden])~.param:not([hidden])~.param:not([hidden])) .param:not([hidden]){flex:40%}}@media (orientation:landscape) and (height<=500px){.mo-card{max-width:min(300px, calc(100% - var(--side-w,280px) - 24px));background:#0e1220cc;border-radius:12px;padding:5px 9px 6px;left:6px}.mo-row+.mo-row{margin-top:1px}.mo-row.minor{display:none}.mo-row.main .mo-val{font-size:15px}.mo-label,.mo-val{font-size:12px}.motor .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:0 5px;padding:4px 6px}.motor .param .param-row{display:contents}.motor .param .param-row>.step:first-child{grid-area:minus}.motor .param .param-row>.step:last-child{grid-area:plus}.motor .param .slider-wrap{display:none}.motor .param .param-head{min-width:0;font-size:12px}.motor .param .param-head i{display:none}.motor .param .param-value{text-align:center;font-size:16px}.motor .param .param-unit{font-size:12px}.motor .param .step{width:28px;height:28px}.motor .controls{flex-flow:wrap;align-content:flex-end}.motor .controls>.param{flex:100%}.motor .controls>.mo-view{flex:none;min-width:44px;min-height:40px;padding:4px 8px}.mo-view-k{display:none}.motor.play{--side-w:clamp(250px, 38vw, 320px)}.motor[data-short-choices]:not([data-tiny-choices]) .choices{grid-template-columns:1fr}:is(.motor .controls>.launch,.motor .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}.motor .coach{font-size:12px;line-height:1.3}.motor[data-tiny-choices] .choices{grid-template-columns:1fr 1fr}.motor[data-mode=lab] .coach{display:none}.motor .lab-row .seg{flex:1 0 auto}.mo-switch-k,.motor .lab-k{flex-basis:44px;font-size:12px}.mo-switch .seg,.motor .lab-row .seg{padding:4px 7px;font-size:12px}.mo-tray .seg{flex:1 0 28%;padding:4px 3px}.motor .lab-row .segmented{flex-wrap:wrap;overflow:visible}}
