.dom-ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.inv-container{width:min(900px,95vw);height:min(600px,92vh);background:#fdfbf7;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;border:2px solid #ebd9cc}.inv-header{height:60px;background:#f0e6dc;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:2px solid #ebd9cc}.inv-header h2{margin:0;font-size:24px;color:#4a3f35;font-weight:900}.inv-close-btn{background:#cca677;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-weight:700;cursor:pointer;transition:transform .1s}.inv-close-btn:hover{transform:scale(1.1);background:#b58d5c}.inv-body{display:flex;flex:1;padding:20px;gap:20px}.inv-left{flex:0 0 300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:20px;position:relative}.inv-hero-circle{width:200px;height:200px;border-radius:50%;background:#e2d5c8;display:flex;justify-content:center;align-items:center;margin-bottom:30px;box-shadow:inset 0 4px 10px #0000000d}.inv-hero-circle img{max-width:160px;max-height:160px;object-fit:contain}.inv-slots{display:flex;gap:15px}.inv-equip-slot{width:60px;height:60px;border-radius:12px;background:#ebd9cc;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;border:2px solid #d5bda3}.empty-slot{font-size:12px;color:#a58b76;font-weight:700}.slot-badge{position:absolute;bottom:-8px;background:#705c4b;color:#fff;font-size:9px;padding:2px 6px;border-radius:4px}.inv-right{flex:1;display:flex;flex-direction:column;gap:15px}.inv-tabs{display:flex;gap:10px}.inv-tab{background:#e2d5c8;color:#705c4b;border:none;padding:8px 16px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s}.inv-tab:hover{background:#d5bda3}.inv-tab.active{background:#cca677;color:#fff}.inv-grid-wrapper{flex:1;background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:15px;overflow-y:auto}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px}.inv-item-box{width:64px;height:64px;background:#fff;border-radius:10px;border:2px solid #e2d5c8;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:transform .1s}.inv-item-box:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.inv-item-box.selected{border-color:#6ab5c7;box-shadow:0 0 0 2px #6ab5c74d}.item-icon-text{font-size:24px;font-weight:700;color:#705c4b;display:flex;justify-content:center;align-items:center}.item-icon-text.large{font-size:32px;width:50px;height:50px;background:#fff;border-radius:8px;border:2px solid #e2d5c8}.eq-badge{position:absolute;top:-5px;right:-5px;background:#f6be4f;color:#4a3f35;width:20px;height:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;border:2px solid white}.rarity-common{border-color:#d5bda3!important}.rarity-uncommon{border-color:#6ab5c7!important}.rarity-rare{border-color:#4a426b!important}.rarity-epic{border-color:#c183a6!important}.rarity-legendary{border-color:#f6be4f!important}.inv-detail-panel{height:180px;background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:15px;display:flex;flex-direction:column;overflow-y:auto}.inv-placeholder{color:#a58b76;text-align:center;margin:auto;font-style:italic}.detail-header{display:flex;gap:15px;align-items:center;margin-bottom:10px}.detail-header h3{margin:0;color:#4a3f35;font-size:18px}.detail-header p{margin:0;font-size:12px;font-weight:700}.detail-desc{font-size:13px;color:#705c4b;margin:0 0 10px}.detail-stats{display:flex;gap:15px;margin-bottom:auto}.stat-row{background:#e2d5c8;padding:4px 10px;border-radius:6px;font-size:12px;color:#4a3f35;font-weight:700}.stat-val{color:#6ab5c7;margin-left:5px}.detail-actions{display:flex;justify-content:flex-end}.inv-action-btn{padding:8px 20px;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:transform .1s}.inv-action-btn:hover{transform:scale(1.05)}.inv-action-btn.equip{background:#6ab5c7;color:#fff}.inv-action-btn.unequip{background:#c183a6;color:#fff}.detail-set-info{margin-top:12px;margin-bottom:12px;background:#e2d5c866;border:1px dashed #d5bda3;border-radius:8px;padding:10px 12px;font-size:12px;text-align:left}.set-header{font-weight:700;color:#705c4b;margin-bottom:5px;font-size:13px;text-transform:uppercase}.set-items-list{font-size:11px;color:#a58b76;margin-bottom:8px;line-height:1.4}.set-item-name{color:#a58b76;margin-right:4px}.set-item-name.active{color:#4a3f35;font-weight:700;text-decoration:underline}.set-bonuses{display:flex;flex-direction:column;gap:4px}.set-bonus-row{font-size:11px;color:#a58b76}.set-bonus-row.active{color:#16a34a;font-weight:700}@media(orientation:portrait),(max-width:600px){.inv-body{flex-direction:column;overflow-y:auto}.inv-left{flex:0 0 auto;width:100%;padding:12px}.inv-hero-circle{width:120px;height:120px;margin-bottom:15px}.inv-hero-circle img{max-width:100px;max-height:100px}.inv-detail-panel{height:auto;min-height:140px}}.hero-container{width:min(900px,95vw);height:min(600px,92vh);background:#fdfbf7;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;border:2px solid #ebd9cc}.hero-header{height:60px;background:#f0e6dc;display:flex;justify-content:space-between;align-items:center;padding:0 24px;border-bottom:2px solid #ebd9cc}.hero-header h2{margin:0;font-size:24px;color:#4a3f35;font-weight:900}.hero-close-btn{background:#cca677;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-weight:700;cursor:pointer;transition:transform .1s}.hero-close-btn:hover{transform:scale(1.1);background:#b58d5c}.hero-body{display:flex;flex:1;padding:20px;gap:20px}.hero-left{flex:1;display:flex;flex-direction:column;gap:15px}.hero-class-panel{background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:20px;text-align:center}.hero-class-panel h3{margin:0 0 5px;color:#a58b76;font-size:14px;text-transform:uppercase}.hero-class-name{font-size:28px;font-weight:900;color:#4a3f35;margin:0 0 10px}.hero-level-text{font-size:16px;color:#6ab5c7;font-weight:700;margin-bottom:15px}.hero-alloc-panel{background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:20px;flex:1;display:flex;flex-direction:column}.alloc-header{display:flex;justify-content:space-between;margin-bottom:20px}.alloc-header h3{margin:0;color:#4a3f35;font-size:18px}.stat-points{background:#f6be4f;color:#4a3f35;padding:4px 12px;border-radius:20px;font-weight:900;font-size:14px}.alloc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;background:#fff;padding:10px 15px;border-radius:8px;border:1px solid #e2d5c8;transition:all .3s}.alloc-row.main-attribute-highlight{border-color:#f6be4f;background:#fffcf4;box-shadow:0 0 10px #f6be4f33}.alloc-row.main-attribute-highlight .alloc-name{color:#c98a1a}.alloc-name{font-weight:700;color:#705c4b;width:80px}.alloc-val{font-size:18px;font-weight:900;color:#6ab5c7}.alloc-btn{background:#cca677;color:#fff;border:none;width:30px;height:30px;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;transition:transform .1s}.alloc-btn:hover{background:#b58d5c;transform:scale(1.05)}.alloc-btn:disabled{background:#e2d5c8;cursor:not-allowed;transform:none}.hero-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-avatar-circle{width:240px;height:240px;border-radius:50%;background:#e2d5c8;display:flex;justify-content:center;align-items:center;box-shadow:inset 0 4px 10px #0000000d}.hero-avatar-circle img{max-width:200px;max-height:200px;object-fit:contain}.hero-right{flex:1;background:#f8f4ef;border-radius:12px;border:1px solid #ebd9cc;padding:20px;display:flex;flex-direction:column}.hero-right h3{margin:0 0 20px;color:#4a3f35;font-size:18px;text-align:center}.final-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.final-stat-box{background:#fff;border:1px solid #e2d5c8;border-radius:8px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.fs-name{font-size:11px;color:#a58b76;text-transform:uppercase;font-weight:700;margin-bottom:5px}.fs-val{font-size:18px;font-weight:900;color:#4a3f35}.sec-stats-title{margin:20px 0 10px;color:#a58b76;font-size:12px;text-transform:uppercase;text-align:center;border-top:1px dashed #ebd9cc;padding-top:15px}.secondary-stats-grid{display:flex;flex-direction:column;gap:8px}.sec-stat-row{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:6px 12px;border-radius:6px;border:1px solid #ebd9cc}.ss-name{font-size:12px;font-weight:700;color:#705c4b}.ss-val{font-size:13px;font-weight:700;color:#6ab5c7}@media(orientation:portrait),(max-width:600px){.hero-body{flex-direction:column;overflow-y:auto}.hero-left,.hero-center,.hero-right{width:100%;flex:0 0 auto}.hero-avatar-circle{width:min(240px,40vw);height:min(240px,40vw);margin:15px auto}.hero-avatar-circle img{max-width:min(200px,32vw);max-height:min(200px,32vw)}.final-stats-grid{grid-template-columns:1fr 1fr}}.hero-upgrade-btn{width:80%;padding:12px;background:#1d4ed8;color:#fff;border:2px solid #60a5fa;border-radius:8px;font-size:14px;font-weight:900;cursor:pointer;transition:all .2s;text-align:center;margin-top:15px}.hero-upgrade-btn:hover{background:#2563eb;border-color:#93c5fd;transform:scale(1.03)}.hero-upgrade-btn:disabled{background:#475569;border-color:#64748b;cursor:not-allowed;transform:none}.hero-xp-container{margin-top:12px;width:100%;display:flex;justify-content:center;align-items:center}.hero-xp-bar-bg{background:#e2d5c8;border-radius:8px;height:18px;position:relative;overflow:hidden;border:1px solid #cca677;width:100%;box-sizing:border-box;box-shadow:inset 0 2px 4px #00000026}.hero-xp-bar-fill{background:linear-gradient(90deg,#a855f7,#c084fc);height:100%;width:0%;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #a855f766}.hero-xp-text{position:absolute;width:100%;text-align:center;left:0;top:0;font-size:11px;font-weight:800;color:#3b2f2f;line-height:16px;text-shadow:0 0 2px rgba(255,255,255,.8)}.shop-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.shop-container{width:90%;max-width:1200px;height:85%;background:#0f1e32e6;border:2px solid #4aa6f7;border-radius:12px;box-shadow:0 0 30px #4aa6f74d;display:flex;flex-direction:column;overflow:hidden;position:relative}.shop-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#07111fe6;border-bottom:2px solid #4aa6f7}.shop-title h2{margin:0;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);display:flex;align-items:center;gap:10px}.shop-title p{margin:5px 0 0;font-size:13px;color:#9af2ff;font-weight:600}.shop-resources{display:flex;gap:15px;font-size:16px;font-weight:700;background:#00000080;padding:10px 20px;border-radius:8px;border:1px solid #4aa6f7}.res-item{display:flex;align-items:center;gap:6px}.shop-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s}.shop-close-btn:hover{transform:scale(1.1)}.shop-content{flex:1;padding:20px;overflow-y:auto}.shop-section{margin-bottom:30px}.shop-section h3{font-size:20px;color:#69e6ff;margin-bottom:15px;border-bottom:1px dashed #4aa6f7;padding-bottom:5px;text-transform:uppercase}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.shop-card{background:#07111fb3;border:1px solid #2a5a8a;border-radius:8px;padding:15px;display:flex;gap:15px;transition:all .3s}.shop-card:hover{border-color:#69e6ff;box-shadow:0 0 15px #69e6ff33;transform:translateY(-2px)}.shop-icon{font-size:40px;background:#00000080;border:1px solid #4aa6f7;border-radius:8px;width:60px;height:60px;display:flex;justify-content:center;align-items:center}.shop-info{flex:1;display:flex;flex-direction:column}.shop-item-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:5px}.shop-item-desc{font-size:12px;color:#a0aab5;margin-bottom:auto;line-height:1.3}.shop-buy-btn{margin-top:10px;background:#1a4a75;border:1px solid #4aa6f7;color:#fff;padding:8px;border-radius:4px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:5px;transition:all .2s}.shop-buy-btn:hover:not(:disabled){background:#2a75b8}.shop-buy-btn:disabled{background:#333;border-color:#555;color:#888;cursor:not-allowed}.shop-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#07111ff2;border:2px solid #69e6ff;border-radius:12px;padding:20px 30px;text-align:center;z-index:1001;animation:zoomIn .2s ease-out;box-shadow:0 0 50px #000c}.shop-modal h3{color:#fff;margin-bottom:10px}.shop-modal-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.shop-modal-btn{padding:8px 20px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:transform .2s}.shop-modal-btn:hover{transform:scale(1.05)}.btn-confirm{background:#4aa6f7;color:#fff}.btn-cancel{background:#555;color:#fff}@keyframes zoomIn{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.blacksmith-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#090f1de6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.blacksmith-container{width:95%;max-width:1300px;height:90%;background:#0d1527d9;border:2px solid #00f0ff;border-radius:12px;box-shadow:0 0 30px #00f0ff33;display:flex;flex-direction:column;overflow:hidden;position:relative}.blacksmith-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#07111fe6;border-bottom:2px solid #00f0ff}.blacksmith-title h2{margin:0;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);display:flex;align-items:center;gap:10px}.blacksmith-title p{margin:5px 0 0;font-size:13px;color:#9af2ff;font-weight:600}.blacksmith-resources{display:flex;gap:15px;font-size:16px;font-weight:700;background:#00000080;padding:10px 20px;border-radius:8px;border:1px solid #4aa6f7}.blacksmith-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s}.blacksmith-close-btn:hover{transform:scale(1.1)}.blacksmith-content{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden}.blacksmith-panel{background:#0d1527d9;border:2px solid #1e293b;border-radius:12px;display:flex;flex-direction:column;position:relative;overflow:hidden}.blacksmith-panel.left{width:300px;flex-shrink:0}.blacksmith-panel.left:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;background:#00f0ff}.blacksmith-panel.center{flex:1;background:#0a101fb3;align-items:center;justify-content:center;border-color:#334155}.blacksmith-panel.right{width:320px;flex-shrink:0}.blacksmith-panel.right:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;background:#ffdc5a}.panel-title{padding:20px;font-size:15px;font-weight:900}.panel-title.blue{color:#89c5f8}.panel-title.yellow{color:#ffdc5a}.recipe-list{flex:1;overflow-y:auto;padding:0 15px 15px;display:flex;flex-direction:column;gap:10px}.recipe-card{background:#0f172a;border:1.5px solid #334155;border-radius:8px;padding:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;position:relative}.recipe-card:hover{background:#182235}.recipe-card.active{background:#1e293b;border-color:#00f0ff}.recipe-icon{width:44px;height:44px;background:#0b0f19;border:1.5px solid #4aa6f7;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px}.recipe-card.owned .recipe-icon{border-color:#4ade80}.recipe-info{flex:1;display:flex;flex-direction:column}.recipe-name{font-size:13px;font-weight:900;color:#fff}.recipe-card.active .recipe-name{color:#00f0ff}.recipe-card.owned .recipe-name{color:#4ade80}.recipe-slot{font-size:10px;color:#94a3b8;font-weight:800;text-transform:uppercase}.recipe-cost{font-size:11px;font-weight:900;color:#ffdc5a}.recipe-card.owned .recipe-cost{color:#4ade80}.forge-chamber{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.forge-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;pointer-events:none;z-index:0}.forge-rings circle{fill:none;stroke:#00f0ff26;stroke-width:2}.forge-target{width:80px;height:80px;background:#090f1d;border:2px solid #00f0ff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:40px;position:relative;margin-bottom:60px;z-index:10}.forge-target.owned{border-color:#4ade80}.forge-target-label{position:absolute;top:-30px;font-size:12px;color:#89c5f8;font-weight:900;text-shadow:0 0 2px #000;white-space:nowrap}.forge-materials-label{font-size:12px;color:#94a3b8;font-weight:900;margin-bottom:20px;z-index:10}.forge-materials{display:flex;gap:20px;position:relative;z-index:10}.forge-material-slot{width:80px;height:80px;background:#0d1527;border:2px solid #ef4444;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10;transition:transform .2s}.forge-material-slot.sufficient{border-color:#10b981}.forge-material-slot:hover{transform:scale(1.05)}.mat-icon{font-size:28px;margin-bottom:5px}.mat-count{font-size:12px;font-weight:900;color:#f87171}.forge-material-slot.sufficient .mat-count{color:#10b981}.forge-lines{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.forge-action{margin-top:50px;width:280px;z-index:10}.btn-forge{width:100%;padding:15px;background:#d97706;border:2px solid #fcd34d;color:#fff;font-size:16px;font-weight:900;border-radius:8px;cursor:pointer;transition:all .2s}.btn-forge:hover:not(:disabled){background:#eab308;transform:scale(1.05)}.btn-forge:disabled{background:#334155;border-color:#475569;color:#94a3b8;cursor:not-allowed;transform:none}.btn-crafted{width:100%;padding:15px;background:#1e293b;border:2px solid #475569;color:#64748b;font-size:16px;font-weight:900;border-radius:8px;text-align:center}.progress-bar-container{width:100%;height:20px;background:#07111f;border:1px solid #334155;border-radius:10px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;width:0%;background:#00f0ff;transition:width 1.2s linear}.progress-text{margin-top:10px;font-size:11px;color:#00f0ff;font-weight:900;text-align:center}.specs-content{padding:0 20px;display:flex;flex-direction:column;align-items:center;flex:1}.specs-icon{width:90px;height:90px;background:#0f172a;border:3px solid #ffdc5a;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:46px;margin-top:10px;margin-bottom:20px}.specs-icon.owned{border-color:#4ade80}.specs-name{font-size:20px;font-weight:900;color:#fff;text-align:center;margin-bottom:10px}.specs-name.owned{color:#4ade80}.specs-slot{background:#1e293b;border:1px solid rgba(74,166,247,.5);padding:4px 15px;border-radius:12px;font-size:11px;font-weight:900;color:#89c5f8;text-transform:uppercase;margin-bottom:20px}.specs-divider{width:100%;height:1px;background:#1e293bcc;margin-bottom:15px}.specs-stats{width:100%;margin-bottom:20px}.specs-stats-title{font-size:12px;font-weight:900;color:#64748b;margin-bottom:10px}.stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{font-size:13px;font-weight:800;color:#cbd5e1}.stat-value{font-size:14px;font-weight:900;color:#00f0ff}.specs-desc{font-size:11px;font-weight:800;color:#64748b;text-align:center;line-height:1.4;margin-top:auto;margin-bottom:20px}.specs-status{font-size:16px;font-weight:900;margin-bottom:20px}.specs-status.owned{color:#4ade80}.specs-status.ready{color:#00f0ff}@media(orientation:portrait),(max-width:900px){.blacksmith-content{flex-direction:column;overflow-y:auto}.blacksmith-panel.left,.blacksmith-panel.right{width:100%;flex:0 0 auto}.blacksmith-panel.center{min-height:250px;padding:20px 0}}.skills-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a192de6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.skills-container{width:95%;max-width:1300px;height:90%;background:#0d1527d9;border:2px solid #89c5f8;border-radius:12px;box-shadow:0 0 30px #89c5f833;display:flex;flex-direction:column;overflow:hidden;position:relative}.skills-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#07111fe6;border-bottom:2px solid #89c5f8}.skills-title h2{margin:0;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);display:flex;align-items:center;gap:10px}.skills-title p{margin:5px 0 0;font-size:13px;color:#9af2ff;font-weight:600}.skills-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s}.skills-close-btn:hover{transform:scale(1.1)}.skills-content{flex:1;display:flex;padding:20px;gap:20px;overflow:hidden}.skills-road-panel{flex:1;display:flex;flex-direction:column;background:#0a101fb3;border:2px solid #1e293b;border-radius:12px;position:relative}.skills-road-container{flex:1;position:relative;overflow-y:auto;display:flex;justify-content:center;align-items:center}.road-path{position:absolute;width:10px;background:#1e293b;top:50px;bottom:50px;left:50%;transform:translate(-50%);border-radius:5px}.road-path-active{position:absolute;width:10px;background:#facc15;bottom:50px;left:50%;transform:translate(-50%);border-radius:5px;box-shadow:0 0 10px #facc1580;transition:height .5s}.road-nodes{display:flex;flex-direction:column-reverse;justify-content:space-between;height:100%;padding:50px 0;position:relative;z-index:10;width:100%;max-width:500px}.road-node{display:flex;align-items:center;gap:20px;position:relative}.node-level{width:80px;text-align:right;font-size:20px;font-weight:900;color:#64748b}.node-circle{width:60px;height:60px;background:#1e293b;border:3px solid #475569;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.node-circle img{width:40px;height:40px;opacity:.3}.node-status-icon{position:absolute;top:-5px;right:-5px;width:24px;height:24px;border-radius:50%;border:1.5px solid white;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.node-info{flex:1}.node-title{font-size:16px;font-weight:900;color:#94a3b8;margin-bottom:5px}.node-desc{font-size:13px;font-weight:800;color:#64748b}.road-node.unlocked .node-level{color:#facc15}.road-node.unlocked .node-circle{background:#0c86bd;border-color:#ffdc5a}.road-node.unlocked .node-circle img{opacity:1}.road-node.unlocked .node-title{color:#fff}.road-node.unlocked .node-desc{color:#00f0ff}.road-node.unlocked .node-status-icon{background:#22c55e;color:#fff}.road-node.next .node-level{color:#38bdf8}.road-node.next .node-circle{background:#1e3a5f;border-color:#38bdf8}.road-node.next .node-circle img{opacity:1}.road-node.next .node-title{color:#38bdf8}.road-node.next .node-desc{color:#60a5fa}.road-node.next .node-status-icon{background:#facc15;color:#fff}.skills-upgrade-panel{background:#0d1527e6;border-top:2px solid #1e293b;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.upgrade-info{display:flex;flex-direction:column}.upgrade-target{font-size:24px;font-weight:900;color:#fff}.upgrade-points{font-size:15px;font-weight:900;margin-top:5px}.btn-unlock{padding:15px 40px;border:2px solid #ffffff;border-radius:8px;font-size:18px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s}.btn-unlock.ready{background:#22c55e}.btn-unlock.ready:hover{background:#16a34a;transform:scale(1.05)}.btn-unlock.locked{background:#94a3b8;cursor:not-allowed}.skills-cumulative-panel{width:380px;background:#07111ff2;border:2px solid #4aa6f7;border-radius:12px;display:flex;flex-direction:column;padding:20px}.cumulative-title{text-align:center;font-size:18px;font-weight:900;color:#ffdc5a;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #1e293b}.cumulative-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:15px}.cumul-row{display:flex;align-items:center;gap:12px}.cumul-icon{width:30px;height:30px;opacity:.3}.cumul-icon.active{opacity:1}.cumul-name{flex:1;font-size:13px;font-weight:800;color:#475569}.cumul-name.active{color:#fff}.cumul-level{font-size:12px;font-weight:800;color:#475569;width:50px}.cumul-level.active{color:#00f0ff}.cumul-effect{font-size:12px;font-weight:900;color:#f87171;text-align:right;width:120px}.cumul-effect.active{color:#4ade80}@media(orientation:portrait),(max-width:900px){.skills-content{flex-direction:column;overflow-y:auto}.skills-road-panel{width:100%;flex:0 0 auto;min-height:400px}.skills-cumulative-panel{width:100%;flex:0 0 auto;min-height:250px}}.stage-selection-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.stage-selection-container{width:90%;max-width:960px;height:80%;background:#0f1e32e6;border:2px solid #3b82f6;border-radius:12px;box-shadow:0 0 30px #3b82f64d;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out}.stage-selection-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#07111fe6;border-bottom:2px solid #3b82f6}.stage-selection-title h2{margin:0;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);display:flex;align-items:center;gap:10px}.stage-selection-title p{margin:5px 0 0;font-size:13px;color:#9af2ff;font-weight:600}.stage-selection-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s}.stage-selection-close-btn:hover{transform:scale(1.1)}.stage-selection-content{flex:1;padding:30px;overflow-y:auto;display:flex;justify-content:center;align-items:center}.stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:860px}.stage-card{background:#1e293bf2;border:2px solid #3b82f6;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:160px;position:relative;transition:all .2s ease-in-out;cursor:pointer;box-sizing:border-box}.stage-card.unlocked:hover{transform:scale(1.04);border-color:#60a5fa;box-shadow:0 0 20px #60a5fa66}.stage-card.locked{background:#0f172ab3;border:1px solid #475569;cursor:not-allowed;opacity:.85}.stage-card-title{font-size:20px;font-weight:900;color:#ffdc5a;text-shadow:0 0 10px rgba(255,220,90,.3);text-transform:uppercase;margin-bottom:8px}.stage-card.locked .stage-card-title{color:#64748b;text-shadow:none}.stage-card-time{font-size:13px;font-weight:800;color:#bfdbfe;margin-bottom:8px}.stage-card-reward{font-size:13px;font-weight:800;color:#69e6ff;margin-bottom:15px}.stage-start-btn{background:#2563eb;border:1px solid #60a5fa;color:#fff;font-size:12px;font-weight:900;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase;width:80%;text-align:center}.stage-card.unlocked:hover .stage-start-btn{background:#3b82f6;box-shadow:0 0 10px #60a5fa99}.stage-lock-icon{font-size:32px;margin:10px 0;display:flex;align-items:center;justify-content:center;color:#64748b}.stage-locked-label{font-size:12px;font-weight:900;color:#64748b;letter-spacing:2px;text-transform:uppercase}@media(max-width:600px){.stage-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stage-selection-content{padding:15px}}@media(max-width:380px){.stage-grid{grid-template-columns:1fr}}.settings-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.settings-container{width:min(460px,90vw);background:#0f1e32f2;border:2px solid #00d6ff;border-radius:12px;box-shadow:0 0 35px #00d6ff59;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#07111fe6;border-bottom:2px solid #00d6ff}.settings-title h2{margin:0;font-size:24px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);text-transform:uppercase}.settings-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:32px;height:32px;font-size:16px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s;display:flex;align-items:center;justify-content:center}.settings-close-btn:hover{transform:scale(1.1)}.settings-body{padding:24px;display:flex;flex-direction:column;gap:20px}.settings-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:15px}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-label{font-size:15px;font-weight:800;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.1);text-transform:uppercase}.settings-toggle-btn{width:100px;height:36px;border-radius:6px;font-size:14px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.settings-toggle-btn.btn-on{background:#15803d;border:2px solid #4ade80}.settings-toggle-btn.btn-on:hover{background:#16a34a;box-shadow:0 0 10px #4ade8080}.settings-toggle-btn.btn-off{background:#b91c1c;border:2px solid #fca5a5}.settings-toggle-btn.btn-off:hover{background:#dc2626;box-shadow:0 0 10px #fca5a580}.settings-scale-btn{width:150px;height:36px;border-radius:6px;font-size:11px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.settings-scale-btn.btn-stretch{background:#15803d;border:2px solid #4ade80}.settings-scale-btn.btn-stretch:hover{background:#16a34a;box-shadow:0 0 10px #4ade8080}.settings-scale-btn.btn-canvas{background:#0284c7;border:2px solid #38bdf8}.settings-scale-btn.btn-canvas:hover{background:#0369a1;box-shadow:0 0 10px #38bdf880}.settings-reset-row{margin-top:15px;display:flex;justify-content:center}.settings-reset-btn{width:100%;height:40px;background:#991b1b;border:2px solid #fecaca;border-radius:6px;font-size:14px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-reset-btn:hover{background:#b91c1c;box-shadow:0 0 12px #fecaca66}@keyframes zoomInScale{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:500px){.settings-toggle-btn{width:80px;font-size:12px}.settings-scale-btn{width:110px;font-size:10px}.settings-row{flex-direction:column;align-items:flex-start;gap:8px}.settings-row-control{width:100%;display:flex;justify-content:flex-end}}.mode-selection-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.mode-selection-container{width:90%;max-width:960px;height:80%;background:#0f1e32f2;border:2px solid #00bcd4;border-radius:12px;box-shadow:0 0 30px #00bcd44d;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out}.mode-selection-header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;background:#07111fe6;border-bottom:2px solid #00bcd4}.mode-selection-title h2{margin:0;font-size:28px;font-weight:900;color:#fff;text-shadow:0 0 10px rgba(0,188,212,.5);display:flex;align-items:center;gap:10px}.mode-selection-close-btn{background:#d97706;border:2px solid #fef08a;color:#fff;width:40px;height:40px;font-size:20px;font-weight:700;cursor:pointer;border-radius:6px;transition:transform .2s}.mode-selection-close-btn:hover{transform:scale(1.1)}.mode-selection-content{flex:1;padding:30px;overflow-y:auto;display:flex;justify-content:center;align-items:center}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;max-width:860px}.mode-card{background:#1e293bf2;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:320px;box-sizing:border-box;transition:all .2s ease-in-out;cursor:pointer;position:relative}.mode-card.mode-survival{border:2px solid #e040fb}.mode-card.mode-survival:hover{box-shadow:0 0 20px #e040fb66;transform:scale(1.03)}.mode-card.mode-gold_farm{border:2px solid #4caf50}.mode-card.mode-gold_farm:hover{box-shadow:0 0 20px #4caf5066;transform:scale(1.03)}.mode-card.mode-looting{border:2px solid #00bcd4}.mode-card.mode-looting:hover{box-shadow:0 0 20px #00bcd466;transform:scale(1.03)}.mode-card-title{font-size:20px;font-weight:900;color:#ffdc5a;text-shadow:0 0 10px rgba(255,220,90,.3);text-transform:uppercase;margin-bottom:12px}.mode-card-desc{font-size:13px;font-weight:700;color:#e2e8f0;text-align:center;line-height:1.4;margin-bottom:auto;margin-top:10px}.mode-card-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;width:100%;align-items:center}.mode-attempts{font-size:12px;font-weight:900}.mode-attempts.available{color:#4ade80}.mode-attempts.empty{color:#f87171}.mode-tickets{font-size:12px;font-weight:900;color:#38bdf8}.mode-enter-btn{border:1px solid #ffffff;color:#fff;font-size:12px;font-weight:900;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .2s;text-transform:uppercase;width:85%;text-align:center}.mode-card.mode-survival .mode-enter-btn{background:#e040fb}.mode-card.mode-survival:hover .mode-enter-btn{background:#d53ae6;box-shadow:0 0 10px #e040fb99}.mode-card.mode-gold_farm .mode-enter-btn{background:#4caf50}.mode-card.mode-gold_farm:hover .mode-enter-btn{background:#43a047;box-shadow:0 0 10px #4caf5099}.mode-card.mode-looting .mode-enter-btn{background:#00bcd4}.mode-card.mode-looting:hover .mode-enter-btn{background:#00acc1;box-shadow:0 0 10px #00bcd499}.mode-feedback-banner{position:absolute;top:85px;left:50%;transform:translate(-50%);background:#f87171f2;border:2px solid #ef4444;color:#fff;font-weight:900;font-size:15px;padding:10px 20px;border-radius:6px;box-shadow:0 4px 15px #ef444466;z-index:1010;animation:slideDownFade .3s ease-out forwards;pointer-events:none}@keyframes slideDownFade{0%{transform:translate(-50%,-15px);opacity:0}to{transform:translate(-50%);opacity:1}}.mode-feedback-banner.fade-out{animation:fadeOutUp .3s ease-in forwards}@keyframes fadeOutUp{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-15px);opacity:0}}@media(max-width:650px){.mode-grid{grid-template-columns:1fr;gap:12px}.mode-card{min-height:180px;padding:15px}.mode-selection-content{padding:15px}}.stage-result-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.stage-result-container{width:min(560px,92vw);background:#0f1e32f5;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out;box-sizing:border-box}.stage-result-container.victory{border:3px solid #facc15;box-shadow:0 0 35px #facc1559}.stage-result-container.defeat{border:3px solid #ef4444;box-shadow:0 0 35px #ef444459}.stage-result-header{padding:25px 20px 10px;text-align:center;background:#07111fd9}.stage-result-title{font-size:clamp(24px,8vw,48px);font-weight:900;letter-spacing:2px;margin:0;text-transform:uppercase}.victory .stage-result-title{color:#facc15;text-shadow:0 0 15px rgba(250,204,21,.5)}.defeat .stage-result-title{color:#f87171;text-shadow:0 0 15px rgba(248,113,113,.5)}.stage-result-subtitle{font-size:14px;font-weight:700;color:#94a3b8;margin-top:5px;text-transform:uppercase}.stage-result-body{padding:20px 25px;display:flex;flex-direction:column;gap:15px}.stage-result-exp-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:10px}.stage-clear-exp{font-size:16px;font-weight:900;color:#c084fc;text-shadow:0 0 8px rgba(192,132,252,.4)}.stage-level-up-badge{background:#f59e0b26;border:1px solid #f59e0b;color:#fcd34d;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:900;text-align:center;box-shadow:0 0 12px #f59e0b33;animation:pulse 1.5s infinite ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.stage-global-level-up-badge{background:#a855f726;border:1px solid #a855f7;color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:900;text-align:center;box-shadow:0 0 12px #a855f733;margin-top:5px}.stage-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stage-result-column{background:#1e293b8c;border-radius:8px;padding:15px;box-sizing:border-box}.stage-result-column.victory-col{border:1.5px solid #334155}.stage-result-column.rewards-col{border:1.5px solid rgba(250,204,21,.35)}.stage-result-column.defeat-col{border:1.5px solid rgba(239,68,68,.25);grid-column:span 2}.column-title{font-size:12px;font-weight:900;margin-bottom:12px;text-transform:uppercase}.victory-col .column-title{color:#38bdf8}.rewards-col .column-title{color:#facc15}.defeat-col .column-title{color:#f87171;text-align:center}.column-list{display:flex;flex-direction:column;gap:8px}.column-item{font-size:14px;font-weight:800;display:flex;justify-content:space-between}.column-item.centered{justify-content:center;gap:20px}.label-gold{color:#fbbf24}.label-exp{color:#c084fc}.label-hero-xp{color:#a855f7}.label-kills{color:#f8fafc}.stage-result-loot-panel{background:#0f172acc;border:1px solid #334155;border-radius:6px;padding:10px 15px;text-align:center;font-size:12px;font-weight:900;color:#34d399;letter-spacing:1px}.stage-result-loot-panel.has-loot{border-color:#34d399;text-shadow:0 0 5px rgba(52,211,153,.3)}.stage-result-footer{padding:15px 25px 25px;display:flex;justify-content:center;gap:20px;background:#07111f99}.stage-result-btn{width:160px;height:44px;border-radius:6px;font-size:15px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.3);text-transform:uppercase}.stage-result-btn.btn-blue{background:#2563eb;border-color:#60a5fa}.stage-result-btn.btn-blue:hover{background:#1d4ed8;box-shadow:0 0 10px #60a5fa80;transform:scale(1.03)}.stage-result-btn.btn-red{background:#ef4444;border-color:#f87171}.stage-result-btn.btn-red:hover{background:#dc2626;box-shadow:0 0 10px #f8717180;transform:scale(1.03)}.stage-result-btn.btn-slate{background:#475569}.stage-result-btn.btn-slate:hover{background:#334155;box-shadow:0 0 10px #4755694d;transform:scale(1.03)}@media(max-width:500px){.stage-result-columns{grid-template-columns:1fr;gap:12px}.stage-result-column.defeat-col{grid-column:span 1}.stage-result-btn{width:130px;font-size:13px}.stage-result-footer{gap:10px;padding:15px 15px 20px}}.upgrade-popup-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.upgrade-popup-container{width:950px;background:#0f1e32f7;border-radius:12px;border:2px solid #38bdf8;box-shadow:0 0 35px #38bdf859;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out;box-sizing:border-box}.upgrade-popup-header{padding:20px;text-align:center;background:#07111fe6;border-bottom:2px solid #facc15;position:relative}.upgrade-popup-title{font-size:26px;font-weight:900;letter-spacing:2px;margin:0;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);text-transform:uppercase}.upgrade-popup-body{padding:35px 30px;display:flex;justify-content:center;gap:30px;box-sizing:border-box}.upgrade-card{width:260px;height:320px;background:#111e30;border:2px solid #475569;border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;padding:20px 15px;box-sizing:border-box;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.upgrade-card-accent{position:absolute;top:4px;left:4px;right:4px;height:6px;background:#f59e0b;border-radius:3px 3px 0 0}.upgrade-card-icon-container{width:64px;height:64px;background:#1e293b;border:2px solid #facc15;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:15px;font-size:30px;box-shadow:0 0 12px #facc1533;transition:all .2s ease-out}.upgrade-card-title{font-size:16px;font-weight:900;color:#f8fafc;margin:15px 0 8px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.upgrade-card-divider{width:75%;height:1px;background:#47556980;margin-bottom:12px}.upgrade-card-description{font-size:13px;font-weight:500;color:#cbd5e1;text-align:center;line-height:1.4;flex-grow:1}.upgrade-card-select-btn{font-size:14px;font-weight:900;color:#facc15;text-transform:uppercase;margin-top:auto;letter-spacing:1px;transition:all .2s ease-out}.upgrade-card:hover{background:#1e3a5f;border-color:#facc15;box-shadow:0 0 25px #facc1559;transform:translateY(-8px)}.upgrade-card:hover .upgrade-card-icon-container{transform:scale(1.1);box-shadow:0 0 20px #facc1566}.upgrade-card:hover .upgrade-card-select-btn{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.6)}.upgrade-card:active{transform:translateY(-4px) scale(.98)}.pause-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2100;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.pause-container{width:min(380px,90vw);background:#0f1e32fa;border-radius:12px;border:3px solid #38bdf8;box-shadow:0 0 35px #38bdf859;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .2s ease-out;box-sizing:border-box}.pause-header{padding:25px 20px 15px;text-align:center;background:#07111fe6;border-bottom:2px solid #38bdf8}.pause-title{font-size:26px;font-weight:900;letter-spacing:2px;margin:0;color:#38bdf8;text-shadow:0 0 15px rgba(56,189,248,.5);text-transform:uppercase}.pause-body{padding:30px 25px;display:flex;flex-direction:column;gap:15px;align-items:center}.pause-btn{width:min(240px,75vw);height:44px;border-radius:6px;font-size:15px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;border:1px solid rgba(255,255,255,.3);text-transform:uppercase;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.pause-btn.btn-resume{background:#0ea5e9;border-color:#38bdf8}.pause-btn.btn-resume:hover{background:#0284c7;box-shadow:0 0 12px #38bdf880;transform:scale(1.03)}.pause-btn.btn-restart{background:#d97706;border-color:#fbbf24}.pause-btn.btn-restart:hover{background:#b45309;box-shadow:0 0 12px #fbbf2480;transform:scale(1.03)}.pause-btn.btn-leave{background:#475569}.pause-btn.btn-leave:hover{background:#334155;box-shadow:0 0 10px #4755694d;transform:scale(1.03)}.idle-reward-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background:#0a1928d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;color:#fff;font-family:Outfit,Arial,sans-serif}.idle-reward-container{width:440px;background:#0f1e32fa;border-radius:16px;border:3px solid #fbbf24;box-shadow:0 0 35px #fbbf2459;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:zoomInScale .25s ease-out;box-sizing:border-box}.idle-reward-header{padding:25px 20px 10px;text-align:center;background:#07111fd9;border-bottom:1.5px solid rgba(251,191,36,.25)}.idle-reward-title{font-size:24px;font-weight:900;letter-spacing:1.5px;margin:0;color:#fbbf24;text-shadow:0 0 15px rgba(251,191,36,.5);text-transform:uppercase}.idle-reward-subtitle{font-size:13px;font-weight:700;color:#94a3b8;margin-top:5px;text-transform:uppercase;letter-spacing:1px}.idle-reward-body{padding:30px 25px;display:flex;flex-direction:column;align-items:center;gap:20px}.idle-reward-chest{font-size:64px;animation:floatChest 2s infinite ease-in-out;filter:drop-shadow(0 0 15px rgba(251,191,36,.4))}@keyframes floatChest{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.idle-reward-time-text{font-size:15px;font-weight:800;color:#cbd5e1;text-align:center;line-height:1.5}.idle-reward-time-text span{color:#38bdf8;font-weight:900}.idle-reward-amount-box{background:#1e293b8c;border:1.5px solid rgba(251,191,36,.35);border-radius:8px;padding:12px 24px;display:flex;align-items:center;justify-content:center;gap:10px;width:80%;box-sizing:border-box}.idle-reward-amount-val{font-size:22px;font-weight:900;color:#fbbf24;text-shadow:0 0 8px rgba(251,191,36,.3)}.idle-reward-footer{padding:15px 25px 25px;display:flex;justify-content:center;background:#07111f99}.idle-reward-btn{width:100%;height:46px;border-radius:8px;font-size:16px;font-weight:900;color:#fff;cursor:pointer;transition:all .2s;background:#fbbf24;border:2px solid #fef08a;color:#4a3f35;text-transform:uppercase;letter-spacing:1px}.idle-reward-btn:hover{background:#f59e0b;box-shadow:0 0 15px #fbbf2499;transform:scale(1.02)}.idle-reward-btn:active{transform:scale(.98)}.preload-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle,#0a1128,#030712);display:flex;justify-content:center;align-items:center;z-index:9999;font-family:Outfit,Arial,sans-serif;color:#fff}.preload-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:90%;max-width:450px}.preload-title{font-size:36px;font-weight:900;letter-spacing:4px;color:#ffdc5a;text-shadow:0 0 15px rgba(255,220,90,.4)}.preload-bar-bg{width:100%;height:10px;background:#ffffff0d;border:1px solid rgba(0,214,255,.2);border-radius:5px;overflow:hidden;box-shadow:0 0 10px #00000080}.preload-bar-fill{height:100%;background:linear-gradient(90deg,#00bcd4,#3b82f6);box-shadow:0 0 10px #00d6ffb3;transition:width .1s ease-out}.preload-status{font-size:13px;font-weight:800;letter-spacing:2px;color:#69e6ff;text-shadow:0 0 5px rgba(105,230,255,.3)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#070b14;font-family:Outfit,Trebuchet MS,Arial,Helvetica,sans-serif;display:flex;justify-content:center;align-items:center}#game-container{position:relative;width:100%;height:100%}#game{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-root{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;overflow:hidden}canvas{display:block;image-rendering:auto}