.guest-game-preview,.lobby-game-rail,.ocean-game-grid{--game-card-min:165px;--game-card-gap:12px}@media (max-width:1100px){.guest-game-preview,.lobby-game-rail,.ocean-game-grid{--game-card-gap:10px}}.ocean-game-grid{display:grid;width:100%;min-width:0;gap:var(--game-card-gap);grid-template-columns:repeat(auto-fill,165px);justify-content:space-between;align-items:start}.ocean-game-grid>*{width:165px;min-width:0}@media (max-width:700px){.ocean-game-grid{gap:10px}}@media (max-width:760px){.ocean-game-grid{--game-card-gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--game-card-gap);justify-content:stretch}.ocean-game-grid>*{width:100%;max-width:none}}.ocean-game-rail-item{width:165px;flex:0 0 165px;max-width:165px;align-self:start}.ocean-game-tile{position:relative;width:165px;min-width:0;container-type:inline-size;border-radius:11px;font-family:Manrope,Manrope Fallback,sans-serif;transition:transform .18s,box-shadow .18s}.ocean-game-tile:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00152580}.ocean-game-cover{position:relative;width:165px;height:220px;aspect-ratio:3/4;overflow:hidden;border:0;border-radius:11px 11px 0 0;background:#143c54;box-shadow:inset 0 0 0 1px #346781}.ocean-game-cover.is-poster{width:165px;height:auto;aspect-ratio:4/5;border-radius:11px}@media (max-width:760px){.ocean-game-grid .ocean-game-cover,.ocean-game-grid .ocean-game-cover.is-poster,.ocean-game-grid .ocean-game-tile{width:100%;max-width:none}.ocean-game-grid .ocean-game-cover,.ocean-game-grid .ocean-game-tile.is-skeleton .ocean-game-cover{height:auto;aspect-ratio:3/4}.ocean-game-grid .ocean-game-cover.is-poster{height:auto}.ocean-game-grid .ocean-game-meta{min-height:36px;padding:2px 0 2px 6px}.ocean-game-grid .ocean-game-rtp{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;min-width:0;max-width:100%;overflow:hidden;padding-right:3px;line-height:1.15;text-align:left}.ocean-game-grid .ocean-game-rtp-label{display:block;font-size:clamp(6px,7.5cqi,8px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.ocean-game-grid .ocean-game-rtp-value{display:block;max-width:100%;overflow:hidden;font-size:clamp(7px,9.5cqi,9px);font-weight:700;white-space:nowrap;text-overflow:ellipsis}.ocean-game-grid .ocean-game-heart{width:28px;height:28px;padding:5px}.ocean-game-grid .ocean-game-heart :is(svg,img){width:14px;height:14px}.ocean-game-grid .ocean-game-play{--play-icon-size:clamp(28px,36cqi,32px);--play-svg-size:clamp(12px,15cqi,14px);--play-ring:2px;gap:4px}.ocean-game-grid .ocean-game-play-label{padding:2px 6px;font-size:8px;letter-spacing:.08em}.ocean-game-grid .ocean-game-tile.is-skeleton .ocean-game-meta{min-height:36px;padding:2px 0 2px 6px}.ocean-game-grid .ocean-game-tile.is-skeleton .ocean-game-skeleton-rtp{width:42px;height:8px}.ocean-game-grid .ocean-game-tile.is-skeleton .ocean-game-skeleton-heart{width:14px;height:14px;margin:8px}}.ocean-game-open{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer}.ocean-game-open:focus-visible{outline:3px solid #e0f1ff;outline-offset:-4px}.ocean-game-art{position:absolute;inset:0}.ocean-game-art img{object-fit:cover;transition:transform .4s ease-out}.ocean-game-open:focus-visible .ocean-game-art img,.ocean-game-tile:hover .ocean-game-art img{transform:scale(1.045)}.ocean-game-new{top:clamp(4px,4.5cqi,8px);left:clamp(4px,4.5cqi,8px);padding:clamp(2px,2cqi,3px) clamp(5px,5cqi,8px);border:1px solid #ffffffb3;border-radius:99px;background:linear-gradient(145deg,#fff,#e9f3fc 34%,#b9cadb 72%,#f1f8ff);color:#17364e;box-shadow:0 3px 10px #00101fb3,inset 0 1px 1px #fff;font:800 clamp(7px,6.5cqi,11px) /1.2 Manrope,Manrope Fallback,sans-serif;letter-spacing:.08em;text-transform:uppercase}.ocean-game-new,.ocean-game-play{position:absolute;z-index:1;pointer-events:none}.ocean-game-play{--play-icon-size:clamp(28px,41cqi,68px);--play-svg-size:clamp(12px,17cqi,28px);--play-ring:clamp(2px,3.5cqi,6px);inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,8cqi,13px);overflow:hidden;opacity:0;background:radial-gradient(ellipse at center,#173d5766,#021526a6);transition:opacity .2s ease-out}.ocean-game-play:before{position:absolute;inset:-30% -70%;content:"";background:linear-gradient(110deg,transparent 35%,#c9e1f338 44%,#f5fbff9c 50%,#d5e8f34d 56%,transparent 65%);transform:translateX(-70%)}.ocean-game-play-icon{position:relative;overflow:hidden;display:grid;place-items:center;width:var(--play-icon-size);height:var(--play-icon-size);border:1px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff,#e9f3fc 34%,#b9cadb 72%,#f1f8ff);color:#17364e;box-shadow:0 0 0 var(--play-ring) #d9edff26,0 0 0 calc(var(--play-ring) + 1px) #e2f1ff66,0 9px 24px #00101fcc,inset 0 1px 2px #fff;transform:translateY(8px) scale(.84);transition:transform .3s cubic-bezier(.2,.8,.2,1.3)}.ocean-game-play-icon:after{position:absolute;inset:-30% -70%;content:"";pointer-events:none;background:linear-gradient(110deg,transparent 38%,#ffffff80 46%,#fff 50%,#e2f1ff80 54%,transparent 62%);transform:translateX(-70%)}.ocean-game-play-icon svg{width:var(--play-svg-size);height:var(--play-svg-size);margin-left:-3px;filter:drop-shadow(0 1px 0 #ffffff)}@container (max-width: 140px){.ocean-game-play{--play-icon-size:clamp(36px,38cqi,52px);--play-svg-size:clamp(16px,16cqi,22px);--play-ring:4px;gap:6px}.ocean-game-play-label{padding:4px 10px;font-size:11px}.ocean-game-meta{min-height:40px;padding:2px 0 2px 8px}.ocean-game-rtp{flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;overflow:hidden;padding-right:4px;font-size:clamp(8px,7cqi,10px);line-height:1.15;text-align:left}.ocean-game-rtp-label{font-size:clamp(6px,7.5cqi,8px);font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.85}.ocean-game-rtp-value{font-size:clamp(7px,10cqi,10px);font-weight:700}.ocean-game-heart{width:32px;height:32px;padding:6px}.ocean-game-heart :is(svg,img){width:16px;height:16px}}@container (max-width: 100px){.ocean-game-play{--play-icon-size:clamp(28px,36cqi,32px);--play-svg-size:clamp(12px,15cqi,14px);--play-ring:2px;gap:4px}.ocean-game-play-label{padding:2px 6px;font-size:8px;letter-spacing:.08em}.ocean-game-meta{min-height:36px;padding:2px 0 2px 6px}.ocean-game-rtp{gap:0;padding-right:3px;font-size:clamp(7px,8cqi,9px)}.ocean-game-rtp-label{font-size:clamp(5.5px,7cqi,7px)}.ocean-game-rtp-value{font-size:clamp(7px,9.5cqi,9px)}.ocean-game-heart{width:28px;height:28px;padding:5px}.ocean-game-heart :is(svg,img){width:14px;height:14px}}@container (max-width: 82px){.ocean-game-play{--play-icon-size:28px;--play-svg-size:12px;--play-ring:2px;gap:0}.ocean-game-play-label{display:none}.ocean-game-meta{min-height:34px;padding:2px 0 2px 5px}.ocean-game-rtp{padding-right:2px}.ocean-game-rtp-label{font-size:clamp(5px,6.5cqi,6.5px)}.ocean-game-rtp-value{font-size:clamp(6.5px,9cqi,8px)}.ocean-game-heart{width:26px;height:26px;padding:4px}.ocean-game-heart :is(svg,img){width:13px;height:13px}}.ocean-game-play-label{position:relative;padding:5px 13px;border:1px solid transparent;border-radius:20px;background:#08263deb;box-shadow:inset 0 8px 10px -8px rgba(232,243,252,.3),0 6px 14px -6px rgba(0,4,12,.8);color:#f4faff;font-size:12px;font-weight:800;letter-spacing:.14em;line-height:1;text-transform:uppercase;transform:translateY(8px);transition:transform .25s ease-out}.ocean-game-open:focus-visible .ocean-game-play,.ocean-game-tile:hover .ocean-game-play{opacity:1}.ocean-game-open:focus-visible .ocean-game-play:before,.ocean-game-tile:hover .ocean-game-play:before{animation:ocean-art-shine .85s ease-out forwards}.ocean-game-open:focus-visible .ocean-game-play-icon:after,.ocean-game-tile:hover .ocean-game-play-icon:after{animation:ocean-art-shine .6s ease-out .85s forwards}.ocean-game-open:focus-visible .ocean-game-play-icon,.ocean-game-tile:hover .ocean-game-play-icon{transform:translateY(-3px) scale(1)}.ocean-game-open:focus-visible .ocean-game-play-label,.ocean-game-tile:hover .ocean-game-play-label{transform:translateY(0)}@keyframes ocean-art-shine{0%{transform:translateX(-70%)}to{transform:translateX(70%)}}.ocean-game-meta{display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:45px;padding:0 0 0 12px;border:1px solid #346781;border-top:0;border-radius:0 0 11px 11px;background:#d2e9ff08}.ocean-game-rtp{display:inline-flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;min-width:0;padding-right:4px;color:#b9d0e1;font-size:clamp(9px,6.5cqi,11px);font-weight:600;font-variant-numeric:tabular-nums;line-height:1.2}.ocean-game-rtp-label,.ocean-game-rtp-value{min-width:0;font-size:inherit}.ocean-game-heart{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:12px;border:0;border-left:1px solid #91b9d31f;border-radius:0 0 10px;background:transparent;color:#edf6ff;box-shadow:none;cursor:pointer}.ocean-game-heart :is(svg,img){width:20px;height:20px;transition:scale .22s cubic-bezier(.2,.8,.2,1.4),filter .18s}.ocean-game-heart:not([aria-pressed=true]) img{opacity:.55;filter:saturate(.4)}.ocean-game-heart:hover img{opacity:1;filter:none}.ocean-game-heart:hover{background:#b1dcfa14}.ocean-game-heart[aria-pressed=true]{background:#61efa20d;color:#83edb2}.ocean-game-heart:focus-visible{outline:2px solid #c4e4fa;outline-offset:-4px}.ocean-game-heart:disabled{cursor:default;opacity:.6}.ocean-game-tile.is-skeleton{pointer-events:none}.ocean-game-tile.is-skeleton:hover{transform:none;box-shadow:none}.ocean-game-skeleton-heart,.ocean-game-skeleton-rtp,.ocean-game-tile.is-skeleton .ocean-game-cover{background:linear-gradient(90deg,#17384f,#2a526d 50%,#17384f);background-size:220% 100%;animation:ocean-game-skeleton 1.5s ease-in-out infinite}.ocean-game-skeleton-rtp{display:block;width:72px;height:10px;border-radius:4px}.ocean-game-skeleton-heart{display:block;flex:none;width:20px;height:20px;margin:12px;border-radius:4px}@keyframes ocean-game-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.ocean-game-art img,.ocean-game-play,.ocean-game-play-icon,.ocean-game-play-label,.ocean-game-skeleton-heart,.ocean-game-skeleton-rtp,.ocean-game-tile,.ocean-game-tile.is-skeleton .ocean-game-cover{transition:none;animation:none}.ocean-game-open:focus-visible .ocean-game-art img,.ocean-game-open:focus-visible .ocean-game-play-icon,.ocean-game-open:focus-visible .ocean-game-play-label,.ocean-game-tile:hover,.ocean-game-tile:hover .ocean-game-art img,.ocean-game-tile:hover .ocean-game-play-icon,.ocean-game-tile:hover .ocean-game-play-label{transform:none}.ocean-game-open:focus-visible .ocean-game-play-icon:after,.ocean-game-open:focus-visible .ocean-game-play:before,.ocean-game-tile:hover .ocean-game-play-icon:after,.ocean-game-tile:hover .ocean-game-play:before{animation:none;opacity:0}}@media (hover:none){.ocean-game-tile:hover{transform:none;box-shadow:none}.ocean-game-tile:hover .ocean-game-art img{transform:none}.ocean-game-tile:hover .ocean-game-open:not(:focus-visible) .ocean-game-play{opacity:0}}@media (max-width:760px){.lobby-game-rail{--game-card-gap:8px}.lobby-game-rail .ocean-game-rail-item{width:auto;max-width:none;flex:0 0 calc((100% - 3 * var(--game-card-gap)) / 4)}.lobby-game-rail .ocean-game-cover,.lobby-game-rail .ocean-game-tile{width:100%;max-width:none}.lobby-game-rail .ocean-game-cover{height:auto;aspect-ratio:3/4}.lobby-game-rail .ocean-game-meta,.ocean-game-grid .ocean-game-meta{display:none}.lobby-game-rail .ocean-game-cover,.lobby-game-rail .ocean-game-tile,.ocean-game-grid .ocean-game-cover,.ocean-game-grid .ocean-game-tile{border-radius:8px}.lobby-game-rail .ocean-game-play,.ocean-game-grid .ocean-game-play{--play-icon-size:40px;--play-svg-size:18px;--play-ring:3px;gap:0}.guest-game-preview .ocean-game-grid>:nth-child(n+9),.lobby-game-rail .ocean-game-play-label,.ocean-game-grid .ocean-game-play-label{display:none}}