.nc-top3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nc-tile{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--nc-card);border-radius:var(--nc-r);padding:26px 18px 20px;box-shadow:0 1px 0 var(--nc-line),0 22px 44px -34px rgba(28,31,69,.55);transition:transform .2s ease,box-shadow .2s ease}
.nc-tile:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--nc-line),0 26px 46px -28px rgba(28,31,69,.6)}
.nc-badge{position:absolute;inset-block-start:-13px;inset-inline-start:50%;translate:-50% 0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:800;color:#fff;background:var(--nc-deep2);box-shadow:0 0 0 4px var(--nc-bg)}
.nc-tile:nth-child(1) .nc-badge{background:var(--nc-hot)}
.nc-tile:nth-child(2) .nc-badge{background:var(--nc-aqua)}
.nc-logo{display:grid;place-items:center;width:104px;height:104px;border-radius:22px;background:var(--nc-tint);padding:9px;margin-block-end:14px}
.nc-logo img{display:block;width:100%;height:auto;max-width:200px;border-radius:14px}
.nc-name{display:block;font-size:20px;font-weight:700;line-height:1.2;color:var(--nc-deep);margin-block-end:8px}
.nc-name a{color:inherit;text-decoration:none}
.nc-name a:hover{text-decoration:underline}
.nc-offer{display:block;font-size:15px;line-height:1.45;color:var(--nc-mute);margin-block-end:16px}
.nc-offer b{color:var(--nc-text);font-weight:700}
.nc-page .nc-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;white-space:nowrap;text-decoration:none;font-size:15.5px;font-weight:700;color:#fff;background:var(--nc-hot);padding:12px 22px;border-radius:999px;transition:background .18s ease,transform .18s ease}
.nc-page .nc-play:hover{background:var(--nc-hot-d);transform:translateY(-1px)}
.nc-page .nc-play .nc-i{font-size:17px}
.nc-terms{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;color:var(--nc-mute);margin:14px 0 0}
.nc-terms .nc-i{font-size:15px;color:var(--nc-deep2)}

.nc-rail{list-style:none;margin:0;padding:0;counter-reset:nc-r}
.nc-row{position:relative;counter-increment:nc-r;display:grid;grid-template-columns:44px 74px minmax(0,1fr) auto;gap:16px;align-items:center;background:var(--nc-card);border-radius:14px;padding:12px 16px;margin-block-end:9px;transition:background .16s ease}
.nc-row[hidden]{display:none}
.nc-row:hover{background:var(--nc-tint)}
.nc-row::before{content:counter(nc-r);justify-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;font-size:15px;font-weight:800;color:var(--nc-deep2);background:var(--nc-soft);font-variant-numeric:tabular-nums}
.nc-row:nth-child(1)::before{color:#fff;background:var(--nc-hot)}
.nc-row:nth-child(2)::before{color:#fff;background:var(--nc-aqua)}
.nc-row:nth-child(3)::before{color:#fff;background:var(--nc-deep2)}
.nc-row:nth-child(n+11){content-visibility:auto;contain-intrinsic-size:auto 82px}
.nc-row .nc-logo{width:74px;height:74px;border-radius:16px;margin:0;padding:7px}
.nc-row .nc-logo img{border-radius:10px}
.nc-row .nc-name{font-size:18px;margin-block-end:3px}
.nc-row .nc-offer{font-size:14.5px;margin:0;overflow-wrap:anywhere}
.nc-page .nc-row .nc-play{width:auto;font-size:15px;padding:10px 20px}
.nc-more{display:none;justify-content:center;margin-block-start:4px}
.nc-rail-wrap[data-nc-more] .nc-more{display:flex}
.nc-more-btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--nc-deep);background:var(--nc-card);border:0;border-radius:999px;padding:12px 24px;cursor:pointer;box-shadow:0 1px 0 var(--nc-line);transition:background .18s ease,color .18s ease}
.nc-more-btn:hover{background:var(--nc-deep2);color:#fff}
@media (max-width:860px){
.nc-top3{grid-template-columns:1fr;gap:26px}
.nc-tile{flex-direction:row;align-items:center;text-align:left;padding:16px 16px 16px 18px;flex-wrap:wrap}
.nc-badge{inset-inline-start:18px;translate:0 0}
.nc-tile .nc-logo{width:80px;height:80px;margin:0 14px 0 0}
.nc-tile .nc-name,.nc-tile .nc-offer{margin-block-end:4px}
.nc-page .nc-tile .nc-play{width:100%;margin-block-start:12px}
.nc-tile .nc-terms{width:100%;justify-content:flex-start}
.nc-row{grid-template-columns:38px 60px minmax(0,1fr);gap:11px;padding:11px 13px}
.nc-row .nc-logo{width:60px;height:60px;border-radius:13px;padding:5px}
.nc-page .nc-row .nc-play{grid-column:1/-1;width:100%}
.nc-more-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.nc-tile,.nc-page .nc-play,.nc-row,.nc-more-btn{transition:none}}

/* Brand table from the panel slot, drawn as .nc-top3 tiles and .nc-rail rows.
   Markup: <table><caption/><tbody><tr><td>[img] name</td><td>offer</td>[<td><a>Play Now</a></td>]</tr></tbody></table>.
   Search engines get the same table without logo, links and button. */
.nc-top3-slot table,.nc-rail-wrap table{display:block;width:100%;border-collapse:separate;border-spacing:0}
.nc-top3-slot caption,.nc-rail-wrap caption{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.nc-top3-slot td,.nc-rail-wrap td{padding:0;border:0}
.nc-top3-slot td:first-child:has(a,img),.nc-rail-wrap td:first-child:has(a,img){display:contents}
.nc-top3-slot td:first-child img,.nc-rail-wrap td:first-child img{display:block;width:104px;height:104px;object-fit:contain;background:var(--nc-tint);padding:9px;border-radius:22px}
.nc-top3-slot td:first-child,.nc-top3-slot td:first-child a,.nc-rail-wrap td:first-child,.nc-rail-wrap td:first-child a{font-family:"Bricolage Grotesque",Manrope,system-ui,sans-serif;font-weight:700;line-height:1.2;color:var(--nc-deep);text-decoration:none}
.nc-top3-slot td:first-child a:hover,.nc-rail-wrap td:first-child a:hover{text-decoration:underline}
.nc-top3-slot td:nth-child(2),.nc-rail-wrap td:nth-child(2){line-height:1.45;color:var(--nc-mute)}
.nc-top3-slot td:nth-child(3) a,.nc-rail-wrap td:nth-child(3) a{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;text-decoration:none;font-family:Manrope,system-ui,sans-serif;font-weight:700;color:#fff;background:var(--nc-hot);border-radius:999px;transition:background .18s ease,transform .18s ease}
.nc-top3-slot td:nth-child(3) a::after,.nc-rail-wrap td:nth-child(3) a::after{content:"";width:17px;height:17px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 12h14.8M13.6 6.2 19.4 12l-5.8 5.8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 12h14.8M13.6 6.2 19.4 12l-5.8 5.8'/%3E%3C/svg%3E") center/contain no-repeat}
.nc-top3-slot td:nth-child(3) a:hover,.nc-rail-wrap td:nth-child(3) a:hover{background:var(--nc-hot-d);transform:translateY(-1px)}

.nc-top3-slot tbody{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:nc-t}
.nc-top3-slot tr{position:relative;counter-increment:nc-t;display:flex;flex-direction:column;align-items:center;text-align:center;background:var(--nc-card);border-radius:var(--nc-r);padding:26px 18px 20px;box-shadow:0 1px 0 var(--nc-line),0 22px 44px -34px rgba(28,31,69,.55);transition:transform .2s ease,box-shadow .2s ease}
.nc-top3-slot tr:hover{transform:translateY(-3px);box-shadow:0 1px 0 var(--nc-line),0 26px 46px -28px rgba(28,31,69,.6)}
.nc-top3-slot tr::before{content:counter(nc-t);position:absolute;inset-block-start:-13px;inset-inline-start:50%;translate:-50% 0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:"Bricolage Grotesque",Manrope,system-ui,sans-serif;font-size:15px;font-weight:800;color:#fff;background:var(--nc-deep2);box-shadow:0 0 0 4px var(--nc-bg)}
.nc-top3-slot tr:nth-child(1)::before{background:var(--nc-hot)}
.nc-top3-slot tr:nth-child(2)::before{background:var(--nc-aqua)}
.nc-top3-slot td:first-child img{margin-block-end:14px}
.nc-top3-slot td:first-child:has(a):not(:has(img))::before{content:"";display:block;width:104px;height:104px;border-radius:22px;background:var(--nc-tint);margin-block-end:14px}
.nc-top3-slot td:first-child,.nc-top3-slot td:first-child a{display:block;font-size:20px;margin-block-end:8px}
.nc-top3-slot td:nth-child(2){display:block;font-size:15px;margin-block-end:16px}
.nc-top3-slot td:nth-child(3){display:block;width:100%;margin-block-start:auto}
.nc-top3-slot td:nth-child(3) a{width:100%;font-size:15.5px;padding:12px 22px}

.nc-rail-wrap tbody{display:block;counter-reset:nc-r}
.nc-rail-wrap tr{position:relative;counter-increment:nc-r;display:grid;grid-template-columns:44px 74px minmax(0,1fr) auto;grid-template-areas:"rank logo name play" "rank logo offer play";gap:0 16px;align-items:center;background:var(--nc-card);border-radius:14px;padding:12px 16px;margin-block-end:9px;transition:background .16s ease}
.nc-rail-wrap tr:not(:has(img,a)){grid-template-columns:44px minmax(0,1fr);grid-template-areas:"rank name" "rank offer"}
.nc-rail-wrap tr[hidden]{display:none}
.nc-rail-wrap tr:hover{background:var(--nc-tint)}
.nc-rail-wrap tr::before{content:counter(nc-r);grid-area:rank;justify-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:11px;font-size:15px;font-weight:800;color:var(--nc-deep2);background:var(--nc-soft);font-variant-numeric:tabular-nums}
.nc-rail-wrap tr:nth-child(1)::before{color:#fff;background:var(--nc-hot)}
.nc-rail-wrap tr:nth-child(2)::before{color:#fff;background:var(--nc-aqua)}
.nc-rail-wrap tr:nth-child(3)::before{color:#fff;background:var(--nc-deep2)}
.nc-rail-wrap tr:nth-child(n+11){content-visibility:auto;contain-intrinsic-size:auto 82px}
.nc-rail-wrap td:first-child img{grid-area:logo;width:74px;height:74px;padding:7px;border-radius:16px}
.nc-rail-wrap td:first-child:has(a):not(:has(img))::before{content:"";grid-area:logo;width:74px;height:74px;border-radius:16px;background:var(--nc-tint)}
.nc-rail-wrap td:first-child a,.nc-rail-wrap td:first-child:not(:has(a,img)){grid-area:name;align-self:end;font-size:18px;margin-block-end:3px}
.nc-rail-wrap td:nth-child(2){grid-area:offer;align-self:start;font-size:14.5px;overflow-wrap:anywhere}
.nc-rail-wrap td:nth-child(3){grid-area:play}
.nc-rail-wrap td:nth-child(3) a{font-size:15px;padding:10px 20px}

@media (max-width:860px){
.nc-top3-slot tbody{grid-template-columns:1fr;gap:26px}
.nc-top3-slot tr{display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-areas:"logo name" "logo offer" "play play";gap:0 14px;align-items:center;text-align:left;padding:16px 16px 16px 18px}
.nc-top3-slot tr:not(:has(img,a)){grid-template-columns:minmax(0,1fr);grid-template-areas:"name" "offer"}
.nc-top3-slot tr::before{inset-inline-start:18px;translate:0 0}
.nc-top3-slot td:first-child img{grid-area:logo;width:80px;height:80px;margin:0}
.nc-top3-slot td:first-child:has(a):not(:has(img))::before{grid-area:logo;width:80px;height:80px;margin:0}
.nc-top3-slot td:first-child a,.nc-top3-slot td:first-child:not(:has(a,img)){grid-area:name;align-self:end;margin-block-end:4px}
.nc-top3-slot td:nth-child(2){grid-area:offer;align-self:start;margin-block-end:4px}
.nc-top3-slot td:nth-child(3){grid-area:play;margin-block-start:12px}
.nc-rail-wrap tr{grid-template-columns:38px 60px minmax(0,1fr);grid-template-areas:"rank logo name" "rank logo offer" "play play play";gap:0 11px;padding:11px 13px}
.nc-rail-wrap tr:not(:has(img,a)){grid-template-columns:38px minmax(0,1fr);grid-template-areas:"rank name" "rank offer"}
.nc-rail-wrap td:first-child img,.nc-rail-wrap td:first-child:has(a):not(:has(img))::before{width:60px;height:60px;border-radius:13px;padding:5px}
.nc-rail-wrap td:nth-child(3){margin-block-start:11px}
.nc-rail-wrap td:nth-child(3) a{width:100%}
}
@media (prefers-reduced-motion:reduce){.nc-top3-slot tr,.nc-rail-wrap tr,.nc-top3-slot td:nth-child(3) a,.nc-rail-wrap td:nth-child(3) a{transition:none}}
/* Registry logos are made for a light plate: in the dark scheme the plate stays light, or dark wordmarks vanish. */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .nc-top3-slot td:first-child img,:root:not([data-theme="light"]) .nc-rail-wrap td:first-child img{background:#f6f8fe}}
:root[data-theme="dark"] .nc-top3-slot td:first-child img,:root[data-theme="dark"] .nc-rail-wrap td:first-child img{background:#f6f8fe}