.home-skeleton{margin-left:auto;margin-right:auto;padding:2rem 1rem}@keyframes pulse{50%{opacity:.5}}.home-skeleton__pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.home-skeleton__pulse>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.home-skeleton__grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.home-skeleton__grid{gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:768px){.home-skeleton__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.home-skeleton__grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1280px){.home-skeleton__grid{grid-template-columns:repeat(10,minmax(0,1fr))}}.home-skeleton__tile{aspect-ratio:1/1;background-color:#ffffff1a;border-radius:.75rem}.home-empty{align-items:center;background:radial-gradient(ellipse at top,rgb(var(--primary)/.18) 0,rgb(var(--background)) 60%);border-radius:1.5rem;display:flex;justify-content:center;margin-left:auto;margin-right:auto;max-width:1250px;overflow:hidden;padding-left:1rem;padding-right:1rem;padding-block:4rem;position:relative;width:100%}.home-empty[data-variant=compact]{padding-block:2.5rem}.home-empty__aurora{inset:0;pointer-events:none;position:absolute}.home-empty__blob{border-radius:9999px;filter:blur(64px);opacity:.55;position:absolute}.home-empty__blob--1{background:rgb(var(--primary)/.55);height:14rem;left:-2rem;top:-3rem;width:14rem}.home-empty__blob--2{background:rgb(var(--color-accent)/.45);height:18rem;right:-4rem;top:20%;width:18rem}.home-empty__blob--3{background:rgb(var(--primary)/.35);bottom:-2rem;height:10rem;left:30%;width:10rem}.home-empty__blob--4{background:rgb(var(--color-accent)/.3);height:8rem;left:10%;top:40%;width:8rem}.home-empty__card{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgb(var(--navbar-bg)/.45);border:1px solid rgb(var(--color-search-border)/.35);border-radius:1.5rem;box-shadow:0 20px 60px -20px rgb(var(--primary)/.35);display:flex;flex-direction:column;max-width:36rem;padding:2.5rem 1.5rem;position:relative;text-align:center;width:100%;z-index:10}@media(min-width:640px){.home-empty__card{padding:3rem 2.5rem}}.home-empty__title{font-size:1.5rem;font-weight:700;line-height:2rem;margin-bottom:.5rem}@media(min-width:640px){.home-empty__title{font-size:1.875rem;line-height:2.25rem}}.home-empty__title{color:rgb(var(--navbar-foreground))}.home-empty__desc{font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;max-width:28rem}@media(min-width:640px){.home-empty__desc{font-size:1rem;line-height:1.5rem}}.home-empty__desc{color:rgb(var(--navbar-muted))}.home-empty__tip{align-items:flex-start;background:rgb(var(--primary)/.08);border:1px solid rgb(var(--primary)/.2);border-radius:.75rem;color:rgb(var(--navbar-foreground));display:flex;font-size:.875rem;gap:.75rem;line-height:1.25rem;margin-bottom:1.5rem;max-width:28rem;padding:.75rem 1rem;text-align:left;width:100%}.home-empty__tip-icon{font-size:1rem;line-height:1.5rem;line-height:1}.home-empty__tip-text{flex:1 1 0%;line-height:1.625}.home-empty__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem;width:100%}.home-empty__actions,.home-empty__primary{align-items:center}.home-empty__primary{background:rgb(var(--primary));border-radius:.75rem;box-shadow:0 8px 24px -8px rgb(var(--primary)/.6);color:rgb(var(--color-on-primary));display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;line-height:1.25rem;padding:.75rem 1.5rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.home-empty__primary:hover{box-shadow:0 12px 28px -8px rgb(var(--primary)/.7);transform:translateY(-1px)}.game-grid-container{padding:1rem .75rem;position:relative;width:100%;z-index:1}@media(min-width:768px){.game-grid-container{padding:1.5rem 1rem}}.game-grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:640px){.game-grid{gap:.75rem;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.game-grid{gap:.75rem;grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px){.game-grid{gap:1rem;grid-template-columns:repeat(8,minmax(0,1fr))}}@media(min-width:1280px){.game-grid{grid-template-columns:repeat(10,minmax(0,1fr))}}@media(min-width:1536px){.game-grid{grid-template-columns:repeat(12,minmax(0,1fr))}}.game-grid>li{animation:slideUp .5s ease-out both}.game-item{aspect-ratio:1/1;background-color:#ffffff1a;border-radius:12px;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.game-tile-link{display:block;position:relative;width:100%}.hot-badge{height:auto;left:-.5rem;pointer-events:none;position:absolute;top:-18px;transform-origin:center;width:25%;z-index:10;--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));animation:hot-badge-breathe 2.4s ease-in-out infinite;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);will-change:transform,opacity}.group:hover .hot-badge{animation-name:hot-badge-breathe-hover}@media(prefers-reduced-motion:reduce){.group:hover .hot-badge,.hot-badge{animation:none}}.game-cover-wrapper{aspect-ratio:1/1;border-radius:.75rem;height:100%;overflow:hidden;position:relative;width:100%;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);animation-duration:.3s;background:linear-gradient(135deg,rgb(var(--color-card)) 0,rgb(var(--color-card)/.8));transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.game-cover-wrapper,.group:hover .game-cover-wrapper{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .game-cover-wrapper{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.game-cover-wrapper:before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%,hsla(0,0%,100%,.1));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;pointer-events:none;position:absolute;transition:opacity .3s ease}.group:hover .game-cover-wrapper:before{opacity:1}.game-cover{animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1);width:100%}.group:hover .game-cover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cover-placeholder{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.cover-icon{color:rgba(var(--navbar-muted),.75);height:3rem;width:3rem}.game-item-overlay{animation-duration:.3s;background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.4) 50%,transparent);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:.75rem;position:absolute;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .game-item-overlay{opacity:1}.game-item-title{font-size:.875rem;font-weight:600;line-height:1.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-text-opacity:1;animation-duration:.3s;color:rgb(255 255 255/var(--tw-text-opacity,1));transform:translateY(8px);transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .game-item-title{transform:translateY(0)}.game-border-glow{animation-duration:.3s;border-radius:.75rem;box-shadow:inset 0 0 0 2px #ffffff4d,0 0 20px #ffffff26,0 0 40px #ffffff1a;inset:0;opacity:0;pointer-events:none;position:absolute;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group:hover .game-border-glow{opacity:1}.shine-wrapper{border-radius:.75rem;inset:0;overflow:hidden;pointer-events:none;position:absolute}.shine-effect{inset:0;overflow:hidden;position:absolute}.shine-effect:after{animation:shine-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),hsla(0,0%,100%,.35),hsla(0,0%,100%,.15),transparent);content:"";height:100%;left:-150%;position:absolute;top:0;transform:skew(-20deg);width:75%}@keyframes hot-badge-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes hot-badge-breathe-hover{0%,to{opacity:.9;transform:scale(1.08)}50%{opacity:1;transform:scale(1.16)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shine-sweep{0%{left:-150%}30%,to{left:150%}}