.level-card:after{background:radial-gradient(circle at 35% 30%, #fff 0 8%, var(--accent) 45%, #1e1b4b 110%);width:30px;height:30px;box-shadow:34px -22px 0 -9px var(--accent), -30px -20px 0 -9px var(--accent), 2px 36px 0 -9px var(--accent);border:0;border-radius:50%;bottom:30px;right:26px}.shapes-title .brand{color:#ddd6fe}.shapes-title .title-hero span{background:linear-gradient(90deg,#c4b5fd,#a78bfa 40%,#f59e0b);-webkit-background-clip:text;background-clip:text}.demo-name{z-index:1;color:#ede9fe;letter-spacing:.02em;white-space:nowrap;pointer-events:none;background:#0f0d24b8;border:1px solid #a78bfa59;border-radius:999px;padding:5px 13px;font-size:14px;font-weight:700;position:absolute;transform:translate(-50%,-100%)}.demo-name:empty{display:none}.ex-figure{background:#0f0d24;border-color:#1e1b4b}.note-diagram:has(svg.example-art){background:#0f0d24;border-color:#1e1b4b;padding:0;overflow:hidden}.ex-legend i{background:var(--c);border:0;border-radius:50%;width:12px;height:12px;box-shadow:inset 0 0 0 1px #0f172a47}.mol-card{z-index:4;top:var(--hud-top,86px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:min(350px,100% - 24px);box-shadow:var(--shadow);color:#e2e8f0;pointer-events:none;background:#0f0d24d6;border:1px solid #a78bfa47;border-radius:16px;padding:8px 13px 9px;position:absolute;left:12px}.mol-row{flex-wrap:wrap;align-items:baseline;gap:1px 9px;display:flex}.mol-row+.mol-row{margin-top:3px}.mol-label{letter-spacing:.07em;text-transform:uppercase;color:#a5b4fc;font-size:12px;font-weight:800}.mol-val{color:#f1f5f9;font-size:14.5px;font-weight:700}.mol-row.main .mol-val{font-size:19px;font-weight:800}.mol-row.minor .mol-val{color:#cbd5e1;font-size:12px;font-weight:600}.dom-pad{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.dom-ctl{border:1px solid var(--line);background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;grid-template-areas:"icon k k""minus n plus";align-items:center;gap:4px 6px;min-width:0;padding:7px 8px 8px;display:grid}.dom-icon{grid-area:icon;display:flex}.dom-icon svg{width:38px;height:21px}.dom-k{min-width:0;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;grid-area:k;font-size:12.5px;font-weight:800;overflow:hidden}.dom-step{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#f8fafc;border-radius:12px;font-size:22px;font-weight:700;line-height:1}.dom-step:first-of-type{grid-area:minus}.dom-step.plus{color:#fff;background:#8b5cf6;border-color:#7c3aed;grid-area:plus}.dom-step:hover:not(:disabled){filter:brightness(1.06)}.dom-step:active:not(:disabled){transform:translateY(1px)}.dom-step:disabled{opacity:.35;cursor:default}.dom-n{text-align:center;font-variant-numeric:tabular-nums;color:var(--ink);grid-area:n;font-size:22px;font-weight:800}.dom-ctl[data-piece=lone] .dom-n{color:#b45309}.shapes[data-mode=view] .controls,.shapes[data-mode=lab] .controls{display:none}.shapes .icon-btn[aria-pressed=true]{color:#7c3aed;background:#8b5cf624}.shapes .lab-mode{place-self:flex-start start}.mol-picker{flex-wrap:wrap;justify-content:center;display:flex}.mol-picker .seg{flex:none;padding:6px 10px;font-size:13px}@media (width<=520px) and (orientation:portrait){.dom-pad{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.dom-ctl{border-radius:13px;grid-template-columns:auto auto 1fr auto;grid-template-areas:"icon minus n plus""k minus n plus";gap:1px 4px;padding:4px 6px}.dom-icon{justify-content:center;align-self:end}.dom-k{letter-spacing:-.02em;white-space:normal;text-align:center;align-self:start;width:42px;margin-right:-4px;font-size:12px;font-weight:700;line-height:1.05;overflow:visible}.dom-step:first-of-type,.dom-step.plus,.dom-n{align-self:center}.dom-icon svg{width:32px;height:17px}.dom-step{width:36px;height:36px}.dom-n{font-size:19px}.mol-card{padding:6px 10px 7px}.mol-row.minor{display:none}.mol-row.main .mol-val{font-size:16px}.mol-val{font-size:13px}.shapes .choices{grid-template-columns:1fr 1fr}.shapes .coach{font-size:13.5px;line-height:1.36}.shapes .lab-mode{grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.mol-picker .seg{padding:5px 7px;font-size:12.5px}.shapes .guide-layer{--dock-h:var(--guide-dock-h,0px)}.shapes .guide-card[data-at=bottom]{left:var(--coach-left);width:var(--coach-w);min-height:var(--coach-h);background:#0f172a;transform:none}}@media (width<=350px) and (orientation:portrait){.dom-ctl{gap:1px 3px;padding:4px}.dom-k{width:38px;margin-right:-2px;font-size:11.5px}.dom-icon svg{width:28px;height:15px}.dom-step{width:32px;height:34px}.dom-n{font-size:18px}}@media (orientation:landscape) and (height<=500px){.dom-pad{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.dom-ctl{border-radius:12px;grid-template-columns:auto 1fr auto;grid-template-areas:"icon k k""minus n plus";gap:1px 3px;padding:3px 5px 4px}.dom-k{font-size:12px}.dom-icon svg{width:24px;height:13px}.dom-step{border-radius:10px;width:30px;height:28px;font-size:19px}.dom-n{font-size:17px}.mol-card{border-radius:12px;max-width:300px;padding:4px 9px 5px;left:6px}.mol-row+.mol-row{margin-top:0}.mol-row.minor{display:none}.mol-row.main .mol-val{font-size:14px}.mol-label,.mol-val{font-size:12px}.mol-picker .seg{padding:4px 6px;font-size:12px}.shapes .lab-mode{flex:none;grid-template-columns:1fr 1fr;align-self:stretch;display:grid}.mol-picker{flex:none}}@media (width>=521px) and (height>=501px){.shapes .dock:has(>.dom-pad:not([hidden])){grid-template-columns:minmax(0,1fr) auto;column-gap:10px;display:grid}.shapes .dock:has(>.dom-pad:not([hidden]))>*{grid-column:1/-1}.shapes .dock:has(>.dom-pad:not([hidden]))>.dom-pad{grid-column:1}.shapes .dock:has(>.dom-pad:not([hidden]))>.controls{grid-column:2}.shapes .dock:has(>.dom-pad:not([hidden])) .launch{height:100%}.shapes .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}