.cc-ranking-list{display:grid;gap:1rem}.cc-ranking-row{position:relative;display:grid;grid-template-columns:190px minmax(260px,1.6fr) 190px 180px;align-items:center;gap:1.4rem;padding:1rem 1.2rem 1rem 3.5rem;background:var(--cc-surface);color:var(--cc-text);border:1px solid var(--cc-border);border-radius:14px;box-shadow:0 10px 28px rgba(28,35,49,.06);min-width:0;overflow:hidden}.cc-ranking-row__rank{position:absolute;left:1rem;top:-10px;display:grid;place-items:center;width:28px;height:34px;border-radius:6px;background:linear-gradient(180deg,#7b61ff,#5c49d8);color:#fff;font-weight:900;box-shadow:0 6px 14px rgba(92,73,216,.25)}.cc-ranking-row__brand{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:1rem;min-width:0}.cc-ranking-row__brand strong{font-size:1rem;color:var(--cc-text);min-width:0;overflow-wrap:anywhere}.cc-ranking-row__logo{width:72px;height:72px;max-width:72px;max-height:72px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--cc-surface-2) 78%,#000 22%);border:1px solid var(--cc-border);overflow:hidden;padding:.35rem}.cc-ranking-row__logo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:auto!important;padding:0!important}.cc-ranking-row__offer{display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:1.2rem;border-inline:1px solid var(--cc-border);min-width:0}.cc-ranking-row__offer strong{font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.15;color:var(--cc-text);overflow-wrap:anywhere}.cc-ranking-row__offer small{margin-top:.3rem;color:var(--cc-muted);line-height:1.35}.cc-ranking-row__label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cc-muted);margin-bottom:.2rem}.cc-ranking-row__rating{display:flex;justify-content:center}.cc-stars{display:flex;align-items:center;gap:.6rem;padding:.45rem .8rem;border:1px solid var(--cc-border);border-radius:999px;background:var(--cc-surface-2);white-space:nowrap}.cc-stars span{color:#ffba18;letter-spacing:.03em}.cc-stars strong{color:var(--cc-text);font-size:.9rem}.cc-ranking-row__muted{color:var(--cc-muted);font-size:.85rem}.cc-ranking-row__actions{display:grid;gap:.45rem;min-width:0}.cc-ranking-btn{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:38px;padding:.55rem .8rem;border-radius:999px;text-decoration:none;font-weight:800;font-size:.88rem;transition:transform .15s ease,filter .15s ease;text-align:center;line-height:1.2}.cc-ranking-btn:hover{transform:translateY(-1px);filter:brightness(.97)}.cc-ranking-btn--play{background:#2ecc71;color:#fff}.cc-ranking-btn--review{background:#859294;color:#fff}.cc-ranking-note{text-align:center;font-size:.88rem;font-weight:700;color:var(--cc-muted);margin:.2rem 0 1.2rem}.cc-ranking-note strong{color:var(--cc-text)}
[data-theme=dark] .cc-ranking-row{box-shadow:0 12px 30px rgba(0,0,0,.22)}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .cc-ranking-row{box-shadow:0 12px 30px rgba(0,0,0,.22)}}
@media(max-width:1050px){.cc-ranking-row{grid-template-columns:170px minmax(220px,1.4fr) 150px 165px;gap:1rem}.cc-ranking-row__brand{grid-template-columns:64px minmax(0,1fr)}.cc-ranking-row__logo{width:64px;height:64px;max-width:64px;max-height:64px}.cc-ranking-row__offer{padding-inline:.8rem}}
@media(max-width:820px){.cc-ranking-row{grid-template-columns:150px minmax(0,1fr);padding-left:3.2rem}.cc-ranking-row__brand{grid-column:1/-1;grid-template-columns:64px minmax(0,1fr)}.cc-ranking-row__offer{grid-column:1/-1;border:0;border-top:1px solid var(--cc-border);padding:.9rem 0}.cc-ranking-row__rating{grid-column:1}.cc-ranking-row__actions{grid-column:2;grid-template-columns:1fr 1fr}.cc-ranking-row__logo{width:64px;height:64px;max-width:64px;max-height:64px}}
@media(max-width:620px){.cc-ranking-row{grid-template-columns:1fr;padding:1rem;gap:.85rem}.cc-ranking-row__rank{left:.55rem;top:-9px}.cc-ranking-row__brand{grid-column:1;padding-left:2rem;grid-template-columns:58px minmax(0,1fr)}.cc-ranking-row__offer{grid-column:1;align-items:flex-start;text-align:left;border:0;border-top:1px solid var(--cc-border);border-bottom:1px solid var(--cc-border);padding:.9rem 0}.cc-ranking-row__rating{grid-column:1;justify-content:flex-start}.cc-ranking-row__actions{grid-column:1;grid-template-columns:1fr}.cc-ranking-btn{border-radius:10px}.cc-ranking-row__logo{width:58px;height:58px;max-width:58px;max-height:58px}}