.profile-achievement-summary{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(159,111,255,.2);border-radius:15px;background:radial-gradient(ellipse at 0 0,rgba(139,92,246,.13),transparent 70%),rgba(255,255,255,.025)}
.profile-achievement-emblem{display:grid;width:48px;height:48px;flex:none;place-items:center;border:1px solid #bd8cff58;border-radius:14px;background:linear-gradient(145deg,#41276b,#1b1722);color:#e4d2ff;font-size:24px}
.profile-achievement-summary>div{display:grid;gap:3px;min-width:0}.profile-achievement-summary small{color:#a69dac;font-size:9px;font-weight:800;letter-spacing:.16em}.profile-achievement-summary strong{color:#f5effb;font-size:13px}.profile-achievement-summary p{margin:0;color:#a9a3ae;font-size:10px}.profile-achievement-summary>a{margin-left:auto;padding:9px 11px;border:1px solid #a67aff3d;border-radius:9px;color:#d4baff;font-size:10px;font-weight:800;white-space:nowrap}.profile-achievement-summary>a:hover{background:#a67aff12}
.profile-achievement-summary .profile-achievement-count{color:#e7d5ff;font-size:20px;font-weight:800}
.profile-opening{position:relative;display:grid;grid-template-columns:1fr 68px minmax(150px,1fr);align-items:center;gap:17px;margin:-1px auto 0;padding:15px 24px;width:min(100% - 32px,1120px);border:1px solid rgba(173,130,255,.17);border-radius:0 0 17px 17px;background:linear-gradient(100deg,#100d15,#111014 60%,#15101a);box-shadow:0 13px 32px -24px #a46aff88}
.profile-opening[hidden]{display:none}.profile-opening-label{color:#9a91a4;font-size:9px;font-weight:800;letter-spacing:.16em}.profile-vinyl{grid-column:2;grid-row:1/3;display:grid;width:66px;height:66px;place-items:center;border:0;border-radius:50%;background:transparent;cursor:pointer}.profile-vinyl-disc{position:relative;display:grid;width:60px;height:60px;place-items:center;border:1px solid #8e67be7a;border-radius:50%;background:repeating-radial-gradient(circle,#16131b 0 3px,#26202d 3.5px 4px,#111014 4.5px 6px);box-shadow:0 0 0 4px #09080c,0 0 24px #9d63e33b;transition:box-shadow .3s,transform .3s}.profile-vinyl-disc:before{position:absolute;inset:12px;border:1px solid #ffffff17;border-radius:50%;content:''}.profile-vinyl-disc i{width:15px;height:15px;border:3px solid #d6b8ff;border-radius:50%;background:#7448a5;box-shadow:0 0 11px #c698ff66}.profile-vinyl:hover .profile-vinyl-disc{box-shadow:0 0 0 4px #09080c,0 0 30px #a56bff83}.profile-opening.is-playing .profile-vinyl-disc{animation:profile-vinyl-spin 5s linear infinite}@keyframes profile-vinyl-spin{to{transform:rotate(360deg)}}.profile-opening-copy{grid-column:3;display:grid;gap:4px}.profile-opening-copy small{color:#9e95aa;font-size:8px;font-weight:800;letter-spacing:.13em}.profile-opening-copy strong{color:#eee8f3;font-size:12px}.profile-opening-copy p{margin:0;color:#85808c;font-size:10px}
.profile-vinyl:disabled{cursor:default;opacity:.65}
@media(max-width:580px){.profile-achievement-summary{align-items:flex-start;flex-wrap:wrap}.profile-achievement-summary>a{margin-left:62px}}
@media(max-width:580px){.profile-opening{grid-template-columns:1fr 54px;gap:10px;padding:13px}.profile-vinyl{grid-column:2;grid-row:1/3;width:52px;height:52px}.profile-vinyl-disc{width:49px;height:49px}.profile-opening-copy{grid-column:1}}
.profile-details{position:relative;grid-template-columns:190px minmax(0,1fr);column-gap:26px}
.profile-copy{padding-right:165px}
.profile-opening{position:absolute;top:39px;right:0;z-index:3;display:grid;width:150px;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:4px 8px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:.68;transition:opacity .2s ease}
.profile-opening:hover,.profile-opening.is-playing{opacity:1}
.profile-opening[hidden]{display:none!important}
.profile-opening-label{grid-column:1/-1;color:#89818f;font-size:7px;letter-spacing:.12em}
.profile-vinyl{grid-column:1;grid-row:2;width:34px;height:42px;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer}
.profile-vinyl-disc{position:relative;display:block;width:34px;height:42px;overflow:hidden;border:1px solid #ffffff26;border-radius:5px;background:#17131d;box-shadow:0 2px 9px #0007;transition:transform .2s ease,border-color .2s ease}
.profile-vinyl-disc:before{position:absolute;inset:0;z-index:1;border:1px solid #ffffff24;border-radius:inherit;content:'';pointer-events:none}
.profile-vinyl-disc img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(.82)}
.profile-vinyl-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:10px;text-shadow:0 1px 4px #000;opacity:.82}
.profile-vinyl:hover .profile-vinyl-disc{transform:translateY(-1px);border-color:#d8c2ff88}
.profile-opening.is-playing .profile-vinyl-disc{animation:profile-vinyl-spin 5s linear infinite}
.profile-opening-copy{grid-column:2;grid-row:2;display:grid;min-width:0;gap:2px}
.profile-opening-copy small{overflow:hidden;color:#94899f;font-size:6px;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}
.profile-opening-copy strong{overflow:hidden;color:#d4ceda;font-size:8px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.profile-opening-copy p{display:none;margin:0;color:#b8a8ce;font-size:7px;line-height:1.2}
.profile-opening.autoplay-blocked .profile-opening-copy p{display:block}
@media(max-width:900px){.profile-details{grid-template-columns:130px minmax(0,1fr);column-gap:18px}.profile-copy{padding-right:142px}.profile-opening{width:130px;right:0}}
@media(max-width:680px){.profile-details{grid-template-columns:86px minmax(0,1fr);column-gap:15px}.profile-copy{padding-right:0}.profile-opening{position:relative;top:auto;right:auto;grid-column:2;grid-row:2;justify-self:start;width:150px;margin:17px 0 0}.profile-actions{grid-column:1/-1;grid-row:3}}

.profile-opening-copy p{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.profile-opening{grid-template-columns:40px minmax(0,1fr);width:150px}.profile-vinyl{width:40px;height:40px}.profile-vinyl-disc{width:40px;height:40px;border-radius:50%}.profile-vinyl-disc img{border-radius:50%}.profile-vinyl-disc:before{inset:0;border-radius:50%}.profile-vinyl-disc:after{position:absolute;inset:0;z-index:1;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 3.2px,#ffffff17 3.7px 4px);box-shadow:inset 0 0 8px #0009;content:'';pointer-events:none}.profile-vinyl-play{z-index:2;font-size:9px}.profile-opening-copy{grid-column:2}@media(max-width:900px){.profile-opening{width:130px}.profile-vinyl{width:40px;height:40px}.profile-vinyl-disc{width:40px;height:40px}}

@media(min-width:681px){.profile-opening{top:139px;right:-320px}}

.profile-vinyl{cursor:default}.profile-vinyl-hole{position:absolute;top:50%;left:50%;z-index:2;width:5px;height:5px;transform:translate(-50%,-50%);border:1px solid #ffffffbb;border-radius:50%;background:#1a1721;box-shadow:0 0 3px #0009}.profile-opening.autoplay-blocked .profile-opening-copy p{color:#9389a0}
.profile-opening-heading{grid-column:1/-1;display:flex;align-items:center;gap:4px;min-width:0}.profile-opening-heading .profile-opening-label{grid-column:auto}.profile-opening-picker-trigger{display:grid;width:13px;height:13px;flex:none;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:#b9a3cf;cursor:pointer;transition:background .16s,color .16s,transform .16s}.profile-opening-picker-trigger:hover,.profile-opening-picker-trigger[aria-expanded=true]{background:#9e69d52b;color:#dfc8fa}.profile-opening-picker-trigger svg{width:9px;height:9px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .16s}.profile-opening-picker-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.profile-opening-picker-trigger[hidden],.profile-opening-picker[hidden]{display:none!important}.profile-opening-picker{position:absolute;top:18px;left:0;z-index:10;display:grid;gap:2px;width:190px;max-height:150px;overflow:auto;padding:5px;border:1px solid #9d72c644;border-radius:9px;background:#111017f5;box-shadow:0 12px 28px #000b,0 0 18px #9d63e322;backdrop-filter:blur(12px)}.profile-opening-picker-option{display:flex;align-items:center;gap:7px;width:100%;min-height:36px;overflow:hidden;padding:4px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:#cfc5d8;text-align:left;text-overflow:ellipsis;white-space:nowrap;font:600 9px Inter,sans-serif;cursor:pointer}.profile-opening-picker-option:hover,.profile-opening-picker-option.is-selected{border-color:#ad7bee55;background:#a56bff24;color:#e4caff}.profile-opening-picker-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-opening-picker-poster{width:19px;height:27px;flex:none;border:1px solid #8d6aaa66;border-radius:3px;object-fit:cover;opacity:.8;transition:opacity .15s,border-color .15s,box-shadow .15s}.profile-opening-picker-option:hover .profile-opening-picker-poster,.profile-opening-picker-option.is-selected .profile-opening-picker-poster{border-color:#c693ff;box-shadow:0 0 8px #ad76e966;opacity:1}
.profile-opening-empty{grid-column:1/-1;max-width:175px;margin-top:2px;color:#8e8795;font-size:8px;line-height:1.5}.profile-opening-empty[hidden]{display:none!important}.profile-opening.is-empty .profile-vinyl,.profile-opening.is-empty .profile-opening-copy{display:none!important}
.profile-opening-volume{display:flex;align-items:center;gap:6px;width:max-content;margin-top:3px;padding:3px 2px;color:#b98aeb;cursor:pointer;opacity:0;transform:translateY(-2px);transition:opacity .16s ease,transform .16s ease;touch-action:none}.profile-opening:hover .profile-opening-volume,.profile-opening:focus-within .profile-opening-volume{opacity:1;transform:translateY(0)}.profile-opening-volume svg{width:11px;height:11px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.profile-opening-volume input{width:82px;height:16px;margin:0;padding:0;appearance:none;background:transparent;cursor:pointer;pointer-events:none}.profile-opening-volume input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c78aff 0 var(--volume-level,4%),#665875 var(--volume-level,4%) 100%)}.profile-opening-volume input::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#c78aff 0 var(--volume-level,4%),#665875 var(--volume-level,4%) 100%)}.profile-opening-volume input::-webkit-slider-thumb{width:0;height:0;appearance:none;background:transparent}.profile-opening-volume input::-moz-range-thumb{width:0;height:0;border:0;background:transparent}
@media(max-width:680px){.profile-details{grid-template-columns:min(148px,40vw) minmax(0,1fr);column-gap:12px}.profile-copy{position:relative;z-index:1;min-width:0}}