/* The covers own their artwork and painted borders. The catalog adds no frame. */
#world-spins.bava-gallery{padding:72px clamp(18px,4vw,48px) 40px!important}
#world-spins.bava-gallery .spins-inner.spins-play{max-width:1040px}
#world-spins.bava-gallery .gallery-wordmark{width:340px;max-width:76vw}
#world-spins.bava-gallery .spins-play>h2{font-size:18px!important;margin:-6px 0 28px!important}
#world-spins.bava-gallery .bava-game-catalog{max-width:960px;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 24px}
#world-spins.bava-gallery [data-availability].collection-game,
#world-spins.bava-gallery [data-availability].collection-game:hover{padding:0;border:0;border-radius:0;background:none;box-shadow:none;transform:none}
#world-spins.bava-gallery .collection-cover{position:relative;display:block;aspect-ratio:3/4;border:0;border-radius:6px;overflow:hidden;background:transparent;box-shadow:none}
#world-spins.bava-gallery .collection-cover::before,
#world-spins.bava-gallery .collection-cover::after,
#world-spins.bava-gallery .collection-game::before,
#world-spins.bava-gallery .collection-game::after{display:none}
#world-spins.bava-gallery .collection-meta,
#world-spins.bava-gallery .game-info{display:none!important}
#world-spins.bava-gallery .collection-static-art{border:0;border-radius:0;transform:none!important}
#world-spins.bava-gallery .collection-hover{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;padding:0;width:100%;height:100%;border:0;border-radius:inherit;background:#041019a6;box-shadow:none;opacity:0;visibility:visible;pointer-events:auto;cursor:pointer;color:#fff4d8;text-decoration:none;transform:none;transition:opacity .18s ease}
#world-spins.bava-gallery .collection-hover b{display:block;width:auto;height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:400 42px/1 system-ui;text-shadow:0 2px 14px #0008}
#world-spins.bava-gallery .collection-hover span{color:inherit;font:600 20px/1.2 Outfit,sans-serif;letter-spacing:.12em;text-shadow:0 2px 12px #000}
#world-spins.bava-gallery .collection-hover:focus-visible{opacity:1;outline:3px solid #ffe0a0;outline-offset:-4px}
#world-spins.bava-gallery [data-armed] .collection-hover{opacity:1}
#world-spins.bava-gallery [data-availability="pending"] .collection-static-art{filter:saturate(.5) brightness(.66)}
#world-spins.bava-gallery .availability-badge{inset:14px 8px auto;width:auto;padding:0;border:0;border-radius:0;background:none;color:#fff0cd;text-align:center;font:600 13px/1.4 Outfit,sans-serif;letter-spacing:.13em;text-shadow:0 2px 7px #000,0 0 18px #000}
#world-spins.bava-gallery .spins-fine{max-width:960px;margin:28px auto 0!important}
@media(hover:hover) and (pointer:fine){
 #world-spins.bava-gallery [data-availability="ready"]:hover .collection-hover{opacity:1}
}
@media(max-width:719px){
 #world-spins.bava-gallery{padding:max(66px,calc(env(safe-area-inset-top) + 58px)) max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;scrollbar-gutter:auto}
 #world-spins.bava-gallery .gallery-wordmark{width:240px;max-width:72vw}
 #world-spins.bava-gallery .spins-play>h2{font-size:15px!important;margin:-4px 0 22px!important}
 #world-spins.bava-gallery .bava-game-catalog{max-width:540px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}
 #world-spins.bava-gallery [data-availability="ready"]:nth-child(3){grid-column:1/-1;width:calc((100% - 14px)/2);justify-self:center}
 #world-spins.bava-gallery .collection-hover b{font-size:32px}
 #world-spins.bava-gallery .collection-hover span{font-size:17px}
 #world-spins.bava-gallery .availability-badge{font-size:11px;top:10px;bottom:auto}
 #world-spins.bava-gallery .spins-fine{font-size:11px!important;padding:12px 0}
}
@media(min-width:720px) and (max-height:650px){
 #world-spins.bava-gallery{padding-top:56px!important}
 #world-spins.bava-gallery .gallery-wordmark{width:250px}
 #world-spins.bava-gallery .spins-play>h2{margin-bottom:18px!important;font-size:16px!important}
 #world-spins.bava-gallery .bava-game-catalog{max-width:clamp(520px,calc((100svh - 220px)*2.25 + 44px),800px);gap:22px}
}
@media(prefers-reduced-motion:reduce){#world-spins.bava-gallery .collection-hover{transition:none}}