.yantra-canvas-container{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.yantra-canvas-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface-elevated);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ych-left{flex-direction:column;gap:.25rem;display:flex}.ych-badge-row{align-items:center;gap:.5rem;display:flex}.ych-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-sm);background:var(--bhuta-badge-bg);color:var(--bhuta-color);border:1px solid var(--bhuta-border);padding:.2rem .55rem;font-size:.72rem;font-weight:700}.ych-tradition{color:var(--text-muted);font-size:.78rem;font-weight:600}.ych-title{font-family:var(--font-display);color:var(--text-main);align-items:baseline;gap:.5rem;margin:0;font-size:1.35rem;font-weight:800;display:flex}.ych-sanskrit{font-family:var(--font-serif);color:var(--text-muted);font-size:1.05rem;font-weight:400}.yantra-layer-bar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.layer-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.layer-btn:hover{background:var(--bg-surface-elevated);border-color:var(--border-medium);color:var(--text-main)}.layer-btn.active{background:var(--bhuta-badge-bg);border-color:var(--bhuta-color);color:var(--bhuta-color);box-shadow:0 0 8px var(--bhuta-glow)}.lb-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.yantra-viewport-wrapper{cursor:grab;user-select:none;touch-action:none;background:radial-gradient(circle,#ffffff08,#0000 75%);outline:none;justify-content:center;align-items:center;width:100%;min-height:520px;max-height:720px;display:flex;position:relative;overflow:hidden}.yantra-viewport-wrapper:focus-visible{outline:2px solid var(--bhuta-color);outline-offset:-2px}.yantra-viewport-wrapper.is-dragging{cursor:grabbing}.yantra-canvas-hud{z-index:15;border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(14px);opacity:1;user-select:none;flex-direction:column;align-items:center;gap:.45rem;padding:.45rem;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:1.25rem;right:1.25rem;transform:translateY(0);box-shadow:0 8px 28px #00000059}.yantra-canvas-hud.is-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}.yhud-dpad{flex-direction:column;align-items:center;gap:2px;display:flex}.yhud-dpad-row{align-items:center;gap:2px;display:flex}.yhud-btn{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;padding:0;font-size:.85rem;font-weight:700;display:inline-flex}.yhud-btn:hover{background:var(--bg-surface-elevated);border-color:var(--bhuta-color);color:var(--bhuta-color);box-shadow:0 0 8px var(--bhuta-glow)}.yhud-btn:active{transform:scale(.92)}.yhud-btn-reset{color:var(--text-main)}.yhud-icon-reset{font-size:1rem;line-height:1}.yhud-divider{background:var(--border-subtle);width:100%;height:1px}.yhud-zoom-row{align-items:center;gap:2px;display:flex}.yhud-zoom-badge{font-family:var(--font-mono,monospace);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;min-width:42px;height:28px;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:inline-flex}.yhud-zoom-badge:hover{color:var(--bhuta-color);background:var(--bg-surface)}.yantra-svg{user-select:none;transform-origin:50%;will-change:transform;width:100%;height:auto;max-height:680px;transition:transform .25s cubic-bezier(.16,1,.3,1);display:block}.yantra-svg.is-dragging{transition:none}.circuit-layer{transition:opacity .3s,filter .3s,stroke-width .3s}.circuit-layer.dimmed{opacity:.18}.circuit-layer.highlighted{opacity:1;filter:drop-shadow(0 0 8px var(--yantra-accent,#f59e0b))}.yantra-bhupura{fill:none;stroke:var(--yantra-accent,#f59e0b);stroke-width:3.5px;stroke-linecap:square;stroke-linejoin:miter}.yantra-bhupura-inner{fill:none;stroke:var(--border-subtle);stroke-width:1.5px;opacity:.7}.yantra-circle-ring{fill:none;stroke:var(--yantra-accent,#f59e0b);stroke-width:1.8px;opacity:.85}.yantra-lotus-petal{fill:var(--bg-surface-elevated);stroke:var(--yantra-accent,#f59e0b);stroke-width:1.5px;transition:fill .2s,stroke .2s,transform .2s}.yantra-lotus-petal:hover{fill:var(--bhuta-badge-bg);stroke-width:2.5px}.yantra-triangle{fill:#f59e0b0a;stroke:var(--yantra-accent,#f59e0b);stroke-width:2px;stroke-linejoin:round;transition:fill .25s,stroke-width .25s}.yantra-triangle:hover{fill:#f59e0b26;stroke-width:3px}.yantra-bindu{fill:var(--yantra-accent,#f59e0b);transition:transform .25s}.yantra-bindu-ring{fill:none;stroke:var(--yantra-accent,#f59e0b);stroke-width:2px;animation:3s ease-in-out infinite pulseBindu}@keyframes pulseBindu{0%,to{r:8px;opacity:.9}50%{r:14px;opacity:.35}}.magic-square-cell{fill:var(--bg-surface-elevated);stroke:var(--yantra-accent,#f59e0b);stroke-width:1.5px;transition:fill .2s}.magic-square-cell:hover{fill:var(--bhuta-badge-bg)}.magic-square-text{font-family:var(--font-mono);fill:var(--text-main);text-anchor:middle;dominant-baseline:central;font-size:16px;font-weight:700}.circuit-inspector-card{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);z-index:20;pointer-events:none;max-width:380px;padding:1rem 1.25rem;animation:.2s ease-out fadeInCircuit;position:absolute;bottom:1.25rem;left:1.25rem;box-shadow:0 12px 36px #00000073}@keyframes fadeInCircuit{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.cic-top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.cic-index{font-family:var(--font-mono);color:var(--yantra-accent,#f59e0b);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.cic-name{font-family:var(--font-display);color:var(--text-main);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.cic-sanskrit{font-family:var(--font-serif);color:var(--text-muted);margin-bottom:.45rem;font-size:.85rem}.cic-desc{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.45}