:root{color-scheme:light dark}body,html{height:100%;overflow-x:clip}.shelf-row{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:8px;margin-inline:calc(-1 * var(--mantine-spacing-md));padding-inline:var(--mantine-spacing-md)}.shelf-row>*{scroll-snap-align:start;flex:0 0 auto}.shelf-row::-webkit-scrollbar{height:6px}.shelf-row::-webkit-scrollbar-thumb{background:var(--mantine-color-default-hover);border-radius:3px}.tabs-scroll-strip{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-inline:calc(-1 * var(--mantine-spacing-md));padding-inline:var(--mantine-spacing-md)}.tabs-scroll-strip::-webkit-scrollbar{display:none}.suggest-hero{overflow:hidden}.suggest-hero-grid{display:flex;flex-direction:column}@media (min-width:48em){.suggest-hero-grid{flex-direction:row-reverse;align-items:stretch}}.suggest-hero-cover-link{display:block;color:inherit;text-decoration:none;cursor:pointer;flex-shrink:0}@media (min-width:48em){.suggest-hero-cover-link{width:42%;max-width:380px}}.suggest-hero-cover{position:relative;width:100%;height:100%;overflow:hidden;background:var(--mantine-color-dark-9);display:flex;justify-content:center;align-items:center}@media (max-width:47.999em){.suggest-hero-cover{max-height:60vh}}.suggest-hero-cover img{width:100%;height:auto;max-height:60vh;-o-object-fit:contain;object-fit:contain;transition:transform .32s ease}@media (min-width:48em){.suggest-hero-cover img{max-height:100%}}.suggest-hero-cover-link:focus-visible .suggest-hero-cover img,.suggest-hero-cover-link:hover .suggest-hero-cover img{transform:scale(1.04)}.suggest-hero-info{flex:1 1 auto;min-width:0}.suggest-reroll{font-weight:600}.suggest-reroll .suggest-dice{transition:transform .22s ease}.suggest-reroll:focus-visible .suggest-dice,.suggest-reroll:hover .suggest-dice{transform:rotate(-18deg) scale(1.08)}.suggest-reroll:active .suggest-dice{transform:rotate(28deg) scale(1.12)}.games-flow{display:flex;flex-wrap:wrap;gap:var(--mantine-spacing-md);align-items:stretch}.games-flow-card{flex:1 1 auto;min-width:168px;max-width:432px;display:block}.games-flow-cover{position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:visible;height:192px;padding-bottom:var(--mantine-spacing-xs)}.games-flow-cover:after{content:"";position:absolute;left:calc(var(--mantine-spacing-md) / -2 - .5px);right:calc(var(--mantine-spacing-md) / -2 - .5px);bottom:0;height:1px;background:color-mix(in srgb,var(--mantine-color-text) 35%,transparent);box-shadow:0 18px 28px -8px color-mix(in srgb,var(--mantine-color-text) 32%,transparent),0 4px 8px -2px color-mix(in srgb,var(--mantine-color-text) 18%,transparent);pointer-events:none}[data-mantine-color-scheme=dark]{--mantine-color-body:#28282b}[data-mantine-color-scheme=dark] .games-flow-cover:after{background:hsla(0,0%,100%,.18);box-shadow:none}.games-flow-cover img{height:100%!important;width:auto!important;max-width:none!important;display:block;-o-object-fit:contain;object-fit:contain;border-radius:0!important;filter:drop-shadow(0 14px 22px color-mix(in srgb,var(--mantine-color-text) 38%,transparent)) drop-shadow(0 4px 8px color-mix(in srgb,var(--mantine-color-text) 26%,transparent));transition:transform .18s ease,filter .18s ease}[data-mantine-color-scheme=dark] .games-flow-cover img{filter:none}.games-flow-card:focus-visible .games-flow-cover img,.games-flow-card:hover .games-flow-cover img{transform:translateY(-6px)}@media (max-width:47.99em){.games-flow{flex-direction:column;flex-wrap:nowrap;gap:0}.games-flow-card{flex:0 0 auto;min-width:0;max-width:none;width:100%;display:flex;flex-direction:row;align-items:center;gap:var(--mantine-spacing-md);padding:var(--mantine-spacing-sm) 0;border-bottom:1px solid color-mix(in srgb,var(--mantine-color-text) 12%,transparent)}.games-flow-card>:last-child{flex:1 1 auto;min-width:0;padding:0!important}.games-flow-cover{flex:0 0 72px;width:72px;height:72px;padding-bottom:0;align-items:center}.games-flow-cover:after{display:none}.games-flow-cover img{height:100%!important;width:100%!important;max-width:100%!important;-o-object-fit:contain;object-fit:contain;filter:none}.games-flow-card:focus-visible .games-flow-cover img,.games-flow-card:hover .games-flow-cover img{transform:none}}@media (min-width:48em){.games-flow-cover{height:240px}.games-flow-card{min-width:192px;max-width:504px}}@media (min-width:75em){.games-flow-cover{height:288px}.games-flow-card{min-width:216px;max-width:576px}.games-flow-card:focus-visible .games-flow-cover img,.games-flow-card:hover .games-flow-cover img{transform:translateY(-8px)}}.lift-card{transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.lift-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--mantine-color-violet-5) 60%,transparent);box-shadow:0 12px 28px -16px color-mix(in srgb,var(--mantine-color-violet-6) 45%,transparent),0 4px 8px -4px color-mix(in srgb,var(--mantine-color-pink-6) 30%,transparent)}.add-game-row{transition:background-color .12s ease}.add-game-row:focus-visible,.add-game-row:hover{background-color:var(--mantine-color-default-hover)}.game-detail-cover{width:100%}@media (min-width:48em){.game-detail-cover{max-width:360px;margin-inline:auto}}.hero-glow{position:relative;isolation:isolate}.hero-glow:before{content:"";position:absolute;inset:-120px 0 auto 0;height:480px;z-index:-1;background:radial-gradient(ellipse at 25% 30%,color-mix(in srgb,var(--mantine-color-violet-5) 38%,transparent),transparent 60%),radial-gradient(ellipse at 75% 50%,color-mix(in srgb,var(--mantine-color-pink-5) 32%,transparent),transparent 60%);filter:blur(60px);opacity:.85;pointer-events:none}@media (min-width:48em){.hero-glow:before{inset:-120px -80px auto -120px}}.glass-panel{background:color-mix(in srgb,var(--mantine-color-body) 85%,transparent);backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);border:1px solid color-mix(in srgb,var(--mantine-color-violet-5) 22%,var(--mantine-color-default-border));border-radius:var(--mantine-radius-lg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),inset 0 -1px 0 rgba(0,0,0,.04),0 12px 32px -8px rgba(15,23,42,.12)}[data-mantine-color-scheme=dark] .glass-panel{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),inset 0 -1px 0 rgba(0,0,0,.25),0 12px 32px -8px rgba(0,0,0,.45)}.oauth-row{width:100%;display:flex;justify-content:center;min-height:44px}.oauth-row>*{width:100%}.gradient-text{background:linear-gradient(135deg,var(--mantine-color-violet-6),var(--mantine-color-pink-6));-webkit-background-clip:text;background-clip:text;color:transparent}