.nav-container{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-around;background-color:#111;border:2px solid #00bfff44;padding:.8rem 0;z-index:1000}.nav-button{background:none;border:none;display:flex;flex-direction:column;align-items:center;color:#888;font-size:.9rem;transition:all .3s ease;cursor:pointer}.nav-button:hover{color:#00bfff}.nav-button.active{color:#0ff;filter:drop-shadow(0 0 6px #00ffffaa)}.icon{font-size:1.4rem;transition:transform .2s ease}.nav-button:hover .icon{transform:scale(1.1)}.button-label{font-size:.7rem;margin-top:.25rem}.home-container{padding:2rem 1rem 6rem;max-width:900px;margin:0 auto;color:#fff}.section-title{font-size:2rem;color:#00bfff;margin-bottom:1.5rem;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.card{position:relative;border-radius:14px;height:160px;overflow:hidden;cursor:pointer;background-color:#000;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid #0077aa}.card:hover{transform:translateY(-4px);box-shadow:0 0 10px #0ff6;border-color:#0ff}.card-bg{width:100%;height:120px;object-fit:contain}.card-title{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#fff;font-weight:700;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.card.locked{filter:grayscale(1);opacity:.6;cursor:not-allowed;border:2px solid #00bfff}:root{--primary-blue: #00bfff;--dark-bg: #0a0a0a;--medium-bg: #1a1a1a;--light-bg: #252525;--text-primary: #ffffff;--text-secondary: #d1d1d1;--success-green: #4CAF50;--error-red: #ff4444;--gold: #ffd700;--krystal: #a855f7;--border-radius: 14px;--transition-speed: .3s}.task-container{padding:1.5rem 1rem;color:var(--text-primary);min-height:100vh}.tasks-list{display:flex;flex-direction:column;gap:1.5rem}.task-item{background:var(--medium-bg);border:2px solid var(--primary-blue);border-radius:var(--border-radius);padding:1.5rem;box-shadow:0 0 12px #0ff3;transition:var(--transition-speed) ease;position:relative}.task-item:hover{transform:translateY(-3px);box-shadow:0 0 18px #0ff5}.task-item.completed{opacity:.75;background:linear-gradient(45deg,var(--medium-bg),rgba(76,175,80,.05))}.task-info h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.7rem}.task-rewards{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}.reward{padding:.4rem .8rem;font-size:.85rem;border-radius:20px;font-weight:700}.reward.gold{background:#ffd7001a;border:1px solid var(--gold);color:var(--gold)}.reward.krystal{background:#a855f726;border:1px solid var(--krystal);color:var(--krystal)}.reward.exp{background:#0088cc1a;border:1px solid var(--primary-blue);color:var(--primary-blue)}.reward.skin{background:#4caf501a;border:1px solid var(--success-green);color:var(--success-green)}.start-btn{background:var(--primary-blue);color:var(--text-primary);border:none;padding:.8rem 1.5rem;border-radius:25px;cursor:pointer;font-weight:700;transition:all var(--transition-speed) ease;align-self:flex-end}.start-btn:hover{background:#0077b3;transform:scale(1.05)}.task-modal-overlay,.completion-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.task-modal,.completion-modal{background:var(--medium-bg);border:3px solid var(--primary-blue);border-radius:var(--border-radius);padding:2rem;width:90%;max-width:500px;box-shadow:0 0 30px #0088cc4d;animation:modalEnter .4s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-actions{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.confirm-btn,.cancel-btn{padding:.7rem 1.5rem;border-radius:20px;border:none;font-weight:700;cursor:pointer;transition:all .3s ease}.confirm-btn{background:var(--primary-blue);color:#fff}.cancel-btn{background:var(--error-red);color:#fff}.confirm-btn:hover{background:#00a6e0}.cancel-btn:hover{background:#c00}.completion-modal h3{color:var(--success-green);margin-bottom:1rem}.rewards-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.task-tabs{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;margin-bottom:1rem;flex-wrap:wrap;padding:0 1rem}.tab-btn{background:var(--light-bg);color:var(--text-secondary);border:2px solid transparent;padding:.7rem 1.5rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all var(--transition-speed) ease;font-size:1rem;min-width:120px;text-align:center}.tab-btn:hover{border-color:var(--primary-blue);color:var(--text-primary);background:var(--medium-bg)}.tab-btn.active{background:var(--primary-blue);color:var(--text-primary);border-color:var(--primary-blue);box-shadow:0 0 10px #00bfff66}@media (max-width: 600px){.task-tabs{flex-direction:column;gap:.8rem}.tab-btn{min-width:auto;width:100%;padding:1rem}}.task-item{padding:1rem;border-radius:var(--border-radius);border:2px solid var(--primary-blue);background:var(--medium-bg);box-shadow:0 0 8px #00bfff80,0 0 16px #00bfff4d;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.task-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 0 12px #00ffffb3,0 0 24px #0ff6,0 0 32px #00bfff33}.task-item.completed{opacity:.8;background:linear-gradient(135deg,var(--medium-bg),rgba(76,175,80,.08));border-color:var(--success-green);box-shadow:0 0 8px #4caf5080,0 0 16px #4caf504d}.task-info h3{font-size:1.2rem;text-shadow:0 0 4px rgba(255,255,255,.3)}.task-tabs{padding:0 1.5rem}.tab-btn{min-width:140px;padding:1rem 1.8rem;font-size:1.05rem;background:var(--light-bg);color:var(--text-secondary);border:2px solid transparent;border-radius:30px;text-shadow:0 0 3px rgba(0,0,0,.5);box-shadow:inset 0 0 4px #0003,0 0 6px #00bfff66;transition:color var(--transition-speed) ease,background var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.tab-btn:hover{background:var(--medium-bg);color:var(--text-primary);border-color:var(--primary-blue);box-shadow:0 0 8px #00bfff99,0 0 16px #00bfff4d}.tab-btn.active{background:var(--primary-blue);color:var(--text-primary);border-color:var(--primary-blue);box-shadow:0 0 10px #00bfffcc,0 0 20px #0ff6,inset 0 0 6px #fff3}@media (max-width: 600px){.tab-btn{min-width:auto;width:100%}}.profile-content{padding:2rem 1rem 3.5rem;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.telegram-info{display:flex;align-items:center;gap:1rem;background-color:#111;border:2px solid #00bfff;padding:1rem;border-radius:12px;box-shadow:0 0 12px #0ff3}.telegram-avatar{width:64px;height:64px;border-radius:50%;border:2px solid #00ffff;object-fit:cover}.user-details{display:flex;flex-direction:column;gap:.3rem;font-weight:600;color:#fff}.level-text{color:#0ff;font-size:.95rem;font-weight:700}.exp-text{color:#aaa;font-size:.85rem}.wallet-section{text-align:center}.wallet-info{display:flex;flex-direction:column;gap:.5rem;background-color:#111;border:2px solid #00bfff;border-radius:10px;padding:1rem;box-shadow:0 0 8px #0ff2;max-width:400px;margin:1rem auto 0}.balance-row{display:flex;justify-content:space-between;font-weight:700}.gold-balance{color:gold}.krystal-balance{color:#a855f7}.play-button{display:inline-block;text-decoration:none;margin-top:1rem;padding:.7rem 2rem;font-weight:700;background-color:#0ff;color:#000;border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease;text-align:center;line-height:1}.play-button:hover{transform:scale(1.05)}.inventory-wrapper{background-color:#0a0a0a;border:2px solid #00bfff;border-radius:14px;padding:1.5rem;box-shadow:inset 0 0 20px #00bfff44}.inventory-title{text-align:center;font-size:1.3rem;font-weight:700;color:#0ff;margin-bottom:1.2rem}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.inventory-slot{background-color:#111;border-radius:10px;border:2px solid transparent;padding:.5rem;text-align:center;cursor:pointer;position:relative;transition:all .3s ease;display:flex;flex-direction:column;justify-content:space-between}.inventory-slot:hover{transform:scale(1.02);box-shadow:0 0 8px #0ff5}.inventory-slot.selected{transform:scale(1.1);border:2px solid #00ffff;box-shadow:0 0 12px #0ff,0 0 25px #0ff9;z-index:2}.model-image-container{height:90px;background-color:#0d1b2a;border-radius:8px;display:flex;align-items:center;justify-content:center}.model-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.model-name{margin-top:.5rem;margin-bottom:1.2rem;font-size:.85rem;font-weight:600;color:#fff}.rarity-badge{margin-top:.3rem;padding:3px 8px;font-size:.65rem;font-weight:700;color:#fff;border-radius:8px;background-color:#00bfff;align-self:center}.shop-slot{background-color:#1a1a1a;border:2px dashed #00bfff}.shop-slot .shop-overlay{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#00bfffcc;padding:5px 12px;border-radius:12px;color:#fff;font-weight:700;font-size:.9rem;box-shadow:0 0 10px #00bfff88}.ton-connect-container{display:flex;justify-content:center;align-items:center;margin:1rem auto}.ton-connect-button{width:100%;max-width:300px}.inventory-slot.common{background-color:#d3d3d3}.inventory-slot.rare{background-color:#6ca0dc}.inventory-slot.epic{background-color:#a070dd}.inventory-slot.legendary{background-color:#f4c542}.inventory-slot.supreme{background-color:#49f160}.inventory-slot.divine{background:linear-gradient(135deg,red)}@media (max-width: 768px){.inventory-grid{grid-template-columns:repeat(2,1fr)}.telegram-info{flex-direction:column;text-align:center}.wallet-info{max-width:100%}}.sort-button{margin:0 auto 1rem;display:block;background-color:#00bfff;color:#000;padding:.5rem 1.2rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}.sort-button:hover{background-color:#0ff}.tutorial-overlay{position:fixed!important;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.tutorial-modal{position:relative!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;border:none!important;padding:0!important;background:transparent!important;overflow:hidden!important;display:flex;align-items:center;justify-content:center}.tutorial-modal .stage-intro,.tutorial-modal .stage-end{background-color:#0a0a0a;border:2px solid #00bfff;border-radius:12px;box-shadow:0 0 12px #0ff3;padding:2rem;width:90%;max-width:600px;color:#fff;text-align:center}.tutorial-modal .stage-video{background-color:#0a0a0a;border:2px solid #00bfff;border-radius:12px;box-shadow:0 0 12px #0ff3;padding:1.5rem;width:90%;max-width:900px;color:#fff;text-align:center}.video-wrapper{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px}.video-wrapper iframe{width:100%;height:100%;border:none;border-radius:8px}.tutorial-modal h2{font-size:1.8rem;margin-bottom:1rem;color:#0ff}.tutorial-modal p{font-size:1rem;margin-bottom:1.5rem;color:#ddd}.tutorial-modal button{padding:.8rem 1.8rem;font-weight:700;background-color:#0ff;color:#000;border:none;border-radius:12px;cursor:pointer;transition:transform .2s ease}.tutorial-modal button:hover{transform:scale(1.05)}@media (max-width: 768px){.tutorial-modal .stage-intro,.tutorial-modal .stage-end,.tutorial-modal .stage-video{padding:1.2rem}.tutorial-modal h2{font-size:1.5rem}.tutorial-modal p{font-size:.9rem}}.referral-box{background:#0a0a1ecc;border:2px solid #00d8ff;border-radius:12px;box-shadow:0 0 10px #00d8ff99;padding:16px;max-width:360px;margin:24px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#e0f7ff}.referral-form{display:flex;gap:8px;margin-bottom:12px}.neon-input{flex:1;background:#00183ce6;border:1px solid #00d8ff;border-radius:8px;padding:8px 12px;font-size:14px;color:#e0f7ff;outline:none;box-shadow:inset 0 0 5px #00d8ff80}.neon-input::placeholder{color:#88e0ff}.neon-button{background:#00d8ff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;color:#0a0a1e;cursor:pointer;box-shadow:0 0 8px #00d8ffcc;transition:transform .1s ease-in-out}.neon-button:hover{transform:scale(1.05)}.neon-text{color:#00d8ff;font-weight:600;text-shadow:0 0 6px rgba(0,216,255,.8)}.referral-own p{margin:6px 0;font-size:14px}.code-display{background:#00183ce6;border:1px solid #00d8ff;border-radius:8px;padding:8px;font-family:monospace;font-size:13px;text-align:center;letter-spacing:1px;margin:4px 0;box-shadow:inset 0 0 5px #00d8ff80}.hall-of-fame-container{padding:20px;max-width:800px;margin:0 auto;color:#fff}.section-title{text-align:center;color:gold;margin-bottom:30px}.error-message{color:#f44;text-align:center;padding:20px}.leaderboard-table{max-width:800px;margin:0 auto;background:#0000004d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-row:nth-child(2n){background:#ffffff08}.table-header{display:flex;padding:10px 15px;background:#ffd7001a;border-radius:5px;margin-bottom:10px;font-weight:700}.table-row{display:flex;padding:12px 15px;margin:5px 0;background:#ffffff0d;border-radius:5px;align-items:center;transition:transform .2s}.table-row:hover{transform:translate(5px);background:#ffffff1a}.rank-col{width:80px;text-align:center}.user-col{flex:1;display:flex;align-items:center;gap:15px}.exp-col{width:150px;text-align:right;font-family:monospace;font-size:1.1em}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid gold}.loading-message,.no-data{text-align:center;padding:20px;color:#888}.username{overflow:hidden;text-overflow:ellipsis;max-width:300px}.ranking-menu{display:flex;justify-content:center;margin-bottom:20px;gap:10px}.ranking-tab{padding:8px 20px;background-color:#222;color:#ccc;border:2px solid #555;border-radius:8px;font-weight:700;cursor:pointer;transition:.2s}.ranking-tab.active{background-color:#08c;color:#fff;border-color:#08c}.shop-main-container{padding:2rem 1rem 6rem;max-width:900px;margin:0 auto;color:#fff}.section-title{font-size:2rem;color:#00bfff;margin-bottom:1.5rem}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}.shop-category{position:relative;border-radius:14px;height:160px;justify-content:flex-end;overflow:hidden;cursor:pointer;background-color:#000;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:2px solid #0077aa}.shop-category:hover{transform:translateY(-4px);box-shadow:0 0 10px #0ff6;border-color:#0ff}.category-image{width:100%;height:120px;object-fit:contain}.category-title{position:absolute;bottom:8px;left:50%;transform:translate(-50%);color:#fff;font-weight:700;text-align:center;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.section-title{font-size:2rem;color:#000;margin-bottom:.5rem;text-align:center}.shop-category.locked{filter:grayscale(1);opacity:.6;cursor:not-allowed;border:2px solid #00bfff}.lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;color:#00bfff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.lock-icon{font-size:1.5rem}.info-button{position:absolute;top:6px;right:6px;background:#0009;color:#fff;border:none;border-radius:50%;padding:4px;cursor:pointer;z-index:2}.info-button:hover{background:#00bfff}.info-popup p{white-space:pre-line;line-height:1.6;text-align:center;margin:15px 0}.info-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:999}.info-popup{background:#222;color:#fff;padding:1.5rem;border-radius:10px;max-width:90%;width:400px;box-shadow:0 0 20px #00bfff;text-align:center}.info-popup h2{margin-top:0;color:#00bfff}.confirm-button{margin-top:1rem;padding:.5rem 1rem;background:#00bfff;color:#000;border:none;border-radius:6px;cursor:pointer}.confirm-button:hover{background:#009fcc}.currency-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a14d9;display:flex;align-items:center;justify-content:center;z-index:1000}.currency-selector-box{background:#1e2133;padding:2rem;border-radius:1rem;width:90%;max-width:400px;box-shadow:0 0 20px #08c6;border:3px solid #0088cc;text-align:center}.currency-txt{font-size:1.3rem;margin-bottom:1.2rem;color:#eee;font-weight:700}.currency-options{display:flex;flex-direction:column;gap:.75rem}.currency-option{padding:.75rem 1rem;border-radius:.75rem;border:2px solid transparent;background:#292d3e;color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer;transition:all .2s ease}.currency-option:hover{background:#007bff;opacity:.95}.currency-option.ton{border-color:#08c;color:#00cfff}.currency-option.krystal{border-color:#a855f7;color:#c084fc}.currency-option.gold{border-color:gold;color:gold}.currency-icon{font-size:1.3rem;margin-right:.5rem}.cancel-button{margin-top:1.5rem;padding:.75rem 1.2rem;background:#f44;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;width:100%;transition:background .3s ease}.cancel-button:hover{background:#c33}.apple-disclaimer{background:#fff3cd;color:#856404;padding:10px;border-radius:4px;margin-bottom:15px;font-size:.9rem;border:1px solid #ffeeba}.skin-card{background:#1a1a1a;border:4px solid #0088cc;border-radius:15px;overflow:hidden;position:relative;height:auto;display:flex;flex-direction:column}.skin-image{width:100%;height:200px;object-fit:contain;background:#121212;padding:0;flex-shrink:0}.skin-details{padding:15px;flex-grow:1;display:flex;flex-direction:column}.skin-name{color:#fff;margin-bottom:5px;font-family:Arial Black,sans-serif;font-size:1.2rem}.skin-description{color:#bbb;font-size:.9rem;min-height:20px;margin-bottom:10px}.price-container{margin:auto 0 10px;display:flex;flex-direction:column;gap:5px}.buy-button{width:100%;background:#08c;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;transition:all .3s;margin-top:auto}.buy-button:hover{opacity:.9}.skin-card .rarity-badge{position:absolute;left:50%;transform:translate(-50%);top:180px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;z-index:1}.common{background:#6b7280}.rare{background:#3b82f6}.epic{background:#8b5cf6}.legendary{background:#f59e0b}.supreme{background:#2bff00}.divine{background:linear-gradient(45deg,red)}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:10001}.confirm-box{background:#011627;padding:2rem;border-radius:15px;text-align:center;color:#fff;width:90%;max-width:400px}.confirm-buttons{display:flex;gap:1rem;margin-top:1.5rem;justify-content:center}.confirm-yes,.confirm-no{padding:.8rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:opacity .3s}.confirm-yes{background:#08c;color:#fff}.confirm-no{background:#f44;color:#fff}.confirm-yes:hover,.confirm-no:hover{opacity:.9}.skin-card.owned{position:relative;opacity:.7}.owned-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2}.owned-overlay span{color:#fff;font-weight:700;font-size:1.2rem;text-align:center;padding:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.apple-warning{background:gold;color:#000;padding:8px;border-radius:4px;margin-top:10px;font-size:.9em;text-align:center}.skin-nft-container{padding:1.5rem;color:#fff;background:linear-gradient(to bottom right,#1a1c2c,#23253a);border-radius:1rem;box-shadow:0 4px 20px #0006}.back-button{background:none;color:#aaa;font-size:1rem;border:none;margin-bottom:1rem;cursor:pointer;display:flex;align-items:center;gap:.4rem}.disclaimer-bonus{background:#2b2e4a;padding:.6rem 1rem;margin-bottom:1rem;border-left:4px solid #f39c12;font-style:italic;border-radius:.5rem}.rarity-selector{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto}.rarity-tab{padding:.6rem 1rem;background:#2a2d3e;border:none;border-radius:1rem;color:#ddd;cursor:pointer;transition:all .2s ease}.rarity-tab.active{background:#007bff;color:#fff;font-weight:700}.skin-carousel{display:flex;align-items:center;justify-content:space-between}.skin-card-wrapper{flex:1;margin:0 1rem}.nav-arrow{background:none;border:none;color:#888;cursor:pointer;transition:color .2s}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.resource-card{background:#2a2d3f;border-radius:1rem;padding:1rem;color:#fff;position:relative;box-shadow:0 0 15px #0000004d}.resource-header{margin-bottom:.5rem}.resource-name{font-size:1.1rem;font-weight:700}.resource-description{color:#aaa;font-size:.9rem}.resource-rewards{display:flex;justify-content:space-between;margin:1rem 0}.reward-item{display:flex;align-items:center;gap:.5rem}.buy-button{padding:.6rem 1rem;background:#1abc9c;color:#fff;border:none;border-radius:.5rem;cursor:pointer;width:100%}.apple-disabled-overlay{position:absolute;background:#f00c;color:#fff;padding:.5rem;width:100%;text-align:center;top:0;border-radius:1rem 1rem 0 0}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.confirm-box{background:#2e324a;padding:2rem;border-radius:1rem;text-align:center;color:#fff}.confirm-buttons{display:flex;gap:1rem;margin-top:1rem}.confirm-yes{background:#27ae60;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem}.confirm-no{background:#c0392b;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem}.resources-container{padding:2rem 1rem 5rem;max-width:1000px;margin:0 auto;color:#fff;text-align:center}.back-button{background:transparent;border:none;color:#00bfff;font-weight:700;font-size:1.1rem;cursor:pointer;margin-bottom:1rem}.section-subtitle{font-size:1.8rem;color:#fff;margin-bottom:2rem;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.apple-full-restriction{background-color:#2a2a2a;border:2px solid #ff3333;border-radius:14px;padding:1.5rem;margin-top:2rem;color:#ffb3b3}.apple-full-restriction h3{color:#f66;margin-bottom:.5rem}.section-title{font-size:1.5rem}.section-title:after{width:80px;bottom:-5px}@media (min-width: 768px){.section-title{font-size:1.8rem}.section-title:after{width:100px}}.pre-sale-container{padding:1rem;max-width:100%}.sale-stats,.purchase-form,.disclaimer{padding:1rem;margin-bottom:1rem}.stats-row{flex-direction:column;gap:.5rem}@media (min-width: 480px){.pre-sale-container{padding:1.5rem}.stats-row{flex-direction:row}}.roadmap-container{padding:10px}.milestones-grid{grid-template-columns:1fr;padding-left:20px}.phase-header{padding-left:30px}@media (min-width: 768px){.milestones-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.tokenomics-grid{grid-template-columns:1fr;padding:10px}.allocation-chart{width:200px;height:200px}.utility-grid,.benefits-grid{grid-template-columns:1fr}@media (min-width: 480px){.utility-grid,.benefits-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.vesting-schedule table{font-size:.9rem}img{max-width:100%;height:auto}input,button{max-width:100%}.roadmap-container{display:flex;flex-direction:column;gap:3rem;padding:2rem 0}.phase{background:#1a1a1a;border-radius:12px;padding:2rem;border:2px solid #0088cc;transition:all .3s ease}.phase-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.phase-status{font-size:1.5rem;color:#0c8}.phase.completed .phase-status{color:#0c8}.phase.current .phase-status{color:#fc0}.phase.upcoming .phase-status{color:#88f}.phase-header h2{font-size:1.8rem;color:#fff;margin:0}.milestones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.milestone-card{background:#252525;border:2px solid #444;border-radius:10px;padding:1rem;position:relative;transition:border .3s}.milestone-card.completed{border-color:#0c8;box-shadow:0 0 10px #00cc884d}.card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.card-icon svg{color:#08c;font-size:1.5rem}.milestone-card h3{font-size:1.2rem;margin:0;color:#fff;flex-grow:1}.date{font-size:.9rem;color:#aaa}.details{font-size:.95rem;color:#ccc;line-height:1.4}.completed-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#0c8;margin-top:1rem;font-weight:700}@media (max-width: 768px){.milestones-grid{grid-template-columns:1fr}}.tokenomics-grid{justify-items:center;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem;display:grid}.supply-card{background:#0a0a0a;padding:2rem;border-radius:14px;border:2px solid #00bfff;text-align:center;box-shadow:0 0 15px #0ff3;transition:transform .3s ease}.supply-card:hover{transform:scale(1.03);box-shadow:0 0 25px #0ff6}.total-supply{font-size:2.2rem;margin:1rem 0;color:#0ff;font-weight:700;text-shadow:0 0 5px #00ffffaa}.supply-progress{background:#1a1a1a;height:6px;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 8px #0ff2}.progress-bar{height:100%;background:linear-gradient(90deg,#0ff,#00bfff);transition:width .75s ease-in-out;box-shadow:0 0 10px #0ff8}.allocation-chart{width:260px;height:260px;border-radius:50%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 30px #0ff5;border:3px solid #00bfff}.chart-segment{position:absolute;width:100%;height:100%;transform-origin:50% 50%}.allocations-list{background:#0a0a0a;padding:2rem;margin:5px;border-radius:14px;border:2px solid #00bfff;box-shadow:0 0 12px #0ff3}.allocation-item{display:flex;align-items:center;margin:1rem 0;padding:1rem;background:#111;border-radius:10px;border-left:4px solid #00bfff;transition:transform .3s ease,box-shadow .3s ease}.allocation-item:hover{transform:scale(1.02);box-shadow:0 0 12px #0ff6}.color-box{width:20px;height:20px;border-radius:4px;margin-right:1rem}.allocation-details .category,.allocation-details .percentage,.allocation-details .amount{color:#fff;margin-right:1rem;font-weight:600}.vesting,.locked{background:#00ffff1a;color:#0ff;padding:4px 10px;border-radius:6px;font-size:.8rem;margin-left:1rem;border:1px solid #00bfff}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.utility-card{background:#0a0a0a;padding:1.5rem;border-radius:14px;border:2px solid #00bfff;text-align:center;transition:transform .3s ease;box-shadow:0 0 10px #0ff3}.utility-card:hover{transform:scale(1.03);box-shadow:0 0 20px #0ff5}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.benefit-card{background:#0a0a0a;padding:1.5rem;border-radius:14px;border:2px solid #49f160;text-align:center;box-shadow:0 0 10px #49f16033;transition:transform .3s ease}.benefit-card:hover{transform:scale(1.03);box-shadow:0 0 20px #49f16066}.vesting-schedule table{width:100%;border-collapse:collapse;margin-top:2rem}.vesting-schedule th,.vesting-schedule td{padding:1rem;text-align:left;border-bottom:1px solid #00bfff;color:#fff}.vesting-schedule th{background:#111;color:#0ff;font-weight:700}.section-title,h2,h3,h4{color:#0ff;letter-spacing:.5px;text-shadow:0 0 5px #00ffff77}p,span{color:#ccc}@media (max-width: 768px){.tokenomics-grid{grid-template-columns:1fr}.allocation-chart{width:200px;height:200px}.allocation-item{flex-direction:column;align-items:flex-start}.color-box{margin-bottom:.5rem}.section-content{padding:1rem}}.pre-sale-container{padding:2rem;max-width:600px;margin:0 auto;color:#fff;font-family:Inter,sans-serif}.section-title{text-align:center;color:#00bcd4;margin-bottom:2rem;font-size:2.2rem;font-weight:600}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.back-button{background:transparent;border:none;color:#00bcd4;cursor:pointer;padding:.4rem;border-radius:50%;transition:background .2s}.back-button:hover{background:#00bcd41a}.sale-stats,.purchase-form,.disclaimer{background:#1e1e1e;border:1.5px solid #00bcd4;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 10px #00bcd41a}.progress-container{background:#2c2c2c;height:20px;border-radius:10px;overflow:hidden;margin:1rem 0}.progress-bar{height:100%;background:linear-gradient(90deg,#00bcd4,#00e676);transition:width .5s ease-in-out}.stats-row{display:flex;justify-content:space-between;margin-top:1rem;color:#ccc;font-size:.95rem}.user-stats{text-align:center;margin-bottom:2rem;font-size:1rem;color:#bbb}.user-stats strong{color:#00e676}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;color:#00bcd4;font-weight:500}.input-group input{width:100%;padding:.9rem;border-radius:10px;border:1px solid #00bcd4;background:#2b2b2b;color:#fff;font-size:1.1rem;outline:none;transition:border .2s ease}.input-group input:focus{border-color:#00e676}.conversion{text-align:center;margin:1.5rem 0;font-size:1.1rem;color:#00e676}.buy-button{width:100%;padding:1rem;background:#00bcd4;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.buy-button:hover:not(:disabled){background:#00a2bb}.buy-button:disabled{background:#444;cursor:not-allowed}.error-message{color:#ff6b6b;margin:1rem 0;text-align:center;font-size:.95rem}.disclaimer h3{color:#00bcd4;margin-bottom:1rem;font-weight:600}.disclaimer ul{padding-left:1.2rem;line-height:1.6;color:#ccc;font-size:.95rem}.apple-presale-block{background:#fee;border:2px solid #f19999;color:#721c24;padding:1.5rem;border-radius:12px;margin:2rem 0;text-align:center;box-shadow:0 2px 8px #0000000d}.apple-presale-block h3{color:#b71c1c;margin-bottom:1rem;font-size:1.3rem}.apple-presale-block p{margin:.5rem 0;line-height:1.5;font-size:.95rem}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:flex-end;z-index:9999}.loading-image{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.progress-bar-container{position:absolute;bottom:50px;left:10%;width:80%;height:20px;background-color:#fff3;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #ffffff80;z-index:1}.progress-bar{height:100%;background-color:#0fc;transition:width .1s linear}:root{--safe-top: var(--tg-safe-area-inset-top, 0px)}html,body,#root{margin:0;padding:0;background-color:#000;height:100%;width:100%;box-sizing:border-box}.app-container{min-height:100vh;background-color:#0a0a0a;color:#fff;font-family:Inter,sans-serif}.content-section{padding:1rem 1rem 1.5rem;max-width:1000px;margin:0 auto}.game-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0a0a0a;z-index:9999;overflow:hidden}.loader{border:6px solid #222;border-top:6px solid #00ffff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}html,body{margin:0;padding:0;font-family:Inter,sans-serif;background-color:#0a0a0a;color:#fff}*{box-sizing:border-box;scroll-behavior:smooth}#root{min-height:100vh;width:100%}