.color-search-page{--color-accent:#43dd71;--color-accent-soft:#a6f2b9}.color-search-page .section-head{align-items:center}.color-search-page .section-head h2{font-size:22px}.color-search-note{margin:10px 0 20px;color:#a2b2a5;font-size:14px;line-height:1.6}.color-search-page .player-search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px}.color-search-page .player-search-field:focus-within{border-color:#37b95b;box-shadow:0 0 0 3px #35df6618}.color-search-page .player-search-button{min-width:104px;background:linear-gradient(135deg,#167b37,#23a94b);border:1px solid #3ac561;color:#edfff1}.color-search-page .player-search-button:hover{background:linear-gradient(135deg,#1d9142,#2fc35b)}.color-search-results{display:grid;gap:9px;margin-top:17px;max-height:290px;overflow:auto;padding:1px 5px 5px 1px}.color-profile-card{width:100%;min-height:78px;display:flex;align-items:center;gap:13px;text-align:left;padding:10px 13px;border:1px solid #2b3430;border-radius:15px;background:linear-gradient(110deg,#141a1b,#15191d);color:#e5eee7;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.color-profile-card:hover,.color-profile-card.selected{border-color:#4e9e62;background:linear-gradient(110deg,#1b2920,#191f1c)}.color-profile-card.selected{box-shadow:inset 3px 0 #48d66f}.color-profile-card>img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid #3d5e45;background:#101713}.color-profile-copy{display:grid;gap:5px;min-width:0}.color-profile-copy strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-profile-copy small{font:12px var(--mono);color:#89968d;overflow:hidden;text-overflow:ellipsis}.color-profile-arrow{margin-left:auto;color:#7ee895;font-size:26px}.color-search-summary{margin:17px 0 4px;padding:13px 15px;border:1px solid #28553a;border-radius:12px;background:#10251a;color:#a7e9b7;font-weight:650}.color-palette{display:grid;gap:12px;margin-top:13px}.color-category{padding:16px;border:1px solid #2b3430;border-radius:16px;background:linear-gradient(120deg,#15191c,#14171b)}.color-category h3{margin:0 0 13px;color:#a5e9b5;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.color-item+.color-item{margin-top:14px}.color-item-name{display:block;margin-bottom:9px;color:#dce7de;font-size:14px}.color-swatches{display:flex;flex-wrap:wrap;gap:8px}.color-chip{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:6px 9px;border:1px solid #344139;border-radius:11px;background:#101614;color:#e1ece3;cursor:pointer;transition:border-color .15s,background .15s}.color-chip:hover{border-color:#49bd68;background:#15261b}.color-swatch{width:18px;height:18px;border:1px solid #ffffff35;border-radius:5px;box-shadow:0 0 0 1px #0004}.color-chip code{font:700 11px var(--mono);letter-spacing:.04em}.color-chip-copy{color:#a8b6ab;font-size:16px}.color-empty{padding:25px;border:1px dashed #34483a;border-radius:14px;color:#9cac9f;text-align:center;background:#111914}@media(max-width:620px){.color-search-page .player-search-bar{grid-template-columns:1fr}.color-search-page .player-search-button{width:100%}.color-profile-card{min-height:68px}.color-profile-card>img{width:47px;height:47px}}

.color-profile-name-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.color-profile-name-line strong{font-size:15px}.color-profile-level{padding:3px 7px;border:1px solid #385840;border-radius:999px;background:#142319;color:#a8ddb3;font-size:11px;font-weight:650;white-space:nowrap}
.toast{z-index:10000}