:root{--primary: #f59e0b;--primary-dark: #d97706;--secondary: #8b5cf6;--bg-dark: #1f2937;--bg-darker: #111827;--bg-card: #374151;--text-primary: #f9fafb;--text-secondary: #9ca3af;--success: #22c55e;--error: #ef4444;--rarity-common: #9ca3af;--rarity-uncommon: #22c55e;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--rarity-mythic: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,var(--bg-darker) 0%,var(--bg-dark) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#0000004d;padding:15px 0;margin-bottom:30px;border-radius:15px}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:10px}.user-info{display:flex;align-items:center;gap:15px}.username{color:var(--text-secondary)}.btn{padding:12px 24px;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:var(--primary);color:var(--bg-darker)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary)}.btn-secondary:hover{background:#4b5563}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border-radius:15px;padding:20px;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--text-secondary)}.form-group input{width:100%;padding:12px 16px;border:2px solid transparent;border-radius:10px;background:var(--bg-dark);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.error-message{color:var(--error);font-size:.9rem;margin-top:10px}.success-message{color:var(--success);font-size:.9rem;margin-top:10px}.coins-display{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:15px;padding:25px;text-align:center;margin-bottom:25px;box-shadow:0 4px 15px #f59e0b4d}.coins-amount{font-size:3rem;font-weight:700;color:var(--bg-darker);display:flex;align-items:center;justify-content:center;gap:10px}.coins-per-second{color:var(--bg-darker);opacity:.8;margin-top:5px}.click-area{text-align:center;margin:30px 0}.big-cat-button{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--secondary) 0%,#7c3aed 100%);border:none;cursor:pointer;font-size:100px;display:flex;align-items:center;justify-content:center;margin:0 auto;transition:transform .1s,box-shadow .2s;box-shadow:0 8px 30px #8b5cf666}.big-cat-button:hover{transform:scale(1.05)}.big-cat-button:active{transform:scale(.95)}.click-power{margin-top:15px;color:var(--text-secondary)}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tabs{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.tab{padding:12px 24px;background:var(--bg-card);border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .2s}.tab.active{background:var(--primary);color:var(--bg-darker)}.tab:hover:not(.active){background:#4b5563}.cat-card{background:var(--bg-dark);border-radius:15px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.cat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.cat-card.owned{border-color:var(--success)}.cat-emoji{font-size:60px}.cat-name{font-size:1.2rem;font-weight:700}.cat-rarity{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.cat-stats{color:var(--text-secondary);font-size:.9rem}.cat-price{font-weight:700;color:var(--primary)}.cat-price.owned{color:var(--success)}.upgrade-card{background:var(--bg-dark);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:10px}.upgrade-header{display:flex;justify-content:space-between;align-items:center}.upgrade-name{font-weight:700;font-size:1.1rem}.upgrade-level{background:var(--secondary);padding:4px 12px;border-radius:20px;font-size:.8rem}.upgrade-description{color:var(--text-secondary);font-size:.9rem}.upgrade-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.upgrade-price{font-weight:700;color:var(--primary)}.upgrade-effect{color:var(--success);font-size:.9rem}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:15px;text-align:left;border-bottom:1px solid var(--bg-dark)}.leaderboard-table th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.85rem}.leaderboard-table tr:hover{background:#ffffff0d}.leaderboard-rank{width:40px;height:40px;border-radius:50%;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;font-weight:700}.leaderboard-rank.gold{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--bg-darker)}.leaderboard-rank.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:var(--bg-darker)}.leaderboard-rank.bronze{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff}.farm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:15px}.farm-cat{width:80px;height:80px;background:var(--bg-dark);border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;transition:transform .2s;position:relative}.farm-cat:hover{transform:scale(1.1)}.farm-cat-name{position:absolute;bottom:-20px;font-size:.7rem;color:var(--text-secondary);white-space:nowrap}.empty-slot{border:2px dashed var(--bg-card);font-size:30px;opacity:.5}@media (max-width: 768px){.container{padding:10px}.coins-amount{font-size:2rem}.big-cat-button{width:150px;height:150px;font-size:70px}.header-content{flex-direction:column;gap:15px}.tabs{justify-content:center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.floating{animation:float 3s ease-in-out infinite}.pulsing{animation:pulse 1.5s ease-in-out infinite}.hidden{display:none!important}