.tiles-row .row-head{margin-bottom:4px}.tiles{grid-template-columns:repeat(14,1fr);grid-auto-rows:118px;gap:14px;margin-top:-6px;padding-top:26px;display:grid}.tile{background:linear-gradient(#ffffff0f,#ffffff07);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:flex-end;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative;overflow:visible}.tile-lead,.tile-tail{border-color:#4a8dff4d;box-shadow:inset 0 1px #ffffff3d,0 14px 34px #0b1a4a66}.c-bonus{background:linear-gradient(160deg,#0062ff,#1900d5)}.c-live{background:linear-gradient(160deg,#0f68ff,#6a00ff)}.c-feat{background:#1d2645}.c-art{background:#1543a6}.c-slot,.c-prov{background:#1c2645}.c-sport,.c-promo{background:#1d2645}.c-slot,.c-prov,.c-sport,.c-promo,.c-art,.c-feat{border-color:#ffffff17}.tile{grid-column:span 3}.tile-narrow{grid-column:span 2}.tile-lead,.tile-tail{grid-row:1/span 2;padding:20px}.tile-lead{grid-column:1/span 3}.tile-tail{grid-column:12/span 3}.tile:hover{z-index:3;border-color:#5d9bffbf;transform:translateY(-4px);box-shadow:0 16px 34px #000000a6}.tile:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px),radial-gradient(112px 112px at calc(100% + 4px) -6px,#ffffff26,#0000 66%);position:absolute;top:0;bottom:0;left:0;right:0}.tile-lead:after,.tile-tail:after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px),radial-gradient(186px 186px at calc(100% + 10px) -14px,#ffffff26,#0000 66%)}.tile-ico{z-index:2;object-fit:contain;width:74px;height:74px;image-rendering:pixelated;filter:drop-shadow(0 6px #0006);position:absolute;top:-26px;right:8px}.tile-lead .tile-ico,.tile-tail .tile-ico{width:124px;height:124px;top:-40px;right:10px}.tile-coin{image-rendering:pixelated;background-image:url(/assets/tiles/coin-sprite.webp);background-position:0%;background-repeat:no-repeat;background-size:1200% 100%;animation:.95s steps(12,jump-none) infinite coinSpin}@keyframes coinSpin{0%{background-position-x:0%}to{background-position-x:100%}}.tile-lead .tile-coin{width:92px;height:92px;top:-28px}.tile-photo{z-index:0;object-fit:cover;object-position:center 32%;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.c-bonus:before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(#0000 30%,#0a1030cc 68%,#070b22f2);position:absolute;top:0;bottom:0;left:0;right:0}@media (prefers-reduced-motion:reduce){.tile-coin{animation:none}}.tile-body{z-index:2;flex-direction:column;gap:7px;display:flex;position:relative}.tile-body b{font-family:var(--sans);color:#fff;text-shadow:0 2px 10px #00000073;flex-direction:column;align-items:flex-start;gap:10px;font-size:15px;font-weight:800;line-height:1.35;display:flex}.tile-body b:before{content:"›";color:#132043;background:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font-size:17px;font-weight:700;line-height:1;transition:all .18s;display:grid;box-shadow:0 4px 12px #00000059}.tile:hover .tile-body b:before{transform:translate(3px)}.tile-lead .tile-body b,.tile-tail .tile-body b{font-size:20px}.tile-body small{color:#b9c5e6;font-size:12.5px;line-height:1.6}.tile-lead .tile-body small,.tile-tail .tile-body small,.c-live .tile-body small,.c-art .tile-body small{color:#e2ebff}.tile-feat{padding:20px;overflow:hidden}.tile-feat .tile-cover{z-index:0;background-position:50%;background-size:cover;transition:opacity .38s,transform .38s;position:absolute;top:0;bottom:0;left:0;right:0}.tile-feat .tile-cover.swap{opacity:0;transform:scale(1.04)}.tile-feat:before{content:"";z-index:1;background:linear-gradient(#0000 18%,#050914cc 62%,#050914f7);position:absolute;top:0;bottom:0;left:0;right:0}.tile-feat:after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px)}.tile-feat .tile-body b{font-size:20px}.tile-feat .tile-body small{color:#cfd9f5;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.tile-art{padding-right:96px}.tile-shot{z-index:2;aspect-ratio:256/368;background-position:50%;background-size:cover;border:1px solid #ffffff2e;border-radius:10px;width:74px;transition:opacity .38s,transform .38s;position:absolute;top:-16px;right:12px;box-shadow:0 12px 26px #000000a6}.tile-shot.swap{opacity:0;transform:scale(.94)}@media (max-width:900px){.tiles{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(104px,auto)}.tile,.tile-narrow{grid-column:span 3}.tile-lead{grid-area:1/1/span 2/span 3}.tile-tail{grid-area:auto/1/auto/span 6}.tile-lead .tile-ico{width:96px;height:96px;top:-32px}.tile-lead .tile-coin{width:72px;height:72px;top:-23px}.tile-feat{min-height:190px}}@media (max-width:520px){.tiles{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(88px,auto);gap:10px;margin-top:-8px;padding-top:20px}.tile,.tile-narrow{border-radius:14px;grid-column:span 3;padding:12px 66px 12px 12px}.tile-lead{grid-area:1/1/span 2/span 3;padding:14px}.tile-tail{grid-area:auto/1/auto/span 6}.tile-ico{width:54px;height:54px;top:-14px;right:8px}.tile-lead .tile-ico{width:78px;height:78px;top:-24px;right:6px}.tile-lead .tile-coin{width:58px;height:58px;top:-17px}.tile:after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px),radial-gradient(74px 74px at calc(100% + 2px) -4px,#ffffff26,#0000 66%)}.tile-lead:after,.tile-tail:after{background:repeating-linear-gradient(0deg,#0000 0 2px,#0000001f 2px 3px),radial-gradient(112px 112px at calc(100% + 6px) -8px,#ffffff26,#0000 66%)}.tile-body{gap:5px}.tile-body b,.tile-lead .tile-body b,.tile-tail .tile-body b,.tile-feat .tile-body b{gap:8px;font-size:13.5px}.tile-body b:before{width:20px;height:20px;font-size:14px}.tile-body small{font-size:11.5px;line-height:1.5}.tile-art{padding-right:62px}.tile-shot{border-radius:8px;width:44px;top:50%;right:10px;translate:0 -50%}.tile-feat{min-height:132px;padding:14px}.tile-feat .tile-body small{font-size:12.5px}}.tiles-slim .c-slot{grid-area:1/4/auto/span 4}.tiles-slim .c-art{grid-area:1/8/auto/span 4}.tiles-slim .tile-narrow.c-prov{grid-area:2/4/auto/span 4}.tiles-slim .c-promo{grid-area:2/8/auto/span 4}@media (max-width:900px){.tiles-slim .tile-lead{grid-area:1/1/span 2/span 3}.tiles-slim .c-slot{grid-area:1/4/auto/span 3}.tiles-slim .c-art{grid-area:2/4/auto/span 3}.tiles-slim .tile-narrow.c-prov{grid-area:3/1/auto/span 3}.tiles-slim .c-promo{grid-area:4/1/auto/span 3}.tiles-slim .tile-tail{grid-area:3/4/span 2/span 3}}.cms-article>.tiles-row:first-child{margin-top:0}.cms-article>.tiles-row:first-child .row-head{margin-bottom:0}