.played-modal{position:fixed;inset:0;z-index:220;display:none;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(circle at 50% 25%,rgba(251,191,36,.14) 0%,transparent 50%),radial-gradient(circle at 25% 75%,rgba(99,102,241,.12) 0%,transparent 55%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.10) 0%,transparent 55%),rgba(6,8,16,.88);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);opacity:0;transition:opacity .25s ease;overscroll-behavior:contain}.played-modal.is-open{display:flex;opacity:1}.played-frame{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:transparent;color:#fff;transform:scale(.98);transition:transform .3s var(--ease-pop)}.played-modal.is-open .played-frame{transform:scale(1)}.played-header{position:relative;z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent);border-bottom:1px solid rgba(255,255,255,.06)}.played-title-mini{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.75)}.played-title-mini .trophy{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#fbbf24,#d97706);color:#1a1208;font-size:12px}.played-close{width:40px;height:40px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;flex-shrink:0;transition:background .15s,transform .15s,border-color .15s}.played-close:hover{background:rgba(251,191,36,.9);color:#1a1208;border-color:rgba(251,191,36,1);transform:rotate(90deg)}.played-close svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){.played-close:hover{transform:none}}.played-body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.played-content{width:100%;max-width:1200px;margin:0 auto;padding:28px 28px 56px;display:flex;flex-direction:column;gap:28px}@media (max-width: 720px){.played-content{padding:18px 14px 40px;gap:22px}}.played-hero{display:flex;flex-direction:column;gap:6px}.played-hero-eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#fbbf24}.played-hero h2{margin:0;font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.025em;line-height:1.05;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.7));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.played-hero-sub{margin:4px 0 0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.65);max-width:640px}.played-hero-sub strong{font-weight:800;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.played-controls{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center}.played-control-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.played-control-label{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4)}.played-pill{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s var(--ease-pop)}.played-pill:hover{background:rgba(255,255,255,.08);color:#fff;transform:translateY(-1px)}.played-pill.is-active{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(217,119,6,.15));border-color:rgba(251,191,36,.45);color:#fff}.played-segment{display:inline-flex;padding:4px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.06);gap:0}.played-segment-btn{padding:7px 16px;border-radius:999px;background:transparent;color:rgba(255,255,255,.6);font-size:12px;font-weight:800;letter-spacing:.02em;transition:background .2s,color .2s}.played-segment-btn:hover{color:#fff}.played-segment-btn.is-active{background:linear-gradient(135deg,#fbbf24,#d97706);color:#1a1208;box-shadow:0 6px 14px -4px rgba(251,191,36,.55)}.played-podium{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:14px;align-items:end;margin-top:4px}@media (max-width: 720px){.played-podium{grid-template-columns:1fr;align-items:stretch;gap:10px}}.podium-step{position:relative;border-radius:18px;overflow:hidden;background:#0e1018;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .28s var(--ease-pop),border-color .2s,box-shadow .25s;display:flex;flex-direction:column}.podium-step:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18)}.podium-step.gold{border-color:rgba(251,191,36,.45);box-shadow:0 20px 40px -8px rgba(251,191,36,.35),0 0 0 1px rgba(251,191,36,.25)}.podium-step.gold:hover{border-color:rgba(251,191,36,.8);box-shadow:0 28px 56px -10px rgba(251,191,36,.55),0 0 0 1px rgba(251,191,36,.5)}.podium-step.silver{border-color:rgba(203,213,225,.35);box-shadow:0 14px 28px -8px rgba(203,213,225,.2),0 0 0 1px rgba(203,213,225,.15)}.podium-step.bronze{border-color:rgba(217,119,6,.35);box-shadow:0 14px 28px -8px rgba(217,119,6,.25),0 0 0 1px rgba(217,119,6,.2)}@media (max-width: 720px){.podium-step:hover{transform:none}.podium-step.gold:hover{transform:none}}.podium-art{position:relative;aspect-ratio:16 / 9;overflow:hidden}.podium-step.gold .podium-art{aspect-ratio:16 / 10}.podium-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(14,16,24,.85) 95%,rgba(14,16,24,1) 100%);pointer-events:none}.podium-art::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.08) 1px,transparent 1.5px);background-size:7px 7px;mix-blend-mode:overlay;opacity:.55;pointer-events:none}.podium-art svg.sil{position:absolute;inset:20% 25% 25% 25%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 4px 14px rgba(0,0,0,.55));transition:transform .35s var(--ease-pop)}.podium-step:hover .podium-art svg.sil{transform:scale(1.06)}.podium-medal{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:rgba(8,10,16,.85);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;line-height:1;border:1px solid rgba(255,255,255,.12)}.podium-medal .emoji{font-size:14px;line-height:1}.podium-step.gold .podium-medal{background:linear-gradient(135deg,#fbbf24,#d97706);color:#1a1208;border-color:rgba(251,191,36,1)}.podium-step.gold .podium-medal::before{content:"\1f451";margin-right:-2px}.podium-step.gold .podium-eyebrow{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border-radius:999px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.35);color:#fbbf24;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.podium-info{padding:14px 18px 18px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}.podium-info h4{margin:0;font-size:18px;font-weight:800;color:#fff;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em}.podium-step.gold .podium-info h4{font-size:22px;background:linear-gradient(180deg,#fff,#fde68a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.podium-info .meta{display:flex;gap:8px;align-items:center;font-size:11px;color:rgba(255,255,255,.55);font-weight:600;flex-wrap:wrap}.podium-info .meta .star{color:#fbbf24}.podium-info .meta .dot{width:3px;height:3px;border-radius:999px;background:rgba(255,255,255,.3)}.podium-plays{font-size:22px;font-weight:900;color:#fff;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;margin-top:4px}.podium-step.gold .podium-plays{font-size:28px;background:linear-gradient(180deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.podium-plays-label{font-size:10px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}.played-list{display:flex;flex-direction:column;gap:8px}.played-list-section{display:flex;flex-direction:column;gap:8px}.played-tier-head{display:flex;align-items:center;gap:10px;padding:16px 4px 4px;margin-top:4px}.played-tier-head .label{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}.played-tier-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}.played-row{position:relative;display:grid;grid-template-columns:60px 140px 1fr auto;gap:18px;align-items:center;padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:background .15s,border-color .15s,transform .15s var(--ease-pop);overflow:hidden}.played-row:hover{background:rgba(255,255,255,.05);border-color:rgba(251,191,36,.2);transform:translateX(2px)}.played-bar{position:absolute;inset:0;pointer-events:none;z-index:0}.played-bar::before{content:"";position:absolute;top:0;bottom:0;left:0;width:var(--bar-width, 0%);background:linear-gradient(90deg,rgba(251,191,36,.08) 0%,rgba(251,191,36,.02) 100%);transition:width 1.2s var(--ease-pop)}.played-row>*{position:relative;z-index:1}.played-rank{font-size:32px;font-weight:900;color:rgba(255,255,255,.45);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1}.played-row[data-rank="1"] .played-rank,.played-row[data-rank="2"] .played-rank,.played-row[data-rank="3"] .played-rank{background:linear-gradient(180deg,#fde68a,#d97706);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.played-thumb{position:relative;width:140px;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:#0e1018;flex-shrink:0}.played-thumb::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,rgba(255,255,255,.06) 1px,transparent 1.5px);background-size:5px 5px;mix-blend-mode:overlay;opacity:.5}.played-thumb svg.sil{position:absolute;inset:20% 22% 22% 22%;fill:rgba(255,255,255,.32);filter:drop-shadow(0 2px 8px rgba(0,0,0,.5))}.played-info{min-width:0;display:flex;flex-direction:column;gap:4px}.played-info h5{margin:0;font-size:15px;font-weight:800;color:#fff;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.played-info .meta{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.55);font-weight:600;flex-wrap:wrap}.played-info .meta .star{color:#fbbf24}.played-info .meta .dot{width:2px;height:2px;border-radius:999px;background:rgba(255,255,255,.3)}.played-info .meta .genre{padding:2px 8px;border-radius:4px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);font-size:10px;font-weight:700}.played-stats{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.played-stats .plays{font-size:18px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}.played-stats .plays-label{font-size:9px;font-weight:700;color:rgba(255,255,255,.4);letter-spacing:.12em;text-transform:uppercase}.played-movement{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;line-height:1.2}.played-movement.up{background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.3)}.played-movement.down{background:rgba(239,68,68,.15);color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.played-movement.flat{background:rgba(255,255,255,.04);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.08)}.played-movement.new{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1208;border:1px solid rgba(251,191,36,1)}.played-movement svg{width:9px;height:9px}.played-filtered-empty{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:8px;color:rgba(255,255,255,.55)}.played-filtered-empty.is-visible{display:flex}.played-filtered-empty-icon{font-size:32px;opacity:.6}.played-filtered-empty p{margin:0;font-size:13px}@media (max-width: 720px){.played-header{padding:10px 14px;gap:8px}.played-title-mini{font-size:12px}.played-title-mini .trophy{width:20px;height:20px;font-size:11px}.played-close{width:36px;height:36px}.played-close svg{width:16px;height:16px}.played-hero h2{font-size:26px}.played-hero-sub{font-size:12px}.played-controls{gap:12px 18px}.played-segment-btn{padding:6px 12px;font-size:11px}.played-pill{padding:6px 11px;font-size:11px}.podium-art{aspect-ratio:16 / 9}.podium-step.gold .podium-art{aspect-ratio:16 / 10}.podium-info{padding:12px 14px 14px}.podium-info h4{font-size:15px}.podium-step.gold .podium-info h4{font-size:18px}.podium-plays{font-size:18px}.podium-step.gold .podium-plays{font-size:22px}.played-row{grid-template-columns:44px 80px 1fr auto;gap:12px;padding:10px 12px}.played-thumb{width:80px;border-radius:8px}.played-rank{font-size:22px}.played-info h5{font-size:13px}.played-info .meta{font-size:10px;gap:6px}.played-stats .plays{font-size:14px}}@media (prefers-reduced-motion: reduce){.played-modal,.played-frame,.podium-step,.played-row,.podium-art svg.sil{transition:none;transform:none}.played-bar::before{transition:none}.podium-step:hover,.played-row:hover{transform:none}}.podium-art .card-preview-video,.played-thumb .card-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;pointer-events:none;background:#000}.podium-art .card-preview-video.is-ready,.played-thumb .card-preview-video.is-ready{opacity:1}