.deck-color-analysis{margin-top:18px;border:1px solid var(--line);background:var(--panel2);border-radius:16px;padding:16px}.deck-color-bars{display:grid;gap:10px;margin-bottom:16px}.deck-color-bar-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center}.deck-color-bar-row>span{font-size:.82rem;color:var(--muted);font-weight:700}.deck-color-bar-track{display:flex;height:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);border-radius:8px;overflow:hidden}.deck-color-segment{display:block;height:100%;min-width:2px}.deck-color-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.deck-color-card{border:1px solid var(--line);border-radius:12px;padding:12px;background:rgba(0,0,0,.08);min-width:0}.deck-color-card-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.deck-color-card-head img{width:28px;height:28px}.deck-color-card-head strong{font-size:.9rem}.deck-color-metric{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;font-size:.76rem;margin-top:8px}.deck-color-metric span{color:var(--muted)}.deck-color-metric b{font-size:.82rem}.deck-color-metric em{font-style:normal;color:var(--muted)}.deck-color-meter{height:13px;border-radius:5px;background:rgba(255,255,255,.05);overflow:hidden;margin-top:4px}.deck-color-meter i{display:block;height:100%;min-width:0}.deck-color-curve{height:76px;display:grid;grid-template-columns:repeat(9,1fr);gap:3px;align-items:end;margin-top:14px}.deck-color-curve>div{display:flex;height:100%;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.deck-color-curve i{display:block;width:75%;max-width:14px;min-height:0;border-radius:3px 3px 1px 1px}.deck-color-curve span{font-size:.6rem;color:var(--muted)}.deck-color-note{font-size:.72rem;color:var(--muted);margin:12px 0 0}.color-w{background:#eee9c9}.color-u{background:#8fc4d8}.color-b{background:#777}.color-r{background:#d9896c}.color-g{background:#8ec79b}.color-c{background:#90959a}@media(max-width:1200px){.deck-color-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.deck-color-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.deck-color-bar-row{grid-template-columns:1fr}.deck-color-bar-row>span{margin-bottom:-5px}}