.sp-background{inset:0;position:fixed;z-index:0}.sp-background-image{animation-duration:1s;background-position:50%;background-size:cover;inset:0;position:absolute;transition-duration:1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-background-blur{inset:0;position:absolute;--tw-backdrop-blur:blur(80px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sp-background-gradient{inset:0;--tw-gradient-from:rgb(var(--color-qph-search-bg)/.9) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgb(var(--color-qph-search-bg)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgb(var(--color-qph-search-bg)/.6) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:rgb(var(--color-qph-search-bg)/.95) var(--tw-gradient-to-position)}.sp-background-gradient,.sp-background-shine{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));position:absolute}.sp-background-shine{height:300px;left:0;right:0;top:0;--tw-gradient-from:rgb(var(--color-qph-shine)/1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--color-qph-shine)/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.sp-content{position:relative;z-index:10}.sp-header{background-color:rgb(var(--color-qph-search-bg)/.7);border-bottom-width:1px;border-color:#ffffff0d;position:sticky;top:0;z-index:50;--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sp-header-container{margin-left:auto;margin-right:auto;max-width:80rem;padding:.625rem .75rem}@media(min-width:768px){.sp-header-container{padding:.75rem 1rem}}.sp-header-row{display:flex;flex-direction:column;gap:.5rem}@media(min-width:768px){.sp-header-row{align-items:center;flex-direction:row;gap:1rem;justify-content:space-between}}.sp-logo{display:flex;justify-content:center}@media(min-width:768px){.sp-logo{flex-shrink:0}}.sp-logo-img{height:32px;width:auto}@media(min-width:768px){.sp-logo-img{height:44px}}.sp-form{align-items:center;display:flex;gap:.5rem}.sp-input-container{align-items:center;animation-duration:.2s;border-radius:.375rem;border-width:1px;display:flex;flex:1 1 0%;height:2.75rem;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-icon-btn{cursor:pointer;flex-shrink:0;padding:0}.sp-icon-btn,.sp-input{background-color:transparent;border-style:none}.sp-input{flex:1 1 0%;font-size:.875rem;line-height:1.25rem;margin-left:.75rem;margin-right:.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));outline:2px solid transparent;outline-offset:2px}.sp-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(159 176 214/var(--tw-text-opacity,1))}.sp-input::placeholder{--tw-text-opacity:1;color:rgb(159 176 214/var(--tw-text-opacity,1))}.sp-input:focus{outline:2px solid transparent;outline-offset:2px}.sp-category-bar{background-color:rgb(var(--color-qph-search-bg)/.5);border-bottom-width:1px;border-color:#ffffff0d;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.sp-category-bar-container{margin-left:auto;margin-right:auto;max-width:80rem;padding:.625rem .75rem}@media(min-width:768px){.sp-category-bar-container{padding:.75rem 1rem}}.sp-category-scroll-row{align-items:center;display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.125rem;-ms-overflow-style:none;scrollbar-width:none}.sp-category-scroll-row::-webkit-scrollbar{display:none}.sp-category-label{color:#fff6;display:none;flex-shrink:0;font-size:.875rem;line-height:1.25rem;padding-right:.25rem}@media(min-width:640px){.sp-category-label{display:block}}@media(min-width:768px){.sp-category-label{padding-right:.5rem}}.sp-category-chip{animation-duration:.2s;border-radius:9999px;flex-shrink:0;font-size:.75rem;font-weight:500;line-height:1rem;padding:.375rem .75rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media(min-width:768px){.sp-category-chip{font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem}}.sp-category-chip-active{--tw-bg-opacity:1;background-color:rgb(var(--color-qph-primary)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-qph-search-bg)/var(--tw-text-opacity,1))}.sp-category-chip-default{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--color-qph-tag-border)/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--color-qph-tag-bg)/var(--tw-bg-opacity,1));color:#fff9}.sp-category-chip-default:hover{background-color:#ffffff1a;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sp-main{margin-left:auto;margin-right:auto;max-width:80rem;padding:1rem .75rem}@media(min-width:768px){.sp-main{padding:1.5rem 1rem}}.sp-results-header{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between;margin-bottom:1rem}@media(min-width:640px){.sp-results-header{align-items:center;flex-direction:row}}@media(min-width:768px){.sp-results-header{margin-bottom:1.5rem}}.sp-results-header-row{align-items:center;display:flex;gap:.5rem}@media(min-width:768px){.sp-results-header-row{gap:.75rem}}.sp-results-title{font-size:1.125rem;font-weight:700;line-height:1.75rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:768px){.sp-results-title{font-size:1.5rem;line-height:2rem}}.sp-results-count-badge{background-color:#ffffff0f;border-radius:9999px;color:#ffffff80;font-size:.75rem;line-height:1rem;padding:.125rem .5rem}@media(min-width:768px){.sp-results-count-badge{font-size:.875rem;line-height:1.25rem;padding:.25rem .75rem}}.sp-view-controls{align-items:center;display:flex;gap:.75rem}.sp-view-toggle-container{align-items:center;background-color:#ffffff0f;border-color:#ffffff1a;border-radius:.5rem;border-width:1px;display:flex;padding:.25rem}.sp-view-toggle-btn{border-radius:.375rem;padding:.5rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-view-toggle-btn-active{--tw-bg-opacity:1;background-color:rgb(var(--color-qph-primary)/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--color-qph-search-bg)/var(--tw-text-opacity,1))}.sp-view-toggle-btn-inactive{color:#fff6}.sp-view-toggle-btn-inactive:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sp-sort-dropdown{position:relative}.sp-sort-btn{align-items:center;border-radius:.5rem;border-width:1px;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.5rem 1rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-sort-btn-active{background-color:rgb(var(--color-qph-primary)/.2);border-color:rgb(var(--color-qph-primary)/.5);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sp-sort-btn-default{background-color:#ffffff0f;border-color:#ffffff1a;color:#ffffffb3}.sp-sort-btn-default:hover{background-color:#ffffff1a;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sp-sort-dropdown-menu{border-color:#ffffff1a;border-radius:.75rem;border-width:1px;margin-top:.5rem;position:absolute;right:0;width:11rem;z-index:20;--tw-bg-opacity:1;background-color:rgb(var(--color-qph-search-bg)/var(--tw-bg-opacity,1));padding-bottom:.5rem;padding-top:.5rem;--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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sp-sort-dropdown-item{align-items:center;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;padding:.5rem 1rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.sp-sort-dropdown-item-active{background-color:rgb(var(--color-qph-primary)/.1);--tw-text-opacity:1;color:rgb(var(--color-qph-primary)/var(--tw-text-opacity,1))}.sp-sort-dropdown-item-default{color:#ffffffb3}.sp-sort-dropdown-item-default:hover{background-color:#ffffff0d;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.sp-game-grid-container,.sp-skeleton-grid{display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.sp-game-grid-container,.sp-skeleton-grid{gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:768px){.sp-game-grid-container,.sp-skeleton-grid{gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.sp-game-grid-container,.sp-skeleton-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:1280px){.sp-game-grid-container,.sp-skeleton-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@keyframes pulse{50%{opacity:.5}}.sp-skeleton-item{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.sp-skeleton-cover{aspect-ratio:3/4;background-color:#ffffff0d;border-radius:1rem;margin-bottom:.75rem}.sp-skeleton-title{height:1rem;margin-bottom:.5rem;width:80%}.sp-skeleton-subtitle,.sp-skeleton-title{background-color:#ffffff0d;border-radius:.5rem;margin-left:auto;margin-right:auto}.sp-skeleton-subtitle{height:.75rem;width:50%}.sp-list-container{margin-top:1rem}.sp-list-container>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.sp-empty-state{padding-bottom:3rem;padding-top:3rem}@media(min-width:768px){.sp-empty-state{padding-bottom:5rem;padding-top:5rem}}@media(min-width:1024px){.sp-empty-state{padding-bottom:8rem;padding-top:8rem}}.sp-empty-state-content{margin-left:auto;margin-right:auto;max-width:28rem;padding-left:1rem;padding-right:1rem;text-align:center}.sp-empty-state-icon{align-items:center;background-color:#ffffff0d;border-radius:1rem;display:flex;height:4rem;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:4rem}@media(min-width:768px){.sp-empty-state-icon{border-radius:1.5rem;height:6rem;margin-bottom:1.5rem;width:6rem}}.sp-empty-state-title{font-size:1.125rem;font-weight:700;line-height:1.75rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:768px){.sp-empty-state-title{font-size:1.25rem;line-height:1.75rem;margin-bottom:.75rem}}.sp-empty-state-desc{color:#ffffff80;margin-bottom:2rem}.sp-empty-state-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.sp-empty-state-tag{background-color:#ffffff0f;border-color:#ffffff1a;border-radius:9999px;border-width:1px;color:#fff9;font-size:.75rem;font-weight:500;line-height:1rem;padding:.375rem .75rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.sp-empty-state-tag:hover{background-color:rgb(var(--color-qph-primary)/.2);border-color:rgb(var(--color-qph-primary)/.3);--tw-text-opacity:1;color:rgb(var(--color-qph-primary)/var(--tw-text-opacity,1))}@media(min-width:768px){.sp-empty-state-tag{font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem}}.sp-card-animate{animation:spFadeUp .4s ease-out backwards}@keyframes spFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sp-scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.sp-scrollbar-hide::-webkit-scrollbar{display:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}