.level-card:after{border:0;border-top:2px solid var(--accent);width:120px;height:0;box-shadow:0 0 10px var(--accent);border-radius:0;bottom:42px;right:-10px;transform:rotate(-32deg)}.ex-figure{background:#0d1426;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0d1426;border-color:#1e293b;padding:0;overflow:hidden}.title-demo{pointer-events:none;position:absolute}.read-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(340px,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}.read-row{flex-wrap:wrap;align-items:baseline;gap:2px 9px;display:flex}.read-row+.read-row{margin-top:3px}.read-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.read-val{font-family:var(--math);color:#e2e8f0;font-size:15px}.read-row.main .read-val{font-size:24px;font-weight:600}.read-row.minor .read-val{font-family:var(--font);color:#cbd5e1;font-size:12px;font-weight:600}.lab-rows{gap:6px;display:grid}.lab-row{align-items:center;gap:8px;min-width:0;display:flex}.lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 52px;font-size:12px;font-weight:800}.lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.lab-row .segmented::-webkit-scrollbar{display:none}.lab-row .seg{text-transform:capitalize;align-items:center;gap:5px;padding:6px 10px;font-size:12.5px;display:inline-flex}.seg .dot{background:var(--c);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0f172a40}.light .param[data-key=angle]{--track-fill:#d97706}.light .controls:not(:has(.param)) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.light .controls{flex-wrap:nowrap;gap:6px}.light .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}.light .param .param-row{display:contents}.light .param .param-row>.step:first-child{grid-area:minus}.light .param .param-row>.step:last-child{grid-area:plus}.light .param .slider-wrap{display:none}.light .param .param-head{justify-content:center;gap:4px;font-size:12px}.light .param .param-value{justify-self:center;font-size:21px}.light .launch{flex:1 1 0;min-width:0;min-height:46px}.light .choices{grid-template-columns:1fr}.light .coach{font-size:13.5px;line-height:1.36}.read-row.minor{display:none}.read-card{padding:6px 10px 7px}.read-row.main .read-val{font-size:20px}.read-val{font-size:13.5px}.lab-k{flex-basis:44px;font-size:12px}.lab-row .seg{padding:5px 8px;font-size:12px}}@media (orientation:landscape) and (height<=500px){.read-card{max-width:230px;padding:5px 9px 6px;left:6px}.read-row.minor{display:none}.read-row.main .read-val{font-size:18px}.read-val{font-size:13px}.light .launch{flex:none}.light .controls:not(:has(.param:not([hidden]))) .launch{flex:none}.light .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px;padding:4px 6px}.light .param .param-row{display:contents}.light .param .param-row>.step:first-child{grid-area:minus}.light .param .param-row>.step:last-child{grid-area:plus}.light .param .slider-wrap{display:none}.light .param .param-head{font-size:12px}.light .param .param-value{text-align:center;justify-self:center;min-width:1.8em;font-size:20px}.lab-row{gap:5px}.lab-k{flex-basis:40px;font-size:12px}.lab-row .seg{padding:4px 7px;font-size:12px}}