.ox-lobby{color:#fff;min-height:calc(100dvh - 80px);padding:128px 24px 64px;position:relative}.ox-lobby-inner{z-index:1;max-width:1280px;margin:0 auto;position:relative}.ox-lobby-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ox-cover{isolation:isolate;aspect-ratio:.64;background:radial-gradient(at 50% 30%,#214f32 0%,#10251b 43%,#0c1410 85%);border:1px solid #a0e5b01c;border-radius:14px;flex-direction:column;min-width:0;transition:transform .35s cubic-bezier(.22,1,.36,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.ox-cover-mines{background:radial-gradient(at 55% 34%,#2d5433,#152619 48%,#101710 85%)}.ox-cover-blackjack{background:radial-gradient(at 50% 35%,#314535,#1a251f 48%,#111612 85%)}.ox-cover-keno{background:radial-gradient(at 50% 32%,#235942,#112b22 48%,#0b1813 85%)}.ox-cover:before{content:"";z-index:-1;opacity:.18;background-image:linear-gradient(#a0d7ac20 1px,#0000 1px),linear-gradient(90deg,#a0d7ac20 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.ox-cover:hover{border-color:#88ed9e70;transform:translateY(-6px);box-shadow:0 18px 40px #0005}.ox-cover:focus-visible{outline-offset:5px;outline:2px solid #85ef9d}.ox-cover-top{letter-spacing:.16em;color:#ffffff50;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;display:flex;position:absolute;inset:18px 18px auto}.ox-cover-top span:last-child{color:#ffffff30;font-size:8px}.ox-cover-art{filter:drop-shadow(0 12px 14px #0005);flex:none;width:100%;height:auto;margin-top:12px;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ox-cover:hover .ox-cover-art{transform:translateY(-4px)scale(1.045)}.ox-cover-bottom{margin-top:auto;padding:0 22px 20px;position:relative}.ox-cover-bottom>p{letter-spacing:.25em;color:#9bd8aa80;font-size:8px;font-weight:700}.ox-cover-bottom h2{letter-spacing:-.045em;margin:5px 0 8px;font-size:clamp(24px,2.6vw,36px);font-weight:900;line-height:1.2}.ox-cover-play{color:#a0efb2;border-top:1px solid #b8e7c31c;justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;font-size:11px;font-weight:700;display:flex}.ox-cover-play svg{transition:transform .3s}.ox-cover:hover .ox-cover-play svg{transform:translate(2px,-2px)}@media (min-width:1024px) and (max-height:800px){.ox-lobby{padding-top:128px;padding-bottom:32px}.ox-cover{aspect-ratio:.74}.ox-cover-art{align-self:center;width:85%}}@media (max-width:1023px){.ox-lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ox-cover{aspect-ratio:.8}.ox-cover-art{align-self:center;width:84%}}@media (max-width:540px){.ox-lobby{padding:112px 16px 40px}.ox-lobby-grid{gap:10px}.ox-cover{aspect-ratio:auto}.ox-cover-top{font-size:7px;inset:12px 12px auto}.ox-cover-art{width:100%;margin-top:18px}.ox-cover-bottom{padding:0 12px 14px}.ox-cover-bottom h2{font-size:25px}.ox-cover-play{margin-top:12px;padding-top:10px;font-size:10px}.ox-cover-play svg{width:14px}}@media (prefers-reduced-motion:reduce){.ox-cover,.ox-cover-art,.ox-cover-play svg{transition:none}.ox-cover:hover,.ox-cover:hover .ox-cover-art,.ox-cover:hover .ox-cover-play svg{transform:none}}@media (min-width:1024px){.ox-cover{min-height:360px}}.ox-cover-play{opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;transform:translateY(5px)}.ox-cover:hover .ox-cover-play,.ox-cover:focus-visible .ox-cover-play{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.ox-cover-play{transition:none;transform:none}}