main.cx{max-width:none;padding:0 0 64px;gap:0;background:radial-gradient(70% 30% at 50% 0,rgba(30,60,160,.18),transparent 70%),#020915}.cx-wrap{width:100%;max-width:1312px;margin:0 auto;padding:0 30px}.cx-hero{position:relative;width:100%;aspect-ratio:1312/330;container-type:inline-size;overflow:hidden;border-bottom:1px solid rgba(60,120,255,.25)}.cx-hero-art{position:absolute;inset:0}.cx-hero-art img{object-fit:cover;object-position:center}.cx-screen{position:absolute;top:21.2%;height:73%;width:14.5%;margin:0;padding:0;list-style:none;display:grid;grid-template-rows:repeat(5,1fr)}.cx-screen.left{left:14.8%}.cx-screen.right{left:71.35%}.cx-screen li{display:grid;grid-template-columns:1.6cqw 2.5cqw minmax(0,1fr) 1.75cqw;align-items:center;grid-gap:.55cqw;gap:.55cqw;padding:0 .55cqw 0 .45cqw;border-bottom:1px solid rgba(80,140,255,.18)}.cx-screen li:last-child{border-bottom:0}.cx-s-rank{display:flex;flex-direction:column;align-items:center;gap:.15cqw;font-family:var(--display);font-weight:700;font-size:1.12cqw;color:#fff;line-height:1}.cx-s-tri{width:0;height:0;border-left:.28cqw solid transparent;border-right:.28cqw solid transparent}.cx-s-tri.up{border-bottom:.36cqw solid #22e07a}.cx-s-tri.down{border-top:.36cqw solid #ff3b6b}.cx-s-tri.same{width:.5cqw;height:.12cqw;background:#7f8ea8;border:0}.cx-s-art{width:2.5cqw;aspect-ratio:1;border-radius:.2cqw;overflow:hidden;background:#0b1b36;display:block}.cx-s-art .cx-art-blank,.cx-s-art img{width:100%;height:100%;object-fit:cover;display:grid;place-items:center}.cx-s-text{display:flex;flex-direction:column;min-width:0;color:#fff;line-height:1.2}.cx-s-text b{font-size:.86cqw;font-weight:700}.cx-s-text b,.cx-s-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-s-text span{font-size:.74cqw;color:#a9b8d0}.cx-s-play{width:1.75cqw;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:#15c2ff;color:#031226;box-shadow:0 0 .9cqw rgba(0,191,255,.55)}.cx-s-play svg{width:55%;height:55%;margin-left:8%}.cx-screen-empty{position:absolute;top:21.2%;height:73%;width:14.5%;left:71.35%;display:grid;place-items:center;padding:0 1.2cqw;text-align:center;font-size:.9cqw;color:#a9b8d0;margin:0}.cx-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-gap:22px;gap:22px;align-items:start;padding-top:18px}.cx-side{display:flex;flex-direction:column;gap:14px;padding-top:4px}.cx-eyebrow{margin:6px 0;font-size:12px;letter-spacing:.03em;color:#22c8ff}.cx-eyebrow,.cx-h1{font-family:var(--display);font-weight:700;text-transform:uppercase}.cx-h1{margin:0;font-size:clamp(28px,3vw,41px);line-height:1.04;color:#fff;letter-spacing:-.005em}.cx-sub{margin:8px 0 18px;font-size:14px;color:#c6d3e6}.cx-period{margin:-10px 0 18px;font-size:12.5px;color:#9fb0c8}.cx-controls{justify-content:space-between;gap:14px}.cx-controls,.cx-filters{display:flex;align-items:flex-end;flex-wrap:wrap}.cx-filters{gap:10px}.cx-field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#c6d3e6;font-weight:400}.cx-select{position:relative;display:block}.cx-select select{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:34px;min-width:176px;padding:0 34px 0 12px;border-radius:3px;border:1px solid rgba(110,150,210,.5);background:rgba(5,15,34,.9);color:#fff;font-size:13px;cursor:pointer}.cx-field:nth-child(2) .cx-select select{min-width:146px}.cx-select:after{content:"";position:absolute;right:13px;top:12px;width:7px;height:7px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);pointer-events:none}.cx-select select:focus-visible{outline:2px solid #22c8ff;outline-offset:1px}.cx-select option{background:#061a31}.cx-kinds{display:inline-flex;border:1px solid rgba(70,140,230,.55);border-radius:3px;overflow:hidden}.cx-kinds a{min-width:82px;height:34px;display:grid;place-items:center;padding:0 16px;font-size:13px;color:#dbe6f5;border-left:1px solid rgba(70,140,230,.45);transition:background .15s,color .15s}.cx-kinds a:first-child{border-left:0}.cx-kinds a:hover{color:#fff;background:rgba(0,191,255,.08)}.cx-kinds a.on{background:linear-gradient(180deg,rgba(0,160,255,.32),rgba(0,120,220,.22));color:#fff;box-shadow:inset 0 -2px 0 #22c8ff}.cx-metrics{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.cx-chip{min-width:89px;height:32px;display:inline-grid;place-items:center;padding:0 18px;border-radius:3px;border:1px solid rgba(80,150,230,.6);background:rgba(4,14,32,.8);color:#fff;font-size:13px;transition:border-color .15s,box-shadow .15s}.cx-chip:hover{border-color:#22c8ff;box-shadow:0 0 10px rgba(0,191,255,.25)}.cx-chip.on{background:#19c4ff;border-color:#19c4ff;color:#021226;font-weight:700;min-width:106px;box-shadow:0 0 14px rgba(0,191,255,.45)}.cx-chip.off{opacity:.45;cursor:not-allowed}.cx-table{border:1px solid rgba(40,110,210,.45);border-radius:4px;background:linear-gradient(180deg,rgba(5,16,36,.92),rgba(3,11,26,.95));overflow:hidden}.cx-row{display:grid;grid-template-columns:44px 56px minmax(0,1fr) 92px 92px 92px 112px;align-items:center;grid-column-gap:6px;column-gap:6px;min-height:43px;padding:0 12px 0 10px;border-bottom:1px solid rgba(50,100,180,.22);transition:background .15s,box-shadow .15s}.cx-rows{list-style:none;margin:0;padding:0}.cx-rows .cx-row:last-child{border-bottom:0}.cx-rows .cx-row:hover{background:rgba(0,150,255,.06);box-shadow:inset 0 0 0 1px rgba(0,191,255,.25)}.cx-head{min-height:30px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9fb1cb}.cx-head span:first-child{padding-left:8px}.r{text-align:right;justify-self:end}.cx-rank{font-family:var(--display);font-weight:700;font-size:26px;line-height:1;color:#22c8ff;text-align:center}.cx-move{font-size:13px;font-weight:700;display:inline-flex;gap:3px;align-items:center;color:#9fb1cb}.cx-move.up{color:#22e07a}.cx-move.down{color:#ff3b6b}.cx-move.new{color:#22c8ff;font-size:11px;letter-spacing:.05em}.cx-move.big{font-size:17px}.cx-item{display:flex;align-items:center;gap:12px;min-width:0}.cx-art{flex:none;width:40px;height:40px;border-radius:3px;overflow:hidden;background:#0b1b36;display:block}.cx-art img{width:100%;height:100%;object-fit:cover;display:block}.cx-art.lg{width:60px;height:60px;border:1px solid rgba(255,200,60,.55)}.cx-art-blank{display:grid;place-items:center;width:100%;height:100%;color:#22c8ff}.cx-face{flex:none;display:block}.cx-face .avatar{border:2px solid rgba(0,191,255,.55)}.cx-play{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#15c2ff;color:#031226;box-shadow:0 0 10px rgba(0,191,255,.45);transition:box-shadow .15s,transform .15s}.cx-play svg{width:14px;height:14px;margin-left:2px}.cx-play:hover{box-shadow:0 0 16px rgba(0,191,255,.85);transform:scale(1.06)}.cx-play.lg{width:30px;height:30px}.cx-play.lg svg{width:15px;height:15px}.cx-play-ghost{background:transparent;border:1.5px solid #15c2ff;color:#15c2ff}.cx-titles{display:flex;flex-direction:column;min-width:0;flex:0 0 150px;line-height:1.3}.cx-title{color:#fff;font-weight:700;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.cx-title:hover{color:#4fd3ff}.cx-by{font-size:12.5px;color:#a9b8d0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-by a{color:inherit}.cx-by a:hover{color:#4fd3ff}.cx-mobile-stats{display:none;font-size:12px;color:#9fb1cb}.cx-tags{display:flex;gap:8px;flex:0 1 auto;min-width:0;overflow:hidden;margin-left:6px}.cx-tag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#dbe6f5;padding:3px 10px;border-radius:999px;border:1px solid rgba(160,180,215,.5);white-space:nowrap}.cx-tag:hover{border-color:#22c8ff;color:#fff}.cx-num{font-size:13px;color:#e6eef9;display:inline-flex;align-items:center;gap:8px}.cx-heart{color:#ff3d8f}.cx-cart,.cx-heart{width:17px;height:17px;flex:none}.cx-cart{color:#22c8ff}.cx-na{color:#6f7f99}.cx-act{display:flex;justify-content:flex-end}.cx-act .stack{gap:2px;align-items:flex-end}.cx-act .stack p:empty{display:none}.cx-act .stack p{margin:0;font-size:11px;max-width:160px;text-align:right}.cx-buy{display:inline-grid;place-items:center;min-width:82px;height:27px;padding:0 12px;border-radius:3px;border:1px solid #19c4ff;background:rgba(0,140,230,.1);color:#4fd3ff;font-size:12.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:box-shadow .15s,background .15s;font-family:inherit}.cx-buy:hover{background:rgba(0,191,255,.18);box-shadow:0 0 12px rgba(0,191,255,.45);color:#fff}.cx-buy:disabled{opacity:.7;cursor:progress}.cx-buy.owned{border-color:rgba(34,224,122,.7);color:#5ff0a3;background:rgba(34,224,122,.08)}.cx-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:34px 22px;color:#c6d3e6}.cx-empty b{font-family:var(--display);font-size:20px;text-transform:uppercase;color:#fff}.cx-more{display:flex;justify-content:center;padding:12px;border-top:1px solid rgba(50,100,180,.22)}.cx-panel{border:1px solid rgba(40,120,230,.5);border-radius:6px;background:linear-gradient(180deg,rgba(6,20,44,.92),rgba(3,11,26,.95));padding:18px 18px 14px;box-shadow:0 0 22px rgba(0,110,255,.12)}.cx-panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.cx-panel-h h2{margin:0;font-family:var(--display);font-weight:700;font-size:19px;text-transform:uppercase;color:#fff}.cx-panel-h a{font-size:13px;color:#22c8ff;font-weight:600;white-space:nowrap}.cx-panel-empty{margin:8px 0;color:#a9b8d0;font-size:14px}.cx-trend{list-style:none;margin:0;padding:0}.cx-trend li{display:grid;grid-template-columns:22px 46px minmax(0,1fr) 16px 30px;align-items:center;grid-gap:10px;gap:10px;padding:6px 0;border-bottom:1px solid rgba(50,100,180,.2)}.cx-trend li:last-child{border-bottom:0}.cx-t-rank{font-family:var(--display);font-weight:700;font-size:18px;color:#fff;text-align:center}.cx-t-art{width:46px;height:46px;border-radius:3px;overflow:hidden;background:#0b1b36;display:block}.cx-t-art img{width:100%;height:100%;object-fit:cover;display:block}.cx-t-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.cx-t-text b{font-size:14px;color:#fff;font-weight:600;display:block}.cx-t-text b,.cx-t-text span,.cx-t-text span a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cx-t-text span,.cx-t-text span a{font-size:13px;color:#a9b8d0}.cx-t-move{font-size:12px;color:#22e07a;text-align:center}.cx-genres{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.cx-genres li{display:grid;grid-template-columns:22px minmax(0,1fr) 46px;grid-template-rows:auto 8px;grid-column-gap:10px;column-gap:10px;grid-row-gap:5px;row-gap:5px;align-items:center}.cx-g-rank{grid-row:1/span 2;font-size:14px;color:#dbe6f5;text-align:center}.cx-g-name{font-size:13.5px;color:#fff}.cx-g-name:hover{color:#4fd3ff}.cx-g-pct{grid-row:1/span 2;grid-column:3;text-align:right;font-size:13.5px;color:#fff}.cx-g-bar{grid-column:2;height:8px;background:#10203c;overflow:hidden}.cx-g-bar,.cx-g-bar i{display:block;border-radius:4px}.cx-g-bar i{height:100%}.cx-g-bar.pink i{background:linear-gradient(90deg,#ff2d95,#ff5bb5);box-shadow:0 0 8px rgba(255,45,149,.5)}.cx-g-bar.cyan i{background:linear-gradient(90deg,#00a8ff,#4fe0ff);box-shadow:0 0 8px rgba(0,191,255,.5)}.cx-g-bar.gold i{background:linear-gradient(90deg,#f5b400,#ffd84a);box-shadow:0 0 8px rgba(245,180,0,.45)}.cx-g-bar.blue i{background:linear-gradient(90deg,#3a4dff,#6c7bff);box-shadow:0 0 8px rgba(80,90,255,.5)}.cx-g-bar.purple i{background:linear-gradient(90deg,#8a2be2,#b45bff);box-shadow:0 0 8px rgba(150,60,255,.5)}.cx-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px;margin-top:16px}.cx-card{border:1px solid rgba(30,150,255,.6);border-radius:4px;background:linear-gradient(180deg,rgba(6,20,44,.92),rgba(3,11,26,.96));padding:12px 14px 14px;min-height:108px;box-shadow:0 0 16px rgba(0,140,255,.14);transition:transform .15s,box-shadow .15s}.cx-card:hover{transform:translateY(-2px);box-shadow:0 0 22px rgba(0,160,255,.28)}.cx-card-k{margin:0 0 8px;font-family:var(--display);font-weight:700;font-size:13px;letter-spacing:.03em;text-transform:uppercase;color:#22c8ff}.cx-card-body{display:flex;align-items:center;gap:12px}.cx-card-body.col{flex-direction:column;align-items:flex-start;gap:2px}.cx-card-text{display:flex;flex-direction:column;min-width:0;flex:1 1 auto;line-height:1.35}.cx-card-text b{font-size:15px;color:#fff}.cx-card-text a:hover b{color:#4fd3ff}.cx-card-text span{font-size:13px;color:#c6d3e6}.cx-card-note{font-size:12.5px!important;color:#a9b8d0!important;margin-top:4px}.cx-card-stat{display:inline-flex;align-items:center;gap:6px;font-size:17px;font-weight:700;color:#fff;flex:none;align-self:flex-start;margin-top:4px}.cx-card-stat svg{width:22px;height:22px}.cx-big{font-family:var(--display);font-size:32px;line-height:1;color:#fff}.cx-card-empty{margin:4px 0 0;font-size:13.5px;color:#a9b8d0}.cx-how{margin-top:22px;padding:18px 20px;border:1px solid rgba(40,110,210,.35);border-radius:6px;background:rgba(4,13,30,.7);color:#c6d3e6;font-size:14px;line-height:1.6}.cx-how h2{margin:0 0 6px;font-family:var(--display);font-size:17px;text-transform:uppercase;color:#fff}.cx-how p{margin:6px 0 0}@media (max-width:1120px){.cx-grid{grid-template-columns:minmax(0,1fr)}.cx-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cx-row{grid-template-columns:40px 50px minmax(0,1fr) 76px 80px 76px 104px}.cx-tags{display:none}.cx-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.cx-wrap{padding:0 16px}.cx-row{grid-template-columns:34px 44px minmax(0,1fr) 70px 70px 104px}.cx-head>:nth-child(6),.cx-row>:nth-child(6){display:none}}@media (max-width:700px){.cx-hero{aspect-ratio:512/330}.cx-screen{display:none}.cx-h1{font-size:30px}.cx-controls{flex-direction:column;align-items:stretch}.cx-filters{display:grid;grid-template-columns:1fr 1fr}.cx-field:nth-child(2) .cx-select select,.cx-select select{min-width:0;width:100%;height:44px}.cx-select:after{top:17px}.cx-kinds{display:grid;grid-template-columns:repeat(3,1fr)}.cx-kinds a{height:44px;min-width:0}.cx-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.cx-chip,.cx-chip.on{min-width:0;height:44px;padding:0 6px}.cx-head{display:none}.cx-row{grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"rank item act" "move item act";row-gap:0;padding:10px;min-height:64px}.cx-rank{grid-area:rank;font-size:22px}.cx-move{grid-area:move;justify-self:center;font-size:11px}.cx-item{grid-area:item;gap:10px}.cx-act{grid-area:act}.cx-row>.cx-num{display:none}.cx-mobile-stats{display:block}.cx-art{width:48px;height:48px}.cx-item{position:relative}.cx-item>.cx-play{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:30px;height:30px;opacity:.92}.cx-item>.cx-play:hover{transform:translateY(-50%) scale(1.06)}.cx-buy{min-width:0;height:36px;padding:0 10px;font-size:12px}.cx-cards,.cx-side{grid-template-columns:1fr}.cx-trend li{grid-template-columns:22px 46px minmax(0,1fr) 16px 40px}.cx-play.lg{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.cx-card,.cx-chip,.cx-kinds a,.cx-play,.cx-row{transition:none}.cx-card:hover,.cx-play:hover{transform:none}}.cx-skel{display:block;border-radius:3px;background:linear-gradient(90deg,#0a1a33,#12284a 50%,#0a1a33);background-size:200% 100%;animation:cx-shimmer 1.4s ease-in-out infinite}.cx-skel-hero{background:radial-gradient(40% 70% at 50% 40%,rgba(40,80,255,.25),transparent 70%),#040d1f}@keyframes cx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.cx-skel{animation:none}}.cx-pending{display:none}.cx-pending.on{display:inline-block;width:12px;height:12px;margin-left:8px;border-radius:50%;border:2px solid;border-right:2px solid transparent;animation:cx-spin .7s linear infinite;vertical-align:-1px}@keyframes cx-spin{to{transform:rotate(1turn)}}.cx-cards,.cx-table{transition:opacity .15s ease .12s}.cx:has(.cx-pending.on) .cx-cards,.cx:has(.cx-pending.on) .cx-table{opacity:.45}@media (prefers-reduced-motion:reduce){.cx-pending.on{animation-duration:2s}}.cx-table.k-artists .cx-titles{flex:0 0 auto;max-width:280px}