.ohaeng-bar{margin:0}.ob-bars{gap:var(--space-2);flex-direction:column;display:flex}.ob-row{align-items:center;gap:var(--space-3);display:flex}.ob-label{width:var(--space-6);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-name{font-size:var(--visual-text-body);font-weight:var(--font-weight-bold)}.ob-label--木,.ob-count--木{color:var(--ohaeng-wood)}.ob-label--火,.ob-count--火{color:var(--ohaeng-fire)}.ob-label--土,.ob-count--土{color:var(--ohaeng-earth)}.ob-label--金,.ob-count--金{color:var(--ohaeng-metal)}.ob-label--水,.ob-count--水{color:var(--ohaeng-water)}.ob-track{height:var(--visual-bar-height);background:var(--visual-bg-track);border-radius:var(--visual-bar-radius);border:1px solid var(--visual-border);flex:1;position:relative;overflow:hidden}.ob-base{width:var(--visual-stroke-main);background:var(--visual-line-sub);position:absolute;top:0;bottom:0;transform:translate(-50%)}.ob-delta{font-size:var(--visual-text-label);font-weight:var(--font-weight-medium);color:var(--visual-text-muted);width:var(--space-12);text-align:right;white-space:nowrap;flex-shrink:0}.ob-delta.is-up,.ob-delta.is-down{color:var(--visual-text);font-weight:var(--font-weight-bold)}.ob-fill{border-radius:var(--visual-bar-radius);height:100%;min-width:var(--space-2);box-sizing:border-box;border-style:solid;border-width:var(--visual-stroke-main);transition:width .6s cubic-bezier(.4,0,.2,1)}.ob-fill--木{background:var(--ohaeng-wood-bg);border-color:var(--ohaeng-wood-border)}.ob-fill--火{background:var(--ohaeng-fire-bg);border-color:var(--ohaeng-fire-border)}.ob-fill--土{background:var(--ohaeng-earth-bg);border-color:var(--ohaeng-earth-border)}.ob-fill--金{background:var(--ohaeng-metal-bg);border-color:var(--ohaeng-metal-border)}.ob-fill--水{background:var(--ohaeng-water-bg);border-color:var(--ohaeng-water-border)}.ob-count{font-size:var(--visual-text-body);font-weight:var(--font-weight-bold);width:var(--space-10);text-align:right;flex-shrink:0}@media (width<=480px){.ob-track{height:var(--visual-bar-height-sm)}}