:root{--primary:oklch(0.6 0.18 264);--bg-dark:oklch(0.1 0 264);--bg:oklch(0.2 0 264);--bg-light:oklch(0.3 0 264);--text:oklch(0.96 0 264);--text-muted:oklch(0.76 0 264);--shadow-s:inset 0 1px 3px #ffffff30,0 1px 2px #00000030,0 2px 3px #00000020;--shadow-m:inset 0 1px 2px #ffffff50,0 2px 4px #00000030,0 4px 8px #00000015;--shadow-l:inset 0 1px 2px #ffffff70,0 4px 6px #00000030,0 6px 10px #00000015}body{background-color:oklch(.1 0 264);background-color:var(--bg-dark);color:oklch(.96 0 264);color:var(--text);font-family:Inter,system-ui,sans-serif;margin:0}.App{margin:0 auto;max-width:1200px;padding:40px 20px}header{margin-bottom:40px;text-align:center}.controls{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:30px}.search-bar{background:oklch(.2 0 264);background:var(--bg);border:1px solid oklch(.3 0 264);border:1px solid var(--bg-light);border-radius:12px;box-shadow:inset 0 1px 3px #ffffff30,0 1px 2px #00000030,0 2px 3px #00000020;box-shadow:var(--shadow-s);color:oklch(.96 0 264);color:var(--text);font-size:1rem;max-width:500px;padding:14px 20px;width:100%}.filter-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.game-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.game-card{background:oklch(.2 0 264);background:var(--bg);border:1px solid oklch(.3 0 264);border:1px solid var(--bg-light);border-radius:16px;box-shadow:inset 0 1px 2px #ffffff50,0 2px 4px #00000030,0 4px 8px #00000015;box-shadow:var(--shadow-m);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover{border-color:oklch(.6 .18 264);border-color:var(--primary);box-shadow:inset 0 1px 2px #ffffff70,0 4px 6px #00000030,0 6px 10px #00000015;box-shadow:var(--shadow-l);transform:translateY(-5px)}.image-container{aspect-ratio:16/9;background:oklch(.3 0 264);background:var(--bg-light);overflow:hidden;position:relative;width:100%}.image-container img{height:100%;object-fit:cover;width:100%}.platform-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;left:10px}.platform-tag,.version-badge{border-radius:6px;color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;position:absolute;top:10px}.version-badge{background:oklch(.6 .18 264);background:var(--primary);box-shadow:0 2px 4px #0000004d;right:10px}.card-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.game-title{color:oklch(.96 0 264);color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 8px}.status-text{color:oklch(.76 0 264);color:var(--text-muted);font-size:.8rem;font-weight:500;margin-bottom:15px}.date-stack{font-size:.8rem;line-height:1.6;margin-bottom:20px}.highlight-date{color:oklch(.6 .18 264);color:var(--primary);font-weight:700}.button-group{background:oklch(.1 0 264);background:var(--bg-dark);border:1px solid oklch(.3 0 264);border:1px solid var(--bg-light);border-radius:12px;display:flex;gap:2px;padding:4px}.button-group button{background:#0000;border:none;border-radius:8px;color:oklch(.76 0 264);color:var(--text-muted);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:.2s}.button-group button.active{box-shadow:inset 0 1px 3px #ffffff30,0 1px 2px #00000030,0 2px 3px #00000020;box-shadow:var(--shadow-s);color:oklch(.6 .18 264);color:var(--primary)}.btn-link,.button-group button.active{background:oklch(.3 0 264);background:var(--bg-light)}.btn-link{border:1px solid #0000;border-radius:10px;color:oklch(.96 0 264);color:var(--text);display:block;font-size:.9rem;font-weight:600;margin-top:auto;padding:12px;text-align:center;text-decoration:none;transition:all .2s}.btn-link:hover{background:oklch(.6 .18 264);background:var(--primary);border-color:oklch(.6 .18 264);border-color:var(--primary);color:#fff}.source-tag{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff1a;border-radius:4px;bottom:10px;color:#fff;font-size:.65rem;font-weight:600;left:10px;padding:2px 8px;position:absolute}.pagination{align-items:center;border-top:1px solid oklch(.3 0 264);border-top:1px solid var(--bg-light);display:flex;gap:20px;justify-content:center;margin:50px 0;padding-top:20px}.pag-btn{background:oklch(.2 0 264);background:var(--bg);border:1px solid oklch(.3 0 264);border:1px solid var(--bg-light);border-radius:8px;color:oklch(.96 0 264);color:var(--text);cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.pag-btn:hover:not(:disabled){background:oklch(.6 .18 264);background:var(--primary);border-color:oklch(.6 .18 264);border-color:var(--primary);color:#fff}.pag-btn:disabled{cursor:not-allowed;opacity:.3}.page-numbers{color:oklch(.76 0 264);color:var(--text-muted);font-weight:600}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:5px}.logo-icon{background:oklch(.6 .18 264);background:var(--primary);border-radius:8px;box-shadow:inset 0 1px 2px #ffffff50,0 2px 4px #00000030,0 4px 8px #00000015;box-shadow:var(--shadow-m);color:#fff;font-size:1.5rem;font-weight:800;padding:5px 12px;transform:rotate(-3deg)}.logo-text{color:oklch(.96 0 264);color:var(--text);font-size:2.2rem;font-weight:800;letter-spacing:-1px}.logo-dot{color:oklch(.6 .18 264);color:var(--primary)}@media (max-width:600px){.logo-text{font-size:1.8rem}.logo-icon{font-size:1.2rem}}.dev-credit{color:oklch(.76 0 264);color:var(--text-muted);font-size:.8rem;letter-spacing:1px;margin-top:5px;text-transform:uppercase}.legal-banner{background:oklch(.2 0 264);background:var(--bg);border:1px solid oklch(.3 0 264);border:1px solid var(--bg-light);border-radius:16px;box-shadow:inset 0 1px 3px #ffffff30,0 1px 2px #00000030,0 2px 3px #00000020;box-shadow:var(--shadow-s);margin:20px auto 40px;max-width:900px;padding:25px}.legal-content h3{color:oklch(.6 .18 264);color:var(--primary);font-size:1rem;font-weight:800;margin-bottom:15px;text-align:center;text-transform:uppercase}.legal-content p{color:oklch(.76 0 264);color:var(--text-muted);font-size:.85rem;line-height:1.6;margin-bottom:12px;text-align:justify}.trademark-fineprint{border-top:1px solid oklch(.3 0 264);border-top:1px solid var(--bg-light);font-size:.75rem!important;opacity:.6;padding-top:15px;text-align:center!important}.simple-footer{color:oklch(.76 0 264);color:var(--text-muted);font-size:.8rem;padding:40px;text-align:center}
/*# sourceMappingURL=main.68f71e3c.css.map*/