.level-card:after{border:0;border-top:2px solid var(--accent);width:116px;height:0;box-shadow:0 0 10px var(--accent);border-radius:0;bottom:40px;right:-8px;transform:rotate(-30deg)}.ex-figure{background:#0d1426;border-color:#1e293b}.ex-figure svg+svg{margin-top:6px}.note-diagram:has(svg.example-art){background:#0d1426;border-color:#1e293b;padding:0;overflow:hidden}.wk-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:max-content;min-width:190px;max-width:min(330px,100% - 24px);box-shadow:var(--shadow);color:#e2e8f0;pointer-events:none;background:#0f172adb;border:1px solid #94a3b847;border-radius:16px;padding:8px 12px 9px;position:absolute;left:12px}.wk-rows{gap:4px;display:grid}.wk-line{flex-wrap:wrap;align-items:baseline;gap:1px 8px;display:flex}.wk-label{letter-spacing:.07em;text-transform:uppercase;color:#94a3b8;font-size:12px;font-weight:800}.wk-val{font-family:var(--math);color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:14.5px}.wk-row.main .wk-val{font-size:22px;font-weight:600}.wk-row.minor .wk-val{font-family:var(--font);color:#cbd5e1;font-size:12px;font-weight:600}.wk-bar{background:#94a3b829;border-radius:4px;height:7px;margin-top:3px;position:relative;overflow:hidden}.wk-bar i{border-radius:4px;position:absolute;top:0;bottom:0;left:0}.wk-bar b{background:#f8fafc;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px;box-shadow:0 0 0 1px #0f172a99}.wk-svg{margin-top:6px}.wk-card:has(.wk-svg:not([hidden])){width:min(290px,100% - 24px)}.wk-svg svg{border-radius:10px;width:100%;height:auto;display:block}.work .param[data-key=energy]{--track-fill:#0891b2}.work .param[data-key=angle]{--track-fill:#d97706}.work .param[data-key=force]{--track-fill:#e11d48}.work .param[data-key=time]{--track-fill:#7c3aed}.work .param[data-key=eta]{--track-fill:#2563eb}.work .controls:not(:has(.param:not([hidden]))) .launch{flex:auto}.wk-pick{background:#0f172a0f;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:3px;display:grid}.wk-pick .seg{justify-content:center;align-items:center;gap:6px;padding:6px;font-size:13px;display:flex}.wk-pick .seg small{opacity:.75;font-size:12px;font-weight:600}.wk-pick .dot,.wk-lab .dot{background:var(--c);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0f172a40}.wk-lab{gap:6px;display:grid}.wk-lab-row{align-items:center;gap:8px;min-width:0;display:flex}.wk-lab-k{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:0 0 60px;font-size:12px;font-weight:800}.wk-lab-row .segmented{scrollbar-width:none;flex:auto;min-width:0;overflow-x:auto}.wk-lab-row .segmented::-webkit-scrollbar{display:none}.wk-lab-row .seg{flex:1 1 0;padding:6px 10px;font-size:12.5px}@media (orientation:portrait){.work .choices[data-short]{grid-template-columns:repeat(3,1fr)}.work .choices[data-short] .choice{white-space:nowrap;justify-content:center;gap:7px;padding:9px 5px}}@media (width<=520px) and (orientation:portrait){.work .controls{flex-wrap:nowrap;gap:6px}.work .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}.work .param .param-row{display:contents}.work .param .param-row>.step:first-child{grid-area:minus}.work .param .param-row>.step:last-child{grid-area:plus}.work .param .slider-wrap{display:none}.work .param .param-head{justify-content:center;gap:4px;font-size:12px}.work .param .param-value{justify-self:center;font-size:20px}.work .param .param-unit{margin-left:2px;font-size:12px}.work .launch{flex:1 1 0;min-width:0;min-height:46px;padding:8px 10px}.work .choices{grid-template-columns:1fr}.work .coach{font-size:13.5px;line-height:1.36}.wk-row.minor{display:none}.wk-card{padding:6px 10px 7px}.wk-row.main .wk-val{font-size:18px}.wk-val{font-size:13.5px}.wk-label{font-size:12px}.wk-svg svg{max-height:84px}.wk-lab-k{flex-basis:50px;font-size:12px}.wk-lab-row .seg{padding:5px 6px;font-size:12px}.wk-pick .seg{flex-direction:column;gap:0;padding:4px;font-size:12.5px}.wk-pick .dot{display:none}.work .controls:has(.param:not([hidden])~.param:not([hidden])) .launch{padding:8px 6px;font-size:18px}.work .controls:has(.param:not([hidden])~.param:not([hidden])) .launch .icon{display:none}.work .controls:has(.param:not([hidden])~.param:not([hidden])) .param .step{width:27px}}@media (width<=360px) and (orientation:portrait){.wk-lab{gap:4px}.wk-lab-row .seg{padding:4px}.wk-row.main .wk-val{font-size:16px}.wk-svg svg{max-height:64px}.work .choices[data-short] .choice-key{width:20px;height:20px}.work .param .param-value{font-size:18px}.work .param .step{width:26px;height:28px}.wk-lab-k{flex-basis:44px;font-size:12px}}@media (orientation:landscape) and (height<=500px){.wk-card{width:236px;padding:5px 9px 6px;left:6px}.wk-row.minor{display:none}.wk-row.main .wk-val{font-size:17px}.wk-val{font-size:13px}.wk-rows{gap:2px}.wk-svg svg{max-height:70px}.work .launch{flex:none}.work .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px;padding:4px 6px}.work .param .param-row{display:contents}.work .param .param-row>.step:first-child{grid-area:minus}.work .param .param-row>.step:last-child{grid-area:plus}.work .param .slider-wrap{display:none}.work .param .param-head{font-size:12px}.work .param .param-value{text-align:center;justify-self:center;min-width:2.4em;font-size:18px}.wk-lab-row{gap:4px}.wk-lab-k{letter-spacing:.03em;flex-basis:42px;font-size:12px}.wk-lab-row .seg{padding:4px 3px;font-size:12px}.wk-pick .seg{flex-direction:column;gap:0;padding:3px 2px;font-size:12px;line-height:1.15}.wk-pick .seg small{font-size:12px}.wk-pick .dot{display:none}}