.element-balance-root{width:100%;min-width:0;container-type:inline-size}.element-balance-root.is-compact .element-balance-details{display:none}.element-balance-root.is-compact .element-balance-layout{display:block}.element-balance-root.is-compact .element-radar-container{padding:var(--space-3)}.element-balance-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.element-radar-container{min-width:0;padding:var(--space-4);background:color-mix(in srgb, var(--color-surface-muted) 60%, transparent);border:1px solid var(--color-border);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.element-radar-svg-wrapper{aspect-ratio:1;width:min(100%,200px)}.element-radar-svg-wrapper>svg,.element-radar-svg{max-width:200px;display:block;width:100%!important;height:auto!important}.element-balance-details{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.element-bar{border-radius:var(--radius-full);background:var(--color-surface-muted);border:1px solid var(--color-border);height:14px;display:flex;overflow:hidden}.segment{height:100%;transition:width var(--transition-normal)}.segment-fire{background:var(--color-element-fire)}.segment-earth{background:var(--color-element-earth)}.segment-air{background:var(--color-element-air)}.segment-water{background:var(--color-element-water)}.element-legend{gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-1-5);display:inline-flex}.dot{border-radius:var(--radius-full);width:10px;height:10px;display:inline-block}.dot-fire{background:var(--color-element-fire)}.dot-earth{background:var(--color-element-earth)}.dot-air{background:var(--color-element-air)}.dot-water{background:var(--color-element-water)}.element-cards-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.element-card{justify-content:space-between;gap:var(--space-3);min-width:0;min-height:98px;padding:var(--space-3);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.element-card:hover{border-color:var(--color-border-strong)}.element-card-header,.element-card-name{align-items:center;gap:var(--space-2);display:flex}.element-card-header{justify-content:space-between}.element-card-name{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold)}.element-name-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.element-status{border-radius:var(--radius-full);background:var(--color-surface-elevated);color:var(--color-text-subtle);font-size:var(--text-xs);white-space:nowrap;padding:2px 7px;line-height:1.4}.element-status.is-dominant{color:var(--color-accent);background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.element-value{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-lg);display:block}.element-progress{background:var(--color-surface-elevated);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.element-progress-value{border-radius:inherit;height:100%;transition:width var(--transition-normal)}@container (width>=560px){.element-balance-layout{grid-template-columns:minmax(180px,5fr) minmax(0,7fr)}}@media (width<=420px){.element-cards-grid{grid-template-columns:1fr}}.astro-glyph[data-astro-cid-zoglev6u]{font-family:var(--font-serif);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.glyph-sm[data-astro-cid-zoglev6u]{width:1.25rem;height:1.25rem;font-size:1rem}.glyph-md[data-astro-cid-zoglev6u]{width:1.5rem;height:1.5rem;font-size:1.25rem}.glyph-lg[data-astro-cid-zoglev6u]{width:2rem;height:2rem;font-size:1.75rem}.glyph-xl[data-astro-cid-zoglev6u]{width:3rem;height:3rem;font-size:2.5rem}.glyph-text-angle[data-astro-cid-zoglev6u]{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-bold);letter-spacing:.05em}
