:root{--background:#fff;--text:#1a1a1a;--primary:#000;--secondary:#f5f5f5;--accent:#333;--card-bg:#fff;--card-border:#e0e0e0}[data-theme=dark]{--background:#1a1a1a;--text:#fff;--primary:#fff;--secondary:#2a2a2a;--accent:#f5f5f5;--card-bg:#2a2a2a;--card-border:#333}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s}body{background-color:#fff;background-color:var(--background);color:#1a1a1a;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.app{display:flex;flex-direction:column;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.app-header{margin-bottom:40px}.header-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#000,#333);background:linear-gradient(45deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.theme-toggle{background:none;border:none;border-radius:50%;color:#1a1a1a;color:var(--text);cursor:pointer;padding:8px;transition:background-color .3s}.theme-toggle:hover{background-color:#f5f5f5;background-color:var(--secondary)}.search-bar{display:flex;gap:10px;margin:0 auto;max-width:600px}.search-bar input{background-color:#fff;background-color:var(--card-bg);border:2px solid #e0e0e0;border:2px solid var(--card-border);border-radius:12px;color:#1a1a1a;color:var(--text);flex:1 1;font-size:16px;padding:12px 20px}.search-bar button{background-color:#000;background-color:var(--primary);border:none;border-radius:12px;color:#fff;color:var(--background);cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s}.search-bar button:hover{transform:scale(1.05)}.game-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px 0}.game-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #e0e0e0;border:1px solid var(--card-border);border-radius:16px;overflow:hidden;transition:transform .3s,box-shadow .3s}.game-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.game-card-image{height:200px;position:relative}.game-card-image img{height:100%;object-fit:cover;width:100%}.game-rating{align-items:center;background-color:#000c;border-radius:20px;color:#fff;display:flex;font-size:.9rem;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px}.game-info{padding:20px}.game-info h2{color:#1a1a1a;color:var(--text);font-size:1.2rem;margin:0 0 12px}.game-meta{margin-bottom:16px}.release-date{color:#333;color:var(--accent);display:block;font-size:.9rem;margin-bottom:8px}.game-genres{display:flex;flex-wrap:wrap;gap:8px}.genre-tag{background-color:#f5f5f5;background-color:var(--secondary);border-radius:20px;color:#1a1a1a;color:var(--text);font-size:.8rem;padding:4px 8px}.get-game-btn{align-items:center;background-color:#000;background-color:var(--primary);border:none;border-radius:8px;color:#fff;color:var(--background);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;text-decoration:none;transition:transform .2s;width:100%}.get-game-btn:hover{transform:scale(1.02)}.loading{padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f5f5f5;border-top:4px solid #000;border:4px solid var(--secondary);border-radius:50%;border-top-color:var(--primary);height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{border-top:1px solid #e0e0e0;border-top:1px solid var(--card-border);margin-top:auto;padding:20px 0;text-align:center}.footer p{align-items:center;display:flex;gap:8px;justify-content:center}.footer a{color:#1a1a1a;color:var(--text);font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.heart-icon{animation:beat 1s infinite;color:#f44}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.app{padding:16px}.header-content h1{font-size:2rem}.search-bar{flex-direction:column}.search-bar button,.search-bar input{width:100%}.game-list{gap:16px;grid-template-columns:1fr}.game-card-image{height:180px}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff;background-color:var(--card-bg);border-radius:16px;box-shadow:0 10px 25px #0003;max-width:400px;padding:2rem;position:relative;width:90%}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#1a1a1a;color:var(--text);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:1rem;top:1rem;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5;background-color:var(--secondary)}.modal-content h2{color:#1a1a1a;color:var(--text);font-size:1.5rem;margin:0 0 1rem}.modal-content p{color:#1a1a1a;color:var(--text);font-size:1.1rem;margin:0 0 1.5rem}.telegram-button{align-items:center;background-color:#08c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;text-decoration:none;transition:transform .2s,background-color .2s;width:100%}.telegram-button:hover{background-color:#0077b3;transform:scale(1.02)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.modal-content{padding:1.5rem;width:95%}}
/*# sourceMappingURL=main.2cc20ca6.css.map*/