body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.notification{align-items:flex-start;animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0003;color:#fff;display:flex;font-family:Poppins,sans-serif;gap:12px;margin-bottom:12px;max-width:400px;min-width:320px;overflow:hidden;padding:16px 20px;position:relative}.notification:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.notification--success{background:linear-gradient(135deg,#4caf50e6,#388e3ce6);border-color:#4caf5080}.notification--error{background:linear-gradient(135deg,#f44336e6,#d32f2fe6);border-color:#f4433680}.notification--warning{background:linear-gradient(135deg,#ff9800e6,#f57c00e6);border-color:#ff980080}.notification--info{background:linear-gradient(135deg,#2196f3e6,#1976d2e6);border-color:#2196f380}.notification__icon{flex-shrink:0;font-size:1.5rem;margin-top:2px}.notification__content{flex:1 1}.notification__title{font-size:1rem;font-weight:600;margin-bottom:4px;text-shadow:1px 1px 2px #0000004d}.notification__message{font-size:.9rem;line-height:1.4;opacity:.9;text-shadow:1px 1px 2px #0003}.notification__close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;opacity:.7;padding:0;transition:all .2s ease;width:24px}.notification__close:hover{background:#fff3;opacity:1;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.notification-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.notification-container .notification{pointer-events:all}@media (max-width:768px){.notification-container{left:10px;right:10px;top:10px}.notification{margin-bottom:8px;max-width:none;min-width:auto}.notification__title{font-size:.95rem}.notification__message{font-size:.85rem}}.theme-toggle{background:none;border:none;cursor:pointer;height:30px;padding:0;position:relative;width:60px}.theme-toggle__track{background:linear-gradient(135deg,gold,#ffed4e);background:var(--toggle-track-bg);border:2px solid #ffd7004d;border:2px solid var(--toggle-border);border-radius:15px;box-shadow:inset 0 2px 4px #0000001a;height:100%;position:relative;transition:all .3s ease;width:100%}.theme-toggle__thumb{align-items:center;background:#fff;background:var(--toggle-thumb-bg);border-radius:50%;box-shadow:0 2px 8px #0003;display:flex;height:22px;justify-content:center;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}[data-theme=dark] .theme-toggle__thumb{transform:translateX(30px)}.theme-toggle__icon{font-size:12px;transition:all .3s ease}.theme-toggle:hover .theme-toggle__track{transform:scale(1.05)}.theme-toggle:active .theme-toggle__track{transform:scale(.95)}:root{--toggle-track-bg:linear-gradient(135deg,gold,#ffed4e);--toggle-thumb-bg:#fff;--toggle-border:#ffd7004d}[data-theme=dark]{--toggle-track-bg:linear-gradient(135deg,#2d3748,#4a5568);--toggle-thumb-bg:#1a202c;--toggle-border:#ffffff1a}@media (max-width:768px){.theme-toggle{height:25px;width:50px}.theme-toggle__thumb{height:19px;width:19px}[data-theme=dark] .theme-toggle__thumb{transform:translateX(25px)}.theme-toggle__icon{font-size:10px}}.language-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--btn-secondary-bg);border:1px solid var(--border-light);border-radius:20px;display:flex;padding:2px}.lang-btn{background:none;border:none;border-radius:18px;color:var(--lang-btn-text);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.lang-btn:hover{background:var(--btn-hover-bg);color:var(--lang-btn-hover-text)}.lang-btn.active{background:var(--btn-primary-bg);box-shadow:0 2px 8px #667eea4d;color:var(--btn-primary-text)}@media (max-width:768px){.lang-btn{font-size:.75rem;padding:4px 8px}}.auth-container{align-items:center;background:var(--app-gradient);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--auth-bg);border:1px solid var(--border-light);border-radius:25px;box-shadow:var(--shadow-xl);color:var(--auth-text);max-width:500px;padding:50px;position:relative;width:100%}.auth-controls-top{align-items:center;display:flex;gap:10px;position:absolute;right:20px;top:20px;z-index:10}.auth-header{margin-bottom:40px;text-align:center}.auth-logo{flex-direction:column;gap:15px;margin-bottom:25px}.auth-logo,.logo-emoji{align-items:center;display:flex}.logo-emoji{animation:logoFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px #667eea4d;font-size:4rem;height:80px;justify-content:center;width:80px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.auth-header h1,.auth-header h2{font-family:Poppins,sans-serif;margin:0}.auth-header h2{color:var(--text-secondary);font-size:1.8rem;font-weight:600}.form-group{margin-bottom:25px}.form-group label{color:var(--text-primary);font-size:1.1rem;margin-bottom:10px}.form-group input{background:var(--auth-input-bg);border:2px solid var(--auth-input-border);border-radius:15px;box-sizing:border-box;color:var(--auth-text);font-family:Poppins,sans-serif;font-size:1.1rem;padding:15px 20px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--auth-input-focus);box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin-bottom:25px;padding:18px 20px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{text-align:center}.test-user-section{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:10px;margin-bottom:20px;padding:15px}.test-user-btn{background:linear-gradient(135deg,#ffc107,#ff8f00);border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin-bottom:8px;padding:10px 20px;transition:all .3s ease}.test-user-btn:hover:not(:disabled){box-shadow:0 4px 12px #ffc10766;transform:translateY(-2px)}.test-user-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.test-user-section small{color:var(--text-tertiary);display:block;font-size:.75rem;margin-top:5px}.auth-footer p{color:var(--text-secondary);margin:0}.toggle-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:700;margin-left:5px;text-decoration:underline}.toggle-btn:hover{color:#764ba2}@media (max-width:480px){.auth-container{padding:10px}.auth-form{padding:30px 20px}.auth-controls-top{gap:12px;justify-content:center;margin-bottom:20px;position:static}.auth-header h1{font-size:2.2rem}.auth-header h2{font-size:1.6rem}.logo-emoji{font-size:3.5rem;height:70px;width:70px}.auth-form{max-width:380px;padding:30px 20px}.logo-emoji{font-size:3rem;height:60px;width:60px}.auth-header h1{font-size:2rem}.auth-header h2{font-size:1.4rem}.form-group input{font-size:1rem;padding:12px 16px}.submit-btn{font-size:1.1rem;padding:15px 18px}.auth-controls-top{gap:8px;justify-content:center;margin-bottom:15px;position:static}}.dev-panel-toggle{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:25px;bottom:20px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:12px 20px;position:fixed;right:20px;transition:all .3s ease;z-index:9999}.dev-panel-toggle:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.dev-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:15px;bottom:80px;box-shadow:var(--shadow-xl);color:var(--text-primary);font-family:Poppins,sans-serif;max-height:70vh;overflow-y:auto;padding:20px;position:fixed;right:20px;width:350px;z-index:9998}.dev-panel-header{border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:15px;text-align:center}.dev-panel-header h3{color:var(--text-primary);font-weight:700;margin:0 0 5px}.dev-panel-header p{color:var(--text-secondary);font-size:.9rem;margin:0}.dev-stats{margin-bottom:20px}.stat-control{margin-bottom:15px}.stat-control label{color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.stat-control-row{align-items:center;display:flex;gap:8px;justify-content:center}.stat-btn{background:var(--btn-secondary-bg);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:600;min-width:35px;padding:6px 10px;transition:all .2s ease}.stat-btn:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.stat-btn:disabled{cursor:not-allowed;opacity:.5}.stat-btn.decrease,.stat-btn.decrease-small{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-color:#0000;color:#fff}.stat-btn.increase,.stat-btn.increase-small{background:linear-gradient(135deg,#51cf66,#40c057);border-color:#0000;color:#fff}.stat-value{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);font-weight:700;min-width:40px;padding:6px 12px;text-align:center}.dev-actions{margin-bottom:20px}.dev-actions-group{margin-bottom:15px}.dev-actions-group h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0 0 10px}.dev-actions-row{display:flex;flex-wrap:wrap;gap:8px}.dev-action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;min-width:80px;padding:8px 12px;transition:all .2s ease}.dev-action-btn:hover:not(:disabled){box-shadow:0 3px 10px #0003;transform:translateY(-1px)}.dev-action-btn:disabled{cursor:not-allowed;opacity:.6}.dev-action-btn.success{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.dev-action-btn.danger{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.dev-action-btn.info{background:linear-gradient(135deg,#339af0,#228be6);color:#fff}.dev-info{border-top:1px solid var(--border-light);padding-top:15px}.dev-info h4{color:var(--text-secondary);font-size:.9rem;font-weight:600;margin:0 0 10px}.dev-info-grid{grid-gap:5px;color:var(--text-secondary);display:grid;font-size:.8rem;gap:5px}.dev-info-grid strong{color:var(--text-primary)}.coin-controls{display:flex;flex-direction:column;gap:10px}.coin-input-row{align-items:center;display:flex;gap:10px}.coin-input{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;min-width:80px;padding:8px 12px}.coin-input:focus{border-color:gold;box-shadow:0 0 0 2px #ffd70033;outline:none}.current-balance{background:#ffd7001a;border:1px solid #ffd7004d;border-radius:6px;color:var(--text-secondary);font-size:.85rem;padding:8px;text-align:center}.current-balance strong{color:gold;font-weight:700}.dev-panel::-webkit-scrollbar{width:6px}.dev-panel::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:3px}.dev-panel::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.dev-panel::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.dev-panel-toggle{bottom:15px;font-size:.8rem;padding:10px 16px;right:15px}.dev-panel{bottom:60px;left:15px;max-height:60vh;right:15px;width:auto}.stat-control-row{gap:6px}.stat-btn{font-size:.75rem;min-width:30px;padding:5px 8px}.dev-actions-row{gap:6px}.dev-action-btn{font-size:.75rem;min-width:70px;padding:6px 10px}}[data-theme=dark] .dev-panel-toggle{background:linear-gradient(135deg,#ff7979,#fd79a8)}[data-theme=dark] .dev-panel{background:#16213ef2;border-color:#ffffff1a}.achievements-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.achievements-modal{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:900px;overflow:hidden;padding:30px;width:100%}.achievements-header{border-bottom:2px solid var(--border-light);margin-bottom:25px;padding-bottom:20px;position:relative}.achievements-title{margin-bottom:15px}.achievements-header .close-btn{position:absolute;right:-19px;top:-24px}.achievements-title h2{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin:0}.close-btn{color:var(--text-secondary)}.close-btn:hover{background:var(--btn-secondary-bg);color:var(--text-primary)}.achievements-stats{display:flex;gap:30px;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.achievements-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:25px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:var(--text-secondary);font-weight:600}.filter-group label,.filter-select{font-family:Poppins,sans-serif;font-size:.9rem}.filter-select{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:8px 12px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-toggle{background:var(--btn-secondary-bg);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 12px;position:relative;transition:all .3s ease}.filter-toggle:hover{background:#ffd7001a;border-color:#ffd7004d}.filter-toggle.active{background:linear-gradient(135deg,gold,#ffb300);border-color:gold;color:#333}.unclaimed-badge{align-items:center;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.achievements-content{flex:1 1;overflow-y:auto;padding:10px}.achievements-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.achievement-card{background:var(--bg-tertiary);border-radius:15px;overflow:hidden;padding:20px;position:relative}.achievement-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.achievement-card.completed{background:linear-gradient(135deg,#4caf501a 0,var(--bg-tertiary) 100%)}.achievement-card.completed:before{content:"✅";font-size:1.2rem;position:absolute;right:10px;top:10px}.achievement-card.legendary{border-color:#ff9800;box-shadow:0 0 20px #ff98004d}.achievement-card.epic{border-color:#9c27b0;box-shadow:0 0 15px #9c27b033}.achievement-card.rare{border-color:#2196f3}.achievement-icon{font-size:3rem;margin-bottom:15px;text-align:center}.achievement-info{text-align:center}.achievement-header{margin-bottom:10px}.achievement-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;margin:0 0 5px}.achievement-rarity{font-family:Poppins,sans-serif;font-size:.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.achievement-description{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 15px}.achievement-progress{margin-bottom:10px}.progress-bar{background:var(--bg-primary);border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .5s ease}.progress-text{color:var(--text-secondary);font-size:.8rem;font-weight:600}.achievement-reward{color:gold;font-size:.9rem;font-weight:600;margin-bottom:5px}.achievement-status{margin-top:10px}.achievement-completed{color:#4caf50;font-size:.8rem;font-weight:500}.claim-btn{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffb300);border:none;border-radius:20px;box-shadow:0 3px 10px #ffd7004d;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.claim-btn:hover:not(:disabled){box-shadow:0 5px 15px #ffd70080;transform:translateY(-2px)}.claim-btn:disabled{animation:none;cursor:not-allowed;opacity:.7}@keyframes glow{0%,to{box-shadow:0 3px 10px #ffd7004d}50%{box-shadow:0 3px 15px #ffd70099}}.achievements-content::-webkit-scrollbar{width:8px}.achievements-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.achievements-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.achievements-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.achievements-overlay{padding:10px}.achievements-modal{max-height:90vh;padding:20px}.achievements-title h2{font-size:1.5rem}.achievements-stats{gap:20px}.stat-number{font-size:1.5rem}.achievements-filters{gap:15px}.achievements-grid{gap:15px;grid-template-columns:1fr}.achievement-card{padding:15px}.achievement-icon{font-size:2.5rem}.achievement-name{font-size:1.1rem}}.unlockables-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.unlockables-modal{animation:unlockablesSlideIn .3s ease-out;background:var(--bg-secondary);border:2px solid #667eea4d;border-radius:20px;box-shadow:var(--shadow-xl);max-height:80vh;max-width:700px;overflow:hidden;width:90%}@keyframes unlockablesSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.unlockables-header{align-items:center;background:var(--app-gradient);color:#fff;display:flex;gap:20px;justify-content:flex-start;padding:20px;position:relative}.unlockables-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.unlockables-header .close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.unlockables-filters{background:var(--bg-tertiary);border-bottom:2px solid #667eea33;padding:20px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.category-tab{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:5px;min-width:80px;padding:10px 15px;transition:all .3s ease}.category-tab:hover{border-color:#667eea66;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.category-tab.active{background:#667eea1a;border-color:#667eea99;color:var(--text-primary)}.category-name{font-size:.9rem}.category-count{background:#667eea33;border-radius:10px;color:#667eeacc;font-size:.75rem;font-weight:700;padding:2px 8px}.category-tab.active .category-count{background:#667eea4d;color:#667eea}.items-summary{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-align:center}.unlockables-header h2{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.unlockables-balance{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:1.1rem;font-weight:600;padding:8px 16px}.unlockables-content{max-height:60vh;overflow-y:auto;padding:20px}.unlockables-loading{color:var(--text-secondary);padding:40px 20px;text-align:center}.unlockables-loading .loading-spinner{animation:bounce 2s infinite;font-size:3rem;margin-bottom:20px}.unlockables-items{display:flex;flex-direction:column;gap:15px}.unlockable-item{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:15px;display:flex;gap:15px;padding:20px;position:relative;transition:all .3s ease}.unlockable-item:hover:not(.unlocked):not(.unaffordable){border-color:#667eea4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.unlockable-item.unlocked{background:#4caf501a;border-color:#4caf504d}.unlockable-item.unaffordable{filter:grayscale(.3);opacity:.6}.unlockable-item.unaffordable:hover{border-color:#0000;box-shadow:none;transform:none}.item-icon{align-items:center;background:#667eea1a;border-radius:15px;display:flex;flex-shrink:0;font-size:3.5rem;height:70px;justify-content:center;width:70px}.item-info{flex:1 1;min-width:0}.item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.item-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:600;margin:0}.item-rarity{background:#ffffff1a;border-radius:10px;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.item-description{color:var(--text-secondary);font-size:.95rem;line-height:1.4;margin:0 0 12px}.item-details{align-items:center;display:flex;gap:15px;justify-content:space-between}.item-price{background:#ffc10733;border-radius:20px;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:6px 12px}.item-type{background:#667eea33;border-radius:15px;color:var(--text-tertiary);font-size:.8rem;font-weight:500;padding:4px 12px;text-transform:capitalize}.unlock-btn{background:var(--app-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 20px;transition:all .3s ease}.unlock-btn:hover:not(.disabled):not(.unlocked){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.unlock-btn:active:not(.disabled):not(.unlocked){transform:translateY(0)}.unlock-btn.unlocked{background:#4caf50cc;cursor:default}.unlock-btn.unlocked:hover{box-shadow:none;transform:none}.unlock-btn.disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.6}.unlock-btn.disabled:hover{box-shadow:none;transform:none}.unlock-btn.coming-soon-btn{background:linear-gradient(135deg,#6b7280,#4b5563);cursor:not-allowed;opacity:.7;position:relative}.unlock-btn.coming-soon-btn:hover{box-shadow:none;transform:none}.unlockable-item.coming-soon{opacity:.6;position:relative}.unlockable-item.coming-soon:before{background:#6b72801a;border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.category-tab.coming-soon-tab{cursor:not-allowed;opacity:.6;position:relative}.category-tab.coming-soon-tab:hover{box-shadow:none;transform:none}.category-tab .coming-soon-badge{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:8px;color:#fff;font-size:.6rem;font-weight:600;padding:2px 6px;position:absolute;right:-10px;top:-8px;white-space:nowrap;z-index:1}@media (max-width:768px){.unlockables-modal{max-height:85vh;width:95%}.unlockables-header{flex-direction:column;gap:10px;padding:15px;text-align:center}.unlockables-close{right:15px;top:10px}.unlockables-content{padding:15px}.unlockable-item{flex-direction:column;gap:15px;padding:15px;text-align:center}.item-info{width:100%}.item-header{flex-direction:column;gap:5px;justify-content:center}.item-details{flex-wrap:wrap;justify-content:center}.unlock-btn{width:100%}}@media (max-width:480px){.unlockables-header h2{font-size:1.3rem}.unlockables-balance{font-size:1rem;padding:6px 12px}.item-icon{font-size:3rem;height:60px;width:60px}.item-name{font-size:1.1rem}}.cosmetics-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cosmetics-modal{animation:cosmeticsSlideIn .3s ease-out;background:var(--bg-secondary);border:2px solid #667eea4d;border-radius:20px;box-shadow:var(--shadow-xl);max-height:80vh;max-width:800px;overflow:hidden;width:90%}@keyframes cosmeticsSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cosmetics-header{background:var(--app-gradient);color:#fff;padding:20px;position:relative}.cosmetics-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fffc;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px}.cosmetics-header .close-btn:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.cosmetics-header h2{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.cosmetics-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.cosmetics-close:hover{background:#fff3;transform:rotate(90deg)}.cosmetics-content{max-height:60vh;overflow-y:auto;padding:20px}.cosmetics-loading,.no-cosmetics{color:var(--text-secondary);padding:40px 20px;text-align:center}.cosmetics-loading .loading-spinner{animation:bounce 2s infinite;font-size:3rem;margin-bottom:20px}.cosmetics-slots{display:flex;flex-direction:column;gap:25px}.cosmetic-slot-group{background:var(--bg-tertiary);border:2px solid #667eea33;border-radius:15px;padding:20px}.slot-title{align-items:center;display:flex;font-family:Poppins,sans-serif;font-size:1.2rem;justify-content:space-between;margin:0 0 15px}.slot-title,.unequip-slot-btn{color:var(--text-primary);font-weight:600}.unequip-slot-btn{background:#f4433633;border:2px solid #f4433666;border-radius:10px;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .3s ease}.unequip-slot-btn:hover:not(:disabled){background:#f443364d;border-color:#f4433699;transform:translateY(-1px)}.unequip-slot-btn:disabled{cursor:not-allowed;opacity:.5}.no-items-in-slot{color:var(--text-tertiary);font-style:italic;padding:20px;text-align:center}.slot-items{display:flex;flex-direction:column;gap:12px}.cosmetic-item{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.cosmetic-item:hover{border-color:#667eea4d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.cosmetic-item.equipped{background:#4caf501a;border-color:#4caf5066}.cosmetic-icon{align-items:center;background:#667eea1a;border-radius:12px;display:flex;flex-shrink:0;font-size:2.5rem;height:50px;justify-content:center;width:50px}.cosmetic-info{flex:1 1;min-width:0}.cosmetic-name{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin:0 0 5px}.cosmetic-description{color:var(--text-secondary);font-size:.9rem;line-height:1.3;margin:0}.cosmetic-btn{background:var(--app-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;min-width:90px;padding:10px 16px;transition:all .3s ease}.cosmetic-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.cosmetic-btn:active:not(:disabled){transform:translateY(0)}.cosmetic-btn.equipped{background:#f44336cc}.cosmetic-btn.equipped:hover:not(:disabled){box-shadow:0 4px 12px #f4433666}.cosmetic-btn:disabled{cursor:not-allowed;opacity:.6}.cosmetic-btn:disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.cosmetics-modal{max-height:85vh;width:95%}.cosmetic-slot-group,.cosmetics-content,.cosmetics-header{padding:15px}.cosmetic-item{flex-direction:column;gap:10px;text-align:center}.cosmetic-btn,.cosmetic-info{width:100%}.slot-title{flex-direction:column;gap:10px;text-align:center}}@media (max-width:480px){.cosmetics-header h2{font-size:1.3rem}.cosmetic-icon{font-size:2rem;height:45px;width:45px}.cosmetic-name{font-size:1rem}.cosmetic-description{font-size:.8rem}}.food-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.food-selector-modal{animation:foodSelectorSlideIn .3s ease-out;background:var(--bg-secondary);border:2px solid #667eea4d;border-radius:20px;box-shadow:var(--shadow-xl);max-height:70vh;max-width:500px;overflow:hidden;width:90%}@keyframes foodSelectorSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.food-selector-header{align-items:center;background:var(--app-gradient);color:#fff;display:flex;justify-content:space-between;padding:20px;position:relative}.food-selector-header h3{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:700;margin:0}.food-balance{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:15px;font-size:1rem;font-weight:600;padding:6px 12px}.close-btn{font-size:1.5rem;height:35px;padding:5px;width:35px}.close-btn:hover{transform:rotate(90deg)}.food-tabs{background:var(--bg-tertiary);border-bottom:2px solid #667eea33;display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;padding:15px 20px;transition:all .3s ease}.tab-btn:hover{background:#667eea1a;color:var(--text-primary)}.tab-btn.active{background:#667eea33;border-bottom-color:#667eeacc;color:var(--text-primary)}.food-selector-content{max-height:50vh;overflow-y:auto;padding:20px}.loading,.no-food{color:var(--text-secondary);padding:40px 20px;text-align:center}.no-food p{font-size:1.1rem;margin:10px 0}.food-grid{display:flex;flex-direction:column;gap:15px}.food-item{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:15px;cursor:pointer;display:flex;gap:15px;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.food-item:hover:not(.unavailable){border-color:#667eea4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.food-item.selected{background:#667eea1a;border-color:#667eea99}.food-item.unavailable{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.food-icon{align-items:center;background:#667eea1a;border-radius:15px;display:flex;flex-shrink:0;font-size:3rem;height:60px;justify-content:center;width:60px}.food-info{flex:1 1;min-width:0}.food-info h4{font-family:Poppins,sans-serif;font-size:1.1rem;margin:0 0 5px}.food-info h4,.food-quantity{color:var(--text-primary);font-weight:600}.food-quantity{background:#4caf5033;border-radius:10px;display:inline-block;font-size:.9rem;margin:5px 0;padding:2px 8px}.food-effects{color:var(--text-secondary);font-size:.8rem;line-height:1.3;margin:5px 0 0}.unavailable-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center;left:0;position:absolute;right:0;top:0}.shop-grid{display:flex;flex-direction:column;gap:15px}.shop-food-item{align-items:center;background:var(--bg-tertiary);border:2px solid #0000;border-radius:15px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.shop-food-item:hover:not(.unaffordable){border-color:#667eea4d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.shop-food-item.unaffordable{filter:grayscale(.3);opacity:.6}.food-shop-details{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-top:10px}.food-price{background:#ffc10733;border-radius:15px;color:var(--text-primary);font-size:1rem;font-weight:600;padding:4px 12px}.buy-food-btn{background:var(--app-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.buy-food-btn:hover:not(.disabled){box-shadow:0 3px 8px #667eea66;transform:translateY(-1px)}.buy-food-btn.disabled{background:var(--text-tertiary);cursor:not-allowed;opacity:.6}.buy-food-btn.disabled:hover{box-shadow:none;transform:none}@media (max-width:768px){.food-selector-modal{max-height:75vh;width:95%}.food-selector-header{padding:15px}.food-selector-header h3{font-size:1.2rem}.food-selector-content{padding:15px}.food-item{flex-direction:column;gap:10px;text-align:center}.food-info{width:100%}}@media (max-width:480px){.food-icon{font-size:2.5rem;height:50px;width:50px}.food-info h4{font-size:1rem}.food-effects{font-size:.75rem}}.food-tooltip{animation:tooltipPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid #ffc10799;border-radius:12px;box-shadow:0 6px 20px #0003;left:-200px;opacity:0;padding:10px;position:absolute;top:-38px;transform:translateX(-10px) scale(.9);transition:all .3s ease;width:180px;z-index:1000}.food-tooltip.visible{opacity:1;transform:translateX(0) scale(1)}.food-tooltip-arrow{border-bottom:8px solid #0000;border-left:8px solid #ffc10799;border-top:8px solid #0000;height:0;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:0}.food-tooltip-arrow:after{border-bottom:6px solid #0000;border-left:6px solid var(--bg-secondary);border-top:6px solid #0000;content:"";height:0;left:-8px;position:absolute;top:-6px;width:0}.food-tooltip-content{position:relative}.food-tooltip-title{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.9rem;font-weight:700;margin-bottom:5px;text-align:center}.food-tooltip-description{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin-bottom:8px;text-align:center}.food-tooltip-hint{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#ffc107e6;font-size:.7rem;font-weight:600;margin-top:3px;padding:3px 8px;text-align:center}.food-tooltip-close{align-items:center;background:#ffc107e6;border:none;border-radius:50%;box-shadow:0 2px 6px #ffc1074d;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-6px;top:-6px;transition:all .3s ease;width:18px}.food-tooltip-close:hover{background:#ffc107;transform:scale(1.1)}@keyframes tooltipPulse{0%,to{box-shadow:0 8px 25px #0003,0 0 0 0 #ffc10766}50%{box-shadow:0 8px 25px #0003,0 0 0 8px #ffc1071a}}@media (max-width:768px){.food-tooltip{left:-170px;padding:8px;top:-15px;width:160px}.food-tooltip-title{font-size:.8rem}.food-tooltip-description{font-size:.7rem}.food-tooltip-hint{font-size:.65rem}}@media (max-width:480px){.food-tooltip{left:-150px;padding:6px;top:-10px;width:140px}}.coin-display{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:2px solid #ffd70080;border-radius:20px;box-shadow:0 4px 12px #ffd7004d;color:#333;display:inline-flex;font-family:Poppins,sans-serif;font-weight:700;gap:8px;padding:8px 16px;transition:all .3s ease}.coin-display:hover{box-shadow:0 6px 16px #ffd70066;transform:translateY(-2px)}.coin-display--small{font-size:.8rem;gap:4px;padding:4px 10px}.coin-display--small .coin-icon{font-size:1rem}.coin-display--medium{font-size:1rem;gap:8px;padding:8px 16px}.coin-display--medium .coin-icon{font-size:1.2rem}.coin-display--large{font-size:1.2rem;gap:10px;padding:12px 20px}.coin-display--large .coin-icon{font-size:1.5rem}.coin-icon{animation:coinSpin 3s ease-in-out infinite}.coin-amount{font-weight:700;text-shadow:1px 1px 2px #0000001a}.coin-label{font-size:.9em;font-weight:600;opacity:.8}.coin-display--loading{animation:pulse 1.5s ease-in-out infinite;opacity:.7}.coin-display--loading .coin-icon{animation:coinSpin 1s linear infinite}[data-theme=dark] .coin-display{background:linear-gradient(135deg,gold,#ffa000);box-shadow:0 4px 12px #ffd70066;color:#1a1a2e}@keyframes coinSpin{0%,to{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}}@media (max-width:768px){.coin-display--medium{font-size:.9rem;padding:6px 12px}.coin-display--large{font-size:1rem;padding:10px 16px}}.tamagotchi-container{background:var(--tamagotchi-bg);border-radius:20px;box-shadow:var(--shadow-lg);color:var(--tamagotchi-text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:600px;padding:20px}.header-coins{position:absolute;right:0;top:0;z-index:10}.pet-title-section{margin-bottom:15px}.pet-header h1,.pet-main-title,.title-display{align-items:center;display:flex;gap:10px;justify-content:center}.pet-header h1,.pet-main-title{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.edit-title-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:none;font-size:.8rem;padding:6px 8px;transition:all .3s ease}.edit-title-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.edit-title-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.edit-title-input{background:#ffffffe6;border:2px solid #667eea4d;border-radius:10px;color:#333;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:600;min-width:200px;padding:8px 12px;text-align:center}.edit-title-input:focus{border-color:#667eea99;box-shadow:0 0 0 3px #667eea33;outline:none}.cancel-title-btn,.save-title-btn{background:#4caf50cc;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 12px;transition:all .3s ease}.cancel-title-btn{background:#f44336cc}.save-title-btn:hover{background:#4caf50;transform:translateY(-1px)}.cancel-title-btn:hover{background:#f44336;transform:translateY(-1px)}.pet-header{margin-bottom:20px;position:relative;text-align:center}.header-left-side{align-items:center;align-items:flex-end;display:flex;flex-direction:column;gap:8px;left:-160px;position:absolute;top:0;z-index:10}.header-right-side{position:absolute;right:-160px;top:0;z-index:10}.shop-section{align-items:center;align-items:baseline;gap:8px}.pet-title-section,.shop-section{display:flex;flex-direction:column}.pet-title-section{align-items:center}.achievements-btn{background:linear-gradient(135deg,#9c27b0,#673ab7);border:2px solid #9c27b080;border-radius:20px;box-shadow:0 4px 12px #9c27b04d;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;position:relative;transition:all .3s ease}.achievements-btn:hover{box-shadow:0 6px 16px #9c27b066;transform:translateY(-2px)}.achievement-badge{align-items:center;animation:pulse 2s ease-in-out infinite;background:#f44;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px}.achievement-badge.updated{animation:badgeUpdate .6s ease-out}@keyframes badgeUpdate{0%{transform:scale(1)}50%{background:#ff6b6b;transform:scale(1.3)}to{transform:scale(1)}}.pet-header h1{flex:1 1;font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 4px #0000004d;white-space:nowrap}.pet-age{font-size:1.2rem;margin-top:10px;opacity:.8}.pet-display{margin-bottom:10px;text-align:center}.pet-character{animation:float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #fff3;border-radius:50%;display:inline-block;height:180px;padding:7px 10px;position:relative;transition:all .3s ease;width:180px}.pet-character.ecstatic{background:#ffd70066;border-color:#ffd700b3;box-shadow:0 0 20px #ffd70080}.pet-character.happy{background:#4caf504d;border-color:#4caf5080}.pet-character.content{background:#8bc34a4d;border-color:#8bc34a80}.pet-character.okay{background:#9e9e9e4d;border-color:#9e9e9e80}.pet-character.sad{background:#ffc1074d;border-color:#ffc10780}.pet-character.unhappy{background:#ff98004d;border-color:#ff980080}.pet-character.critical{animation:shake .5s ease-in-out infinite;background:#f443364d;border-color:#f4433680}.pet-character.dead{animation:none;background:#00000080;border-color:#000000b3}.pet-emoji{font-size:6.7rem;margin-bottom:8px}.pet-character.dead .pet-emoji{animation:none}.pet-character.critical .pet-emoji{animation:pulse 1s ease-in-out infinite}.pet-status{font-size:1.2rem}.pet-status,.pet-status-external{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:1px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.pet-status-external{font-size:2rem;margin-bottom:0;margin-top:0;text-align:center}.death-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:2px solid #ffffff1a;border-radius:15px;margin-bottom:15px;margin-left:auto;margin-right:auto;max-width:300px;padding:10px 20px;text-align:center}.death-icon{font-size:1.2rem;margin-right:8px}.death-text{color:#ffffffe6;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:500}.cosmetic-overlay{animation:cosmeticFloat 4s ease-in-out infinite;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2rem;pointer-events:none;position:absolute;z-index:5}.cosmetic-overlay.head-slot{left:50%;top:-15px;transform:translateX(-50%)}.cosmetic-overlay.face-slot{font-size:5.5rem;right:27px;top:41%;transform:translateY(-50%)}.cosmetic-overlay.body-slot{bottom:15px;left:50%;transform:translateX(-50%)}.cosmetic-overlay.accessory-slot{left:5px;top:30%;transform:translateY(-50%)}@keyframes cosmeticFloat{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-3px)}}.cosmetic-overlay.face-slot{animation:cosmeticFloatVertical 4s ease-in-out infinite}.cosmetic-overlay.accessory-slot{animation:cosmeticFloatLeft 4s ease-in-out infinite}@keyframes cosmeticFloatRight{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(3px)}}@keyframes cosmeticFloatLeft{0%,to{transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translateX(-3px)}}@keyframes cosmeticFloatVertical{0%,to{transform:translateY(-50%)}50%{transform:translateY(-53%)}}.cosmetics-btn{background:#ff149333;border:2px solid #ff149366;border-radius:12px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.cosmetics-btn:hover{background:#ff14934d;border-color:#ff149399;box-shadow:0 4px 12px #ff14934d;transform:translateY(-2px)}.food-selector-btn-header{background:#ffc10733;border:2px solid #ffc10766;border-radius:12px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.food-selector-btn-header:hover:not(:disabled){background:#ffc1074d;border-color:#ffc10799;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.food-selector-btn-header:disabled{cursor:not-allowed;opacity:.6}.pet-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;gap:8px;margin-bottom:25px;margin-left:auto;margin-right:auto;max-width:450px;padding:15px}.stat-container{margin-bottom:0}.stat-bar-row{align-items:center;display:flex;gap:10px}.stat-bar-row label{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;min-width:120px;text-align:left}.stat-message-below{background:#0003;border-radius:8px;color:#fffc;font-family:Poppins,sans-serif;font-size:.7rem;font-style:italic;font-weight:500;line-height:1.2;margin-top:4px;padding:2px 8px;text-align:center}.stat-bar{align-items:center;background:#0000004d;border:1px solid #fff3;border-radius:10px;display:flex;flex:1 1;height:25px;min-width:150px;overflow:hidden;position:relative}.stat-fill{border-radius:12px;height:100%;min-width:2px;transition:width .5s ease}.stat-fill,.stat-fill:after{left:0;position:absolute;top:0}.stat-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";right:0}.stat-percentage-inside{color:#fff;font-family:Poppins,sans-serif;font-size:.75rem;font-weight:700;line-height:1;position:absolute;right:8px;text-shadow:1px 1px 2px #000c;z-index:2}.pet-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.feed-action-container{align-items:stretch;display:flex;gap:5px}.feed-action-container .action-btn{min-width:170px;width:211px}.feed-action-container{min-width:210px;width:210px}.food-selector-btn{align-items:center;background:#ffc10733;border:2px solid #ffc10766;border-left:none;border-radius:0 15px 15px 0;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;min-width:35px;padding:0 10px;transition:all .3s ease}.food-selector-btn:hover:not(:disabled){background:#ffc1074d;border-color:#ffc10799;box-shadow:0 3px 8px #ffc1074d;transform:translateY(-1px)}.food-selector-btn:active:not(:disabled){transform:translateY(0)}.food-selector-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:15px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:180px;padding:15px 10px;text-align:center;transition:all .3s ease;width:100%}.action-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.feed:hover:not(:disabled){background:#4caf504d;border-color:#4caf5080}.action-btn.play:hover:not(:disabled){background:#2196f34d;border-color:#2196f380}.action-btn.clean:hover:not(:disabled){background:#9c27b04d;border-color:#9c27b080}.action-btn.rest:hover:not(:disabled){background:#ff98004d;border-color:#ff980080}.action-btn.on-cooldown{animation:cooldownPulse 2s ease-in-out infinite;background:#9696964d!important;border-color:#96969680!important;cursor:not-allowed!important;opacity:.7!important}.action-btn.on-cooldown:hover{box-shadow:none!important;transform:none!important}.action-btn.no-items{background:#f443364d!important;border-color:#f4433680!important;cursor:not-allowed!important;opacity:.7!important}.action-btn.no-items:hover{box-shadow:none!important;transform:none!important}.action-btn.stat-full{background:#4caf504d!important;border-color:#4caf5080!important;cursor:not-allowed!important;opacity:.7!important}.action-btn.stat-full:hover{box-shadow:none!important;transform:none!important}@keyframes cooldownPulse{0%,to{opacity:.7}50%{opacity:.5}}.shop-btn{background:#ffc10733;border:2px solid #ffc10766;border-radius:12px;color:var(--text-primary);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;margin-right:10px;padding:8px 16px;transition:all .3s ease}.shop-btn:hover{background:#ffc1074d;border-color:#ffc10799;box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.death-message{background:#0000004d;border:2px solid #f4433680;border-radius:15px;padding:20px;text-align:center}.death-message p{font-size:1.2rem;font-weight:700;margin:0}.error,.loading{font-size:1.2rem;padding:40px;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.tamagotchi-container{margin:10px;padding:15px}.pet-main-title{font-size:1.6rem}.header-left-side{left:-130px}.header-right-side{right:-130px}.header-coins{right:5px;top:5px}.achievements-btn,.cosmetics-btn,.food-selector-btn-header,.shop-btn{font-size:.75rem;padding:6px 10px}.pet-header h1{font-size:1.6rem}.pet-emoji{font-size:3rem}.pet-stats{gap:12px}.stat-message{font-size:.75rem}.stat-message small{font-size:.65rem}.pet-actions{grid-template-columns:1fr}.action-btn{font-size:1rem;min-width:160px;padding:12px 15px;width:160px}.feed-action-container{min-width:190px;width:190px}.feed-action-container .action-btn{min-width:160px;width:160px}}.background-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:2px solid #fff3;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.background-btn:hover{background:linear-gradient(135deg,#ee5a24,#ff6b6b);box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}@media (max-width:480px){.pet-title-row{flex-wrap:nowrap;gap:8px}.pet-main-title{font-size:1.6rem}.header-left-side{left:-100px}.header-right-side{right:-100px}.header-coins{right:0;top:0}.achievements-btn,.cosmetics-btn,.food-selector-btn-header,.shop-btn{font-size:.7rem;padding:4px 8px}.pet-stats{gap:12px;margin-bottom:20px}.stat{gap:4px}}.admin-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:20000}.admin-modal{background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;padding:0;width:100%}.admin-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #fff3;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.admin-title h2{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin:0}.admin-tabs{display:flex;gap:10px;margin-top:15px}.admin-tabs button{background:#fff3;border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px;transition:all .3s ease}.admin-tabs button:hover{background:#ffffff4d}.admin-tabs button.active{background:#fff;color:#667eea;font-weight:600}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.close-btn:hover{background:#fff3}.admin-content{flex:1 1;overflow-y:auto;padding:30px}.admin-login{align-items:center;display:flex;justify-content:center;padding:50px}.login-form{display:flex;flex-direction:column;gap:15px;width:300px}.login-form label{font-weight:600}.login-form input,.login-form label{color:var(--text-primary);font-family:Poppins,sans-serif}.login-form input{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;font-size:1rem;padding:12px}.login-form input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;padding:12px;transition:all .3s ease}.login-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.overview-tab{display:flex;flex-direction:column;gap:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:15px;padding:20px;text-align:center}.stat-card h3{color:var(--text-secondary);font-size:1rem;margin:0 0 10px}.stat-card h3,.stat-number{font-family:Poppins,sans-serif}.stat-number{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:10px 0}.stat-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.9rem;gap:5px}.achievement-stats,.top-users{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:15px;padding:20px}.achievement-stats h3,.top-users h3{color:var(--text-primary);font-family:Poppins,sans-serif;margin:0 0 20px}.achievement-list,.user-list{display:flex;flex-direction:column;gap:10px}.achievement-stat,.top-user{align-items:center;background:var(--bg-primary);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:15px;padding:10px}.rank{color:gold;font-weight:700;min-width:30px}.email{color:var(--text-primary);flex:1 1}.coins{color:#4caf50;font-weight:600}.ach-icon{font-size:1.5rem;min-width:30px}.ach-name{color:var(--text-primary);flex:1 1}.ach-completions,.ach-rate{color:var(--text-secondary);font-weight:600;min-width:80px;text-align:right}.users-tab{display:flex;flex-direction:column;gap:20px}.users-header{align-items:center;display:flex;justify-content:space-between}.users-header h3{color:var(--text-primary);margin:0}.refresh-btn,.users-header h3{font-family:Poppins,sans-serif}.refresh-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover{background:#45a049}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.user-card{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:15px;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.user-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-email{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:10px}.user-stats{display:flex;flex-direction:column;font-size:.9rem;gap:5px;margin-bottom:10px}.unclaimed{color:#ff9800;font-weight:600}.pet-info{color:var(--text-secondary);display:flex;font-size:.9rem;gap:15px}.status.alive{color:#4caf50}.status.dead{color:#f44336}.user-actions{display:flex;gap:10px}.edit-btn{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px;transition:all .3s ease}.edit-btn:hover{background:#1976d2}.delete-btn{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px;transition:all .3s ease}.delete-btn:hover{background:#d32f2f}.user-detail-tab{display:flex;flex-direction:column;gap:20px}.detail-header{align-items:center;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;padding-bottom:20px}.detail-header h3{margin:0}.back-btn,.detail-header h3{color:var(--text-primary);font-family:Poppins,sans-serif}.back-btn{background:var(--btn-secondary-bg);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:var(--border-light)}.detail-sections{display:flex;flex-direction:column;gap:30px}.detail-section{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:15px;padding:20px}.detail-section h4{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.2rem;margin:0 0 20px}.form-group{margin-bottom:15px}.form-group label{color:var(--text-secondary);display:block;font-family:Poppins,sans-serif;font-weight:600;margin-bottom:5px}.form-group input,.form-group select{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;padding:10px;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.pet-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.update-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s ease}.update-btn:hover{background:#45a049;transform:translateY(-2px)}.achievements-section{max-height:600px;overflow-y:auto}.achievements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin-action-buttons{align-items:center;display:flex;gap:10px}.reset-purchases-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.reset-purchases-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 3px 8px #e74c3c4d;transform:translateY(-1px)}.reset-shop-btn{background:linear-gradient(135deg,#8e44ad,#7d3c98);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.reset-shop-btn:hover{background:linear-gradient(135deg,#7d3c98,#6c3483);box-shadow:0 3px 8px #8e44ad4d;transform:translateY(-1px)}.admin-global-actions{background:var(--bg-tertiary);border:2px solid var(--border-light);border-radius:12px;margin-bottom:30px;padding:20px}.admin-global-actions h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 15px}.global-actions-grid{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.cleanup-btn{background:linear-gradient(135deg,#9b59b6,#8e44ad);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.cleanup-btn:hover{background:linear-gradient(135deg,#8e44ad,#7d3c98);box-shadow:0 3px 8px #9b59b64d;transform:translateY(-1px)}.action-description{color:var(--text-secondary);font-size:.8rem;font-style:italic;margin-left:5px}.reset-btn{background:#ff9800;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:8px 16px;transition:all .3s ease}.reset-btn:hover{background:#f57c00}.achievements-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.achievement-card{align-items:center;background:var(--bg-primary);border:2px solid var(--border-light);border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.achievement-card.completed{background:linear-gradient(135deg,#4caf501a 0,var(--bg-primary) 100%);border-color:#4caf50}.achievement-card .achievement-icon{font-size:2rem;min-width:40px;text-align:center}.achievement-card .achievement-info{flex:1 1;text-align:left}.achievement-card .achievement-name{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:5px}.achievement-card .achievement-reward{color:gold;font-size:.8rem;margin-bottom:5px}.achievement-status{color:#4caf50;font-size:.8rem}.achievement-actions{display:flex;flex-direction:column;gap:5px}.grant-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.grant-btn:hover{background:#45a049}.remove-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.remove-btn:hover{background:#d32f2f}.loading{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:1.1rem;padding:40px;text-align:center}.achievements-section::-webkit-scrollbar,.admin-content::-webkit-scrollbar{width:8px}.achievements-section::-webkit-scrollbar-track,.admin-content::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.achievements-section::-webkit-scrollbar-thumb,.admin-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}.achievements-section::-webkit-scrollbar-thumb:hover,.admin-content::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:768px){.admin-overlay{padding:10px}.admin-modal{max-height:95vh}.admin-header{padding:15px 20px}.admin-title h2{font-size:1.5rem}.admin-tabs{flex-wrap:wrap;gap:8px}.admin-tabs button{font-size:.9rem;padding:6px 12px}.admin-content{padding:20px}.achievements-grid,.pet-stats-grid,.stats-grid,.users-grid{grid-template-columns:1fr}.detail-header{align-items:flex-start;flex-direction:column;gap:15px}}.leaderboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:15px;box-shadow:var(--shadow-lg);flex-direction:column;max-height:70vh;min-height:auto;overflow:hidden;padding:10px;position:fixed;right:20px;top:48%;transform:translateY(-50%);width:320px;z-index:100}.leaderboard,.leaderboard-toggle{display:flex;transition:all .3s ease}.leaderboard-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;left:-5px;position:absolute;top:-5px;width:40px;z-index:101}.leaderboard-toggle:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.leaderboard-header{border-bottom:2px solid var(--border-light);margin-bottom:15px;padding-bottom:10px;text-align:center}.leaderboard-header h3{color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:700;margin:0}.leaderboard-subtitle{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.8rem;margin-top:5px}.leaderboard-content{flex:1 1;opacity:1;overflow-y:hidden;transform:translateY(0);transition:all .3s ease}.leaderboard-loading{padding:20px;text-align:center}.leaderboard-loading .loading-spinner{animation:spin 2s linear infinite;font-size:2rem;margin-bottom:10px}.user-rankings{display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:5px}.ranking-item{align-items:center;background:#ffffff0d;border:1px solid var(--border-light);border-radius:10px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .3s ease}.ranking-item:hover{background:#ffffff1a;transform:translateX(2px)}.ranking-item.top-three{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border-color:#ffd7004d}.rank-info{align-items:center;display:flex;gap:5px;min-width:65px}.rank-medal{font-size:1.2rem}.rank-number{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600}.user-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:2px}.user-name{align-items:center;color:var(--text-primary);display:flex;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:5px}.pet-status{font-size:.8rem}.user-details{color:var(--text-secondary);font-family:Poppins,sans-serif;font-size:.75rem}.user-coins{align-items:center;display:flex;gap:3px;justify-content:flex-end;min-width:60px}.coins-amount{color:var(--text-primary);font-family:Poppins,sans-serif;font-weight:600}.coins-amount,.coins-icon{font-size:.9rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.leaderboard{display:none}.leaderboard-toggle{font-size:1rem;height:35px;width:35px}}@media (max-width:768px){.leaderboard{display:none}.leaderboard-toggle{font-size:.9rem;height:30px;width:30px}}.random-coins-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:50}.random-coin{align-items:center;animation:coinAppear .5s ease-out,coinFloat 3s ease-in-out .5s infinite;cursor:pointer;display:flex;flex-direction:column;pointer-events:auto;position:absolute;transition:all .3s ease;-webkit-user-select:none;user-select:none}.random-coin:hover{filter:brightness(1.2);transform:scale(1.2)}.random-coin:active{transform:scale(.9)}.coin-emoji{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2rem;margin-bottom:2px}.coin-value{background:#000000b3;border:1px solid #ffd7004d;border-radius:8px;color:gold;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:700;padding:2px 6px;text-shadow:1px 1px 2px #000c}.random-coin-golden{animation:coinAppear .7s ease-out,coinFloat 2s ease-in-out .7s infinite,goldenGlow 3s ease-in-out infinite}.random-coin-golden .coin-emoji{filter:drop-shadow(2px 2px 6px rgba(255,215,0,.6));font-size:2.2rem}.random-coin-golden .coin-value{background:linear-gradient(135deg,#ffd700e6,#ffa500e6);border:2px solid #ffd700cc;box-shadow:0 0 10px #ffd70080;color:#000;font-weight:800}.random-coin-diamond{animation:coinAppear 1s ease-out,coinFloat 1.5s ease-in-out 1s infinite,diamondSparkle 2s ease-in-out infinite}.random-coin-diamond .coin-emoji{filter:drop-shadow(2px 2px 8px rgba(0,191,255,.8));font-size:2.5rem}.random-coin-diamond .coin-value{background:linear-gradient(135deg,#00bfffe6,#8a2be2e6);border:2px solid #00bfffcc;box-shadow:0 0 15px #00bfffb3;color:#fff;font-weight:900;text-shadow:0 0 5px #fffc}@keyframes goldenGlow{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,215,0,.9))}}@keyframes diamondSparkle{0%,to{filter:drop-shadow(0 0 8px rgba(0,191,255,.6));transform:scale(1)}25%{filter:drop-shadow(0 0 20px rgba(0,191,255,1));transform:scale(1.05)}50%{filter:drop-shadow(0 0 25px rgba(138,43,226,1));transform:scale(1.1)}75%{filter:drop-shadow(0 0 20px rgba(0,191,255,1));transform:scale(1.05)}}.random-coin-golden:hover{filter:brightness(1.3);transform:scale(1.3)}.random-coin-diamond:hover{filter:brightness(1.4);transform:scale(1.4)}.random-coin-golden:before{background:radial-gradient(circle,#ffd70066 0,#0000 70%)}.random-coin-diamond:before{background:radial-gradient(circle,#00bfff80 0,#8a2be24d 50%,#0000 70%)}.random-coin-golden:hover:before{animation:goldenSparkle .8s ease-in-out infinite}.random-coin-diamond:hover:before{animation:diamondSparkleHover .6s ease-in-out infinite}@keyframes goldenSparkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.4)}}@keyframes diamondSparkleHover{0%,to{opacity:.5;transform:scale(1) rotate(0deg)}33%{opacity:.9;transform:scale(1.3) rotate(120deg)}66%{opacity:.7;transform:scale(1.5) rotate(240deg)}}@keyframes coinAppear{0%{opacity:0;transform:scale(0) translateY(-20px)}50%{opacity:1;transform:scale(1.2) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes coinFloat{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-8px) rotate(5deg)}50%{transform:translateY(-4px) rotate(0deg)}75%{transform:translateY(-8px) rotate(-5deg)}}.random-coin:before{background:radial-gradient(circle,#ffd7004d 0,#0000 70%);border-radius:50%;bottom:-10px;content:"";left:-10px;opacity:0;pointer-events:none;position:absolute;right:-10px;top:-10px;transition:opacity .3s ease}.random-coin:hover:before{animation:sparkle 1s ease-in-out infinite;opacity:1}@keyframes sparkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (max-width:768px){.coin-emoji{font-size:1.5rem}.coin-value{font-size:.6rem;padding:1px 4px}}@media (max-width:480px){.random-coin{display:none}}:root{--bg-primary:#f5f5f5;--bg-secondary:#fff;--bg-tertiary:#f8f9fa;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-inverse:#fff;--app-gradient:linear-gradient(135deg,#667eea,#764ba2);--app-gradient-dark:linear-gradient(135deg,#5a67d8,#6b46c1);--tamagotchi-bg:linear-gradient(135deg,#667eea,#764ba2);--tamagotchi-text:#fff;--auth-bg:#fffffff2;--auth-text:#333;--auth-input-bg:#fff;--auth-input-border:#e1e5e9;--auth-input-focus:#667eea;--header-bg:var(--app-gradient);--header-text:#fff;--btn-primary-bg:var(--app-gradient);--btn-primary-text:#fff;--btn-secondary-bg:#0000001a;--btn-secondary-text:var(--text-secondary);--btn-hover-bg:#0000000d;--lang-btn-text:#888;--lang-btn-hover-text:#fff;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #00000026;--shadow-lg:0 8px 16px #0003;--shadow-xl:0 20px 40px #0000001a;--border-light:#fff3;--border-dark:#0000001a;--status-success:#4caf50;--status-error:#f44336;--status-warning:#ff9800;--status-info:#2196f3}[data-theme=dark]{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#fff;--text-secondary:#e2e8f0;--text-tertiary:#a0aec0;--text-inverse:#1a1a2e;--app-gradient:linear-gradient(135deg,#4c63d2,#5b3a8a);--app-gradient-dark:linear-gradient(135deg,#3c4fd8,#553c9a);--tamagotchi-bg:linear-gradient(135deg,#4c63d2,#5b3a8a);--tamagotchi-text:#fff;--auth-bg:#16213ef2;--auth-text:#fff;--auth-input-bg:#ffffff1a;--auth-input-border:#fff3;--auth-input-focus:#667eea;--header-bg:var(--app-gradient);--header-text:#fff;--btn-primary-bg:var(--app-gradient);--btn-primary-text:#fff;--btn-secondary-bg:#ffffff1a;--btn-secondary-text:var(--text-secondary);--btn-hover-bg:#ffffff26;--lang-btn-text:#a0aec0;--lang-btn-hover-text:#fff;--shadow-sm:0 2px 4px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080;--shadow-xl:0 20px 40px #0000004d;--border-light:#ffffff1a;--border-dark:#fff3;--status-success:#66bb6a;--status-error:#ef5350;--status-warning:#ffa726;--status-info:#42a5f5}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}[data-theme-changing=true] *{transition:none!important}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--header-bg);box-shadow:var(--shadow-md);color:var(--header-text);padding:10px 0}.header-content{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.header-left{gap:15px;justify-content:flex-start}.header-left,.header-pet,.mini-pet{align-items:center;display:flex}.mini-pet{animation:petPulse 3s ease-in-out infinite;cursor:default;font-size:2.5rem;justify-content:center;transition:all .3s ease}.mini-pet.critical{animation:petAlert 1s ease-in-out infinite;background:#f443;border-color:#f44}.mini-pet.dead{animation:none;filter:grayscale(100%);opacity:.7}@keyframes petPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes petAlert{0%,to{border-color:#f44;box-shadow:0 0 10px #ff44444d}50%{border-color:#f88;box-shadow:0 0 20px #f449}}.header-left h1{font-size:2rem;font-weight:700;margin:0}.header-center{align-items:center;display:flex;justify-content:center}.header-achievements{background:linear-gradient(135deg,#9c27b0,#673ab7);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;position:relative;transition:all .3s ease}.header-achievements:hover{box-shadow:0 4px 12px #9c27b04d;transform:translateY(-2px)}.header-achievements .achievement-badge{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}.header-backgrounds{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;position:relative;transition:all .3s ease}.header-backgrounds:hover:not(.disabled){box-shadow:0 4px 12px #ff6b6b4d;transform:translateY(-2px)}.header-backgrounds.disabled{cursor:not-allowed;opacity:.6;position:relative}.header-pets{background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:8px 16px;position:relative;transition:all .3s ease}.header-pets:hover:not(.disabled){box-shadow:0 4px 12px #2ecc714d;transform:translateY(-2px)}.header-pets.disabled{cursor:not-allowed;opacity:.6;position:relative}.coming-soon-badge{animation:pulse 2s infinite;background:gold;border-radius:8px;color:#333;font-size:.6rem;font-weight:700;letter-spacing:.5px;padding:2px 6px;position:absolute;right:-10px;text-transform:uppercase;top:-8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.welcome-text{font-size:1rem;font-weight:500;opacity:.9;text-align:center}.header-right{align-items:center;display:flex;gap:20px;justify-content:flex-end}.header-left-controls{align-items:center;display:flex;gap:15px}.header-controls-menu{align-items:center;display:flex;gap:10px;position:relative}.controls-menu-btn{align-items:center;background:var(--btn-primary-bg);border:none;border-radius:50%;color:var(--btn-primary-text);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.controls-menu-btn:hover{background:var(--btn-hover-bg);transform:translateY(-1px)}.controls-dropdown{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:12px;box-shadow:0 8px 25px #0003;flex-direction:row;gap:8px;justify-content:space-between;min-width:200px;position:absolute;right:0;top:50px;z-index:1000}.controls-dropdown,.dropdown-item{align-items:center;display:flex;padding:8px 12px}.dropdown-item{border-radius:8px;font-size:.9rem;justify-content:center;min-width:auto;width:auto}.logout-btn.admin-btn{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.controls-dropdown .language-toggle,.controls-dropdown .theme-toggle{flex-shrink:0}.header-controls{gap:10px}.admin-btn,.header-controls{align-items:center;display:flex}.admin-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.admin-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.logout-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:50%;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.logout-btn:hover{box-shadow:0 4px 12px #ff6b6b66;transform:translateY(-2px)}.app-main{align-items:flex-start;flex:1 1;padding:20px}.app-loading,.app-main{display:flex;justify-content:center}.app-loading{align-items:center;background:var(--app-gradient);color:var(--text-inverse);flex-direction:column;min-height:100vh}.loading-spinner{animation:bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:20px}.app-loading p{font-size:1.2rem;opacity:.8}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:768px){.header-content{flex-direction:column}.header-content h1{font-size:1.5rem}.user-info{flex-direction:column;gap:10px}.app-main{padding:10px}.header-content{gap:15px;grid-template-columns:1fr;grid-template-rows:auto auto auto;text-align:center}.header-center,.header-left,.header-right{justify-content:center}.header-left{flex-direction:column;gap:10px}.header-left h1{font-size:1.8rem;text-align:center}.mini-pet{font-size:2rem;height:45px;width:45px}.header-right{flex-wrap:wrap;gap:10px}.header-controls{gap:8px}.welcome-text{font-size:.9rem}}@media (max-width:480px){.header-content{padding:0 15px}.header-left h1{font-size:1.6rem}.mini-pet{font-size:1.8rem;height:40px;width:40px}.header-right{flex-direction:column;gap:12px}.header-controls{order:1}.logout-btn{height:40px;order:2;width:40px}}