:root{--space-xs: .309rem;--space-sm: .5rem;--space-md: .809rem;--space-lg: 1.309rem;--space-xl: 2.118rem;--space-2xl: 3.427rem;--text-xs: .75rem;--text-sm: .809rem;--text-base: 1rem;--text-lg: 1.309rem;--text-xl: 1.618rem;--text-2xl: 2.118rem;--text-3xl: 2.618rem;--radius-sm: .309rem;--radius-md: .5rem;--radius-lg: .809rem;--radius-xl: 1.309rem;--slate-950: #0a0e17;--slate-900: #0f1419;--slate-850: #1a1f28;--slate-800: #252b35;--slate-750: #2f3642;--slate-700: #3a424e;--slate-600: #4a5462;--slate-500: #5c6675;--slate-400: #798594;--slate-300: #9ba5b4;--steam-500: #5fa8f3;--steam-600: #4a9ae8;--steam-700: #3a8bd9;--steam-accent: #7bb5f5;--green-500: #34d399;--red-500: #f87171;--amber-500: #fbbf24;--purple-500: #a78bfa}*{box-sizing:border-box}body{margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.618;background:linear-gradient(135deg,var(--slate-950) 0%,#0d1117 100%);background-attachment:fixed;color:var(--slate-300);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:500;line-height:1.236;letter-spacing:-.02em}button{position:relative;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--text-sm);font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}button:has(.lucide){padding-left:calc(var(--space-md) - .125rem)}button .lucide+span,button span+.lucide{margin-left:var(--space-xs)}.card{background:linear-gradient(135deg,var(--slate-850) 0%,var(--slate-800) 100%);border:1px solid var(--slate-700);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001f}.card-content{padding:var(--space-md)}.card-content>*:first-child{margin-top:-.2em}input,textarea{padding:var(--space-md) var(--space-lg);font-family:inherit;font-size:var(--text-sm);line-height:1.309;background:var(--slate-800);border:1px solid var(--slate-700);border-radius:var(--radius-md);color:inherit;transition:all .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--steam-500);box-shadow:0 0 0 3px #1e88e51a}.grid{display:grid;gap:var(--space-md)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.games-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}@media (min-width: 600px){.games-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.games-grid{grid-template-columns:repeat(4,1fr)}}.games-grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.space-y-xs>*+*{margin-top:var(--space-xs)}.space-y-sm>*+*{margin-top:var(--space-sm)}.space-y-md>*+*{margin-top:var(--space-md)}.space-y-lg>*+*{margin-top:var(--space-lg)}.space-y-xl>*+*{margin-top:var(--space-xl)}.space-x-xs>*+*{margin-left:var(--space-xs)}.space-x-sm>*+*{margin-left:var(--space-sm)}.space-x-md>*+*{margin-left:var(--space-md)}.space-x-lg>*+*{margin-left:var(--space-lg)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}::-webkit-scrollbar{width:var(--space-sm);height:var(--space-sm)}::-webkit-scrollbar-track{background:var(--slate-900);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:var(--radius-sm);border:2px solid var(--slate-900)}::-webkit-scrollbar-thumb:hover{background:var(--slate-600)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:2rem;height:2rem;border:2px solid var(--slate-700);border-top-color:var(--steam-500);border-radius:50%;animation:spin 1s linear infinite}::selection{background:#1e88e533;color:#fff}*:focus-visible{outline:2px solid var(--steam-500);outline-offset:2px}button:focus-visible{outline:2px solid var(--steam-500);outline-offset:2px;box-shadow:0 0 0 4px #1e88e51a}input:focus-visible{outline:2px solid var(--steam-500);outline-offset:-2px}a:focus-visible{outline:2px solid var(--steam-500);outline-offset:2px;border-radius:var(--radius-md)}.bg-primary,.bg-steam-600{background-color:var(--steam-600)}.bg-steam-700{background-color:var(--steam-700)}.bg-surface{background-color:var(--slate-850)}.bg-surface-raised{background-color:var(--slate-800)}.text-primary,.text-steam-500{color:var(--steam-500)}.text-secondary{color:var(--slate-400)}.text-muted{color:var(--slate-500)}.border-subtle{border-color:var(--slate-700)}.border-muted{border-color:var(--slate-800)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0000004d,0 0 0 1px #5fa8f333}.card:hover{border-color:var(--steam-500);box-shadow:0 4px 12px #5fa8f326,0 0 0 1px #5fa8f31a;transform:translateY(-1px)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #0003}button:active:not(:disabled){transform:translateY(0)}[title]{cursor:help}.cursor-help:hover{color:var(--slate-300)}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-xl) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.game-card-enter{animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) both}.game-card-enter:nth-child(1){animation-delay:.03s}.game-card-enter:nth-child(2){animation-delay:.06s}.game-card-enter:nth-child(3){animation-delay:.09s}.game-card-enter:nth-child(4){animation-delay:.12s}.game-card-enter:nth-child(5){animation-delay:.15s}.game-card-enter:nth-child(6){animation-delay:.18s}.game-card-enter:nth-child(7){animation-delay:.21s}.game-card-enter:nth-child(8){animation-delay:.24s}@media (min-width: 768px){:root{--text-base: 1.125rem;--text-lg: 1.5rem;--text-xl: 1.875rem;--text-2xl: 2.25rem;--text-3xl: 3rem}}