.game-card-wrapper[data-v-d0070b31]{animation:borderGlow-d0070b31 3s ease-in-out infinite;background:linear-gradient(135deg,rgb(var(--primary)) 0,rgb(var(--accent)))}@keyframes borderGlow-d0070b31{0%,to{opacity:.5}50%{opacity:.8}}.group:hover .game-card-wrapper[data-v-d0070b31]{animation:borderGlowHover-d0070b31 1.5s ease-in-out infinite}@keyframes borderGlowHover-d0070b31{0%,to{box-shadow:0 4px 12px rgba(var(--primary),.2);opacity:.7}50%{box-shadow:0 6px 20px rgba(var(--primary),.35);opacity:1}}.line-clamp-1[data-v-d0070b31]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-clamp:1;overflow:hidden}.search-page{background-color:rgb(var(--navbar));min-height:100vh;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.search-hero{padding-bottom:2rem;padding-top:2rem;text-align:center}@media(min-width:768px){.search-hero{padding-bottom:3rem;padding-top:3rem}}.search-title{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;line-height:2rem;line-height:1.25;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media(min-width:768px){.search-title{font-size:2.25rem;line-height:2.5rem}}.search-subtitle{color:#fff9;font-size:.875rem;line-height:1.25rem;margin-left:auto;margin-right:auto;margin-top:.5rem;max-width:42rem}@media(min-width:768px){.search-subtitle{font-size:1rem;line-height:1.5rem}}.search-form{display:flex;flex-direction:column;gap:.5rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;max-width:36rem;width:100%}@media(min-width:640px){.search-form{flex-direction:row}}.search-input-wrapper{flex:1 1 0%;position:relative}.search-icon{height:1rem;left:.875rem;pointer-events:none;position:absolute;top:50%;width:1rem;--tw-translate-y:-50%;color:#ffffff80;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))}.search-input{background-color:#ffffff1a;border-color:#fff3;border-radius:.75rem;border-width:1px;font-size:.875rem;line-height:1.25rem;padding:.75rem 1rem .75rem 2.5rem;width:100%;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-input::-moz-placeholder{color:#fff6}.search-input::placeholder{color:#fff6}.search-input:focus{border-color:rgb(var(--primary)/.5);outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--primary)/.5)}.search-button{align-items:center;background-color:rgb(var(--primary));border-radius:.75rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25rem;padding:.75rem 1.5rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.search-button:hover{background-color:#ffffffe6}.search-button:active{--tw-scale-x:.98;--tw-scale-y:.98;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))}.search-results{margin-top:1rem}.results-header{justify-content:space-between;margin-bottom:.5rem;padding:1rem .25rem}.results-header,.results-title-group{align-items:center;display:flex}.results-title-group{gap:.625rem}.results-icon{color:rgb(var(--primary));flex-shrink:0;height:1.25rem;width:1.25rem}.results-title{font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1.25}.results-count,.results-title{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.results-count{align-items:center;background-color:#ffffff26;border-color:#fff3;border-radius:9999px;border-width:1px;display:inline-flex;font-size:11px;font-weight:500;line-height:1;padding:.125rem .5rem}.results-divider{background-image:linear-gradient(to right,var(--tw-gradient-stops));flex:1 1 0%;height:1px;margin-left:1rem;margin-right:1rem;--tw-gradient-from:hsla(0,0%,100%,.3) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.2) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position)}.games-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:640px){.games-grid{gap:1.25rem}}@media(min-width:768px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.loading-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}@media(min-width:640px){.loading-grid{gap:1.25rem}}@media(min-width:768px){.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@keyframes pulse{50%{opacity:.5}}.loading-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton-image{aspect-ratio:1/1;border-radius:.75rem;margin-bottom:.5rem}.skeleton-image,.skeleton-title{background-color:#ffffff1a}.skeleton-title{border-radius:.25rem;height:.75rem;width:75%}.skeleton-subtitle{background-color:#ffffff0d;border-radius:.25rem;height:.625rem;margin-top:.375rem;width:50%}.empty-state{padding-bottom:3rem;padding-top:3rem;text-align:center}@media(min-width:768px){.empty-state{padding-bottom:4rem;padding-top:4rem}}.empty-icon{align-items:center;background-color:#ffffff1a;border-color:#ffffff26;border-radius:1rem;border-width:1px;display:flex;height:5rem;justify-content:center;margin-bottom:1.25rem;margin-left:auto;margin-right:auto;width:5rem}.empty-title{font-size:1.25rem;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){.empty-title{font-size:1.5rem;line-height:2rem}}.empty-description{color:#fff9;font-size:.875rem;line-height:1.25rem;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:28rem}@media(min-width:768px){.empty-description{font-size:1rem;line-height:1.5rem}}.back-button{align-items:center;background-color:rgb(var(--primary));border-radius:.75rem;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.25rem;padding:.75rem 1.5rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.back-button:hover{background-color:#fff3}.back-button:active{--tw-scale-x:.98;--tw-scale-y:.98;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))}