.level-card:after{border:0;border-top:3px solid var(--accent);opacity:.32;border-radius:2px;width:104px;height:0;bottom:30px;right:18px;transform:rotate(-24deg)}.level-card:before{content:"";border-left:14px solid var(--accent);opacity:.32;pointer-events:none;border-top:7px solid #0000;border-bottom:7px solid #0000;width:0;height:0;position:absolute;bottom:48px;right:12px;transform:rotate(-24deg)}.ex-figure{background:#0b1d36;border-color:#1e293b}.note-diagram:has(svg.example-art){background:#0b1d36;border-color:#1e293b;padding:0;overflow:hidden}.read-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(360px,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:1px 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:21px;font-weight:600}.read-row.minor .read-val{font-family:var(--font);color:#cbd5e1;font-size:12px;font-weight:600}.pick-row{flex-wrap:wrap;gap:6px;display:flex}.pick{border:1.5px solid var(--line);min-width:0;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:13px;flex:1 1 0;grid-template-columns:auto 1fr;grid-template-areas:"key label""key sub";align-items:center;column-gap:7px;padding:7px 10px;transition:border-color .12s,background .12s,transform 80ms;display:grid}.pick:hover:not(:disabled){border-color:#fbbf24}.pick:active:not(:disabled){transform:translateY(1px)}.pick[aria-checked=true]{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b40}.pick:disabled{opacity:.5;cursor:default}.pick-key{width:22px;height:22px;color:var(--muted);background:#f1f5f9;border-radius:7px;grid-area:key;place-items:center;font-size:12px;font-weight:800;display:grid}.pick[aria-checked=true] .pick-key{color:#fff;background:#f59e0b}.pick-label{white-space:nowrap;text-overflow:ellipsis;grid-area:label;font-size:13.5px;font-weight:750;overflow:hidden}.pick-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-area:sub;font-size:12px;font-weight:650;overflow:hidden}.sort-bar{align-items:center;gap:8px;display:flex}.sort-name{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:13px;font-weight:700;overflow:hidden}.sort-btns{flex:none;gap:6px;display:flex}.sort-btn{border:1.5px solid var(--line);min-width:64px;min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:6px 12px;font-size:13.5px;font-weight:800}.sort-btn:hover:not(:disabled){border-color:#fbbf24}.sort-btn:disabled{opacity:.45;cursor:default}.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 44px;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{white-space:nowrap;padding:6px 10px;font-size:13px}.vectors .param[data-key=east]{--track-fill:#3b82f6}.vectors .param[data-key=north]{--track-fill:#f43f5e}.vectors .param[data-key=v],.vectors .param[data-key=angle],.vectors .param[data-key=theta],.vectors .param[data-key=r]{--track-fill:#d97706}.vectors .param[data-key=x]{--track-fill:#3b82f6}.vectors .param[data-key=y]{--track-fill:#f43f5e}.vectors .controls:not(:has(.param)) .launch{flex:auto}@media (width<=520px) and (orientation:portrait){.vectors .controls{flex-wrap:nowrap;gap:6px}.vectors .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}.vectors .param .param-row{display:contents}.vectors .param .param-row>.step:first-child{grid-area:minus}.vectors .param .param-row>.step:last-child{grid-area:plus}.vectors .param .slider-wrap{display:none}.vectors .param .param-head{justify-content:center;gap:4px;font-size:12px}.vectors .param .param-value{justify-self:center;font-size:20px}.vectors .launch{flex:1 1 0;min-width:0;min-height:46px;padding-inline:8px}.vectors .controls:has(.param+.param) .launch{flex:.9 1 0;font-size:20px}.vectors .controls:has(.param+.param) .param{gap:2px;padding:5px 4px 6px}.vectors .controls:has(.param+.param) .param .param-value{font-size:18px}.vectors .controls:has(.param+.param) .param .param-unit{margin-left:1px;font-size:12px}.vectors .controls:has(.param+.param) .param .step{width:28px;height:30px}.vectors .choices{grid-template-columns:1fr}.vectors .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:18px}.read-val{font-size:13.5px}.pick{column-gap:5px;padding:6px 7px}.pick-key{width:19px;height:19px;font-size:12px}.pick-label{font-size:12.5px}.pick-sub{font-size:12px}.lab-k{flex-basis:38px;font-size:12px}.lab-row .seg{padding:5px 8px;font-size:12px}.vectors[data-kind=predict] .read-card,.vectors[data-kind=river] .read-card,.vectors[data-kind=tow] .read-card,.vectors[data-kind=capstan] .read-card{display:none}.vectors .choices[data-short]{grid-template-columns:1fr 1fr}.vectors .choices[data-short] .choice{padding:7px 8px;font-size:13.5px;line-height:1.25}}@media (width<=360px) and (orientation:portrait){.vectors .coach{font-size:13px;line-height:1.32}.vectors .choice{padding:6px 8px;font-size:13px}}@media (width<=420px) and (orientation:portrait){.vectors[data-kind=capstan] .controls{flex-wrap:wrap}.vectors[data-kind=capstan] .controls:has(.param+.param) .launch{flex:100%;min-height:44px}}@media (width<=520px) and (orientation:portrait){.vectors[data-kind=crane] .pick{text-align:center;grid-template-columns:1fr;grid-template-areas:"label";padding:8px 2px}.vectors[data-kind=crane] .pick-key,.vectors[data-kind=crane] .pick-sub{display:none}.vectors[data-kind=rope] .pick-row{grid-template-columns:1fr 1fr;display:grid}}@media (orientation:landscape) and (height<=500px){.read-card{max-width:250px;padding:5px 9px 6px;left:6px}.read-row.minor{display:none}.read-row.main .read-val{font-size:17px}.read-val{font-size:13px}.vectors .launch{flex:none}.vectors .controls:not(:has(.param)) .launch{flex:none}.vectors .param{grid-template-columns:1fr auto auto auto;grid-template-areas:"head minus value plus";align-items:center;gap:4px;padding:4px 6px}.vectors .param .param-row{display:contents}.vectors .param .param-row>.step:first-child{grid-area:minus}.vectors .param .param-row>.step:last-child{grid-area:plus}.vectors .param .slider-wrap{display:none}.vectors .param .param-head{font-size:12px}.vectors .param .param-value{text-align:center;justify-self:center;min-width:1.8em;font-size:19px}.pick-row{grid-template-columns:1fr 1fr;gap:5px;display:grid}.vectors[data-kind=crane] .pick-row{grid-template-columns:repeat(3,1fr)}.pick{padding:5px 7px}.vectors[data-kind=crane] .pick{text-align:center;grid-template-columns:1fr;grid-template-areas:"label"}.vectors[data-kind=crane] .pick-key,.vectors[data-kind=crane] .pick-sub{display:none}.pick-label,.pick-sub{font-size:12px}.sort-bar{flex-wrap:wrap;gap:5px}.sort-name{flex-basis:100%;font-size:12px}.sort-btns{flex:auto}.sort-btn{flex:1 1 0;min-height:36px}.lab-row{gap:5px}.lab-k{flex-basis:34px;font-size:12px}.lab-row .seg{padding:4px 7px;font-size:12px}.vectors .choices[data-short]{grid-template-columns:1fr 1fr}.vectors .choices[data-short] .choice{padding:5px 7px;font-size:12.5px;line-height:1.2}}