#ui-root{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:Segoe UI,Roboto,sans-serif}#ui-root>*{pointer-events:auto}.panel{position:absolute;background:radial-gradient(ellipse at 15% 15%,rgba(78,205,196,.08) 0%,transparent 40%),linear-gradient(135deg,#0c121ef7,#121c2dfa);border:none;border-radius:25px 18px 28px 20px;box-shadow:0 0 20px #4ecdc41f,0 8px 30px #0006,inset 0 1px #ffffff0f;color:#fff;overflow:visible;animation:panelOrganicOpen .25s ease-out;will-change:transform,opacity}.panel:before{content:"";position:absolute;inset:-2px;border-radius:27px 20px 30px 22px;background:linear-gradient(135deg,#4ecdc466,#4ecdc41f 25%,#a29bfe26,#4ecdc41f 75%,#4ecdc459);z-index:-1;opacity:.8}.panel:after{content:"";position:absolute;top:15px;left:10px;width:4px;height:40%;background:linear-gradient(to bottom,rgba(78,205,196,.6),rgba(78,205,196,.15) 50%,transparent);border-radius:2px;pointer-events:none;opacity:.6}@keyframes panelOrganicOpen{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes organicBorderPulse{0%,to{opacity:.8}}@keyframes veinGlow{0%,to{opacity:.6}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:linear-gradient(90deg,rgba(78,205,196,.15) 0%,rgba(78,205,196,.05) 30%,transparent 100%);border-bottom:1px solid rgba(78,205,196,.2);border-radius:23px 16px 0 0}.panel-title{font-size:18px;font-weight:700;color:#7fdbca;text-shadow:0 0 10px rgba(78,205,196,.4),0 2px 4px rgba(0,0,0,.5)}.panel-close{width:32px;height:32px;border:none;background:radial-gradient(circle at 35% 35%,#ff6b6b4d,#b43c3c33);color:#ff8a8a;font-size:16px;border-radius:50% 45% 55% 48%;cursor:pointer;transition:all .25s;box-shadow:inset 0 -2px 5px #0003}.panel-close:hover{background:radial-gradient(circle at 35% 35%,#ff6b6b99,#c8505066);color:#fff;transform:scale(1.1) rotate(90deg);box-shadow:0 0 15px #ff6b6b66}.panel-content{padding:18px 20px;max-height:calc(100% - 60px);overflow-y:auto;border-radius:0 0 25px 18px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel-content::-webkit-scrollbar,.market-content::-webkit-scrollbar,.craft-content::-webkit-scrollbar,.genes-content::-webkit-scrollbar,.skills-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track,.market-content::-webkit-scrollbar-track,.craft-content::-webkit-scrollbar-track,.genes-content::-webkit-scrollbar-track,.skills-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.panel-content::-webkit-scrollbar-thumb,.market-content::-webkit-scrollbar-thumb,.craft-content::-webkit-scrollbar-thumb,.genes-content::-webkit-scrollbar-thumb,.skills-content::-webkit-scrollbar-thumb{background:#ffeaa74d;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover,.market-content::-webkit-scrollbar-thumb:hover,.craft-content::-webkit-scrollbar-thumb:hover,.genes-content::-webkit-scrollbar-thumb:hover,.skills-content::-webkit-scrollbar-thumb:hover{background:#ffeaa780}.inventory-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(700px,95vw);max-height:85vh;display:flex;flex-direction:column}.inventory-panel .panel-content{flex:1;overflow-y:auto;max-height:calc(85vh - 70px);padding-bottom:20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inventory-left,.inventory-right{display:flex;flex-direction:column;gap:12px}@media (max-width: 600px){.inventory-grid{grid-template-columns:1fr}}.inventory-section{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.05) 0%,transparent 50%),#0f162399;border-radius:15px 12px 18px 14px;padding:14px;border:1px solid rgba(78,205,196,.15);box-shadow:inset 0 1px 3px #0000004d}.section-title{font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(78,205,196,.2);text-shadow:0 0 8px currentColor}.section-title.materials{color:#ffeaa7}.section-title.minerals{color:#0ff}.section-title.food{color:#0f8}.section-title.equipment{color:#ff9f43}.section-title.equipped{color:#ff6b6b}.section-title.genes{color:#a29bfe}.item-row{display:flex;align-items:center;padding:6px 8px;margin:2px 0;border-radius:6px;transition:background .15s}.item-row:hover{background:#ffffff0d}.item-icon{font-size:16px;margin-right:8px;width:24px;text-align:center}.item-name{flex:1;font-size:14px}.item-count{color:#888;font-size:13px;margin-right:8px}.rarity-common{color:#aaa}.rarity-uncommon{color:#0f0}.rarity-rare{color:#0af}.rarity-epic{color:#a0f}.rarity-legendary{color:#fa0}.btn{padding:6px 12px;border:none;border-radius:12px 10px 14px 11px;font-size:12px;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 4px #0003}.btn-convert{background:radial-gradient(ellipse at 30% 30%,#64dcd266,#4ecdc440);color:#7fdbca;border:1px solid rgba(78,205,196,.3)}.btn-convert:hover{background:radial-gradient(ellipse at 30% 30%,#78f0e699,#4ecdc466);color:#fff;box-shadow:0 0 12px #4ecdc466;transform:scale(1.05)}.btn-eat{background:radial-gradient(ellipse at 30% 30%,#32ffa066,#00ff8840);color:#6fa;border:1px solid rgba(0,255,136,.3)}.btn-eat:hover{background:radial-gradient(ellipse at 30% 30%,#50ffb499,#0f86);color:#fff;box-shadow:0 0 12px #0f86;transform:scale(1.05)}.btn-equip{background:radial-gradient(ellipse at 30% 30%,#64dcd266,#4ecdc440);color:#7fdbca;border:1px solid rgba(78,205,196,.3)}.btn-equip:hover{background:radial-gradient(ellipse at 30% 30%,#78f0e699,#4ecdc466);color:#fff;box-shadow:0 0 12px #4ecdc466;transform:scale(1.05)}.btn-unequip{background:radial-gradient(ellipse at 30% 30%,#ff82824d,#ff6b6b33);color:#ff8a8a;border:1px solid rgba(255,107,107,.3);padding:4px 8px}.btn-unequip:hover{background:radial-gradient(ellipse at 30% 30%,#ff969680,#ff6b6b66);color:#fff;box-shadow:0 0 10px #ff6b6b66;transform:scale(1.05)}.equipment-slots{display:flex;flex-direction:column;gap:6px}.equip-slot{display:flex;align-items:center;padding:10px 12px;background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.08) 0%,transparent 50%),#0f162380;border-radius:14px 10px 16px 12px;border:1px solid rgba(78,205,196,.15);transition:all .2s}.equip-slot:hover{background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.15) 0%,transparent 50%),#141e2d99;border-color:#4ecdc44d}.equip-slot.empty{opacity:.5;border-style:dashed}.slot-icon{font-size:16px;width:28px;text-align:center}.slot-name{flex:1;font-size:13px}.slot-empty{color:#555;font-style:italic}.durability-bar{width:60px;height:10px;background:#333;border-radius:5px;overflow:hidden;margin-right:8px}.durability-fill{height:100%;transition:width .3s}.durability-fill.high{background:linear-gradient(90deg,#0c0,#0f0)}.durability-fill.medium{background:linear-gradient(90deg,#c80,#fa0)}.durability-fill.low{background:linear-gradient(90deg,#c00,red)}.durability-text{font-size:11px;color:#888;width:35px;text-align:right;margin-right:8px}.gene-item{display:flex;align-items:center;padding:8px 10px;margin:4px 0;background:#a29bfe1a;border:1px solid rgba(162,155,254,.3);border-radius:6px;cursor:pointer;transition:all .15s}.gene-item:hover{background:#a29bfe33;border-color:#a29bfe}.gene-icon{font-size:18px;margin-right:10px}.gene-name{flex:1;color:#a29bfe}.gene-level{color:#888;font-size:12px}.panel-hint{text-align:center;padding:10px;font-size:12px;color:#666;border-top:1px solid rgba(255,255,255,.05);margin-top:12px}.empty-state{text-align:center;padding:40px 20px;color:#555}.empty-state-icon{font-size:48px;margin-bottom:12px}.empty-state-text{font-size:14px}.tooltip{position:fixed;background:radial-gradient(ellipse at 20% 20%,rgba(78,205,196,.1) 0%,transparent 50%),#0c121cf2;border:none;border-radius:12px 8px 14px 10px;padding:10px 14px;font-size:12px;color:#ded;max-width:250px;z-index:2000;pointer-events:none;box-shadow:0 0 15px #4ecdc433,0 6px 20px #00000080}.tooltip:before{content:"";position:absolute;inset:-1px;border-radius:13px 9px 15px 11px;background:linear-gradient(135deg,#4ecdc466,#4ecdc41a 50%,#a29bfe33);z-index:-1}.hidden{display:none!important}.genes-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(800px,95vw);max-height:90vh;display:flex;flex-direction:column}.genes-content{flex:1;overflow-y:auto;max-height:75vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.genes-header{background:linear-gradient(90deg,rgba(78,205,196,.2),transparent)}.genes-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}@media (max-width: 700px){.genes-grid{grid-template-columns:1fr}}.genes-section{background:radial-gradient(ellipse at 10% 10%,rgba(162,155,254,.08) 0%,transparent 50%),#0f162399;border-radius:16px 12px 18px 14px;padding:14px;border:1px solid rgba(162,155,254,.15);margin-bottom:12px}.section-title.genes-active{color:#7fdbca}.section-title.resources{color:#788}.section-title.genes-inv{color:#a29bfe}.section-title.genes-craft{color:#b8db7f}.gene-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.gene-slot{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .25s;min-height:70px;position:relative}.gene-slot.empty{background:radial-gradient(circle at 40% 40%,#283737e6,#1a2828f2);border:2px dashed rgba(78,205,196,.3);box-shadow:inset 0 -5px 15px #0000004d}.gene-slot.empty:hover{border-color:#4ecdc499;box-shadow:0 0 15px #4ecdc433,inset 0 -5px 15px #0000004d}.gene-slot.filled{background:radial-gradient(circle at 35% 35%,#3c5050e6,#1e2d2df2);border:3px solid;box-shadow:inset 0 -8px 15px #0000004d,inset 0 3px 8px #ffffff1a}.gene-slot.filled:before{content:"";position:absolute;top:8px;left:15px;width:12px;height:8px;background:#ffffff4d;border-radius:50%;filter:blur(2px)}.gene-slot.filled:hover{transform:scale(1.1);box-shadow:0 0 20px currentColor,inset 0 -8px 15px #0000004d,inset 0 3px 8px #ffffff1a}.gene-slot-icon{font-size:28px}.gene-slot-level{font-size:12px;margin-top:4px}.gene-slot-number{font-size:24px;color:#3a4a4a}.gene-level-1{border-color:#4ecdc4;color:#7fdbca}.gene-level-1 .gene-slot-level{color:#7fdbca}.gene-level-2{border-color:#4db8db;color:#7fc4db}.gene-level-2 .gene-slot-level{color:#7fc4db}.gene-level-3{border-color:#dbc44d;color:#dbca7f}.gene-level-3 .gene-slot-level{color:#dbca7f}.resources-section{background:#2a3a3a80}.resources-row{display:flex;gap:20px;margin-top:8px}.resource-item{font-size:16px;color:#455}.resource-item.has{color:#7fdbca}.empty-hint{color:#566;font-size:13px;padding:10px 0}.gene-inv-item{display:flex;align-items:center;padding:8px 12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:all .15s}.gene-inv-item.gene-level-1{background:#2a5a3ae6}.gene-inv-item.gene-level-2{background:#2a4a6ae6}.gene-inv-item.gene-level-3{background:#5a4a2ae6}.gene-inv-item:hover{transform:translate(4px);filter:brightness(1.2)}.gene-inv-icon{font-size:18px;margin-right:10px}.gene-inv-name{flex:1;font-size:13px}.gene-inv-equip{font-size:11px;color:#abb}.craft-cost-hint{text-align:center;font-size:11px;color:#677;margin-bottom:12px}.gene-craft-card{background:#1a2828f2;border-radius:10px;padding:12px;margin-bottom:8px;border:1px solid #2a3a3a}.gene-craft-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.gene-craft-icon{font-size:18px}.gene-craft-name{font-size:14px;color:#ded}.gene-craft-desc{font-size:11px;color:#788;margin-bottom:8px}.gene-craft-buttons{display:flex;gap:6px}.gene-craft-btn{flex:1;padding:8px 10px;font-size:11px;border-radius:12px 9px 14px 10px;border:none;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.gene-craft-btn.gene-level-1{background:radial-gradient(ellipse at 30% 30%,#3c7850cc,#2a5a3ae6);color:#7fdbca;border:1px solid rgba(78,205,196,.3)}.gene-craft-btn.gene-level-2{background:radial-gradient(ellipse at 30% 30%,#3c648ccc,#2a4a6ae6);color:#7fc4db;border:1px solid rgba(77,184,219,.3)}.gene-craft-btn.gene-level-3{background:radial-gradient(ellipse at 30% 30%,#78643ccc,#5a4a2ae6);color:#dbca7f;border:1px solid rgba(219,196,77,.3)}.gene-craft-btn:hover:not(.disabled){transform:scale(1.05);box-shadow:0 0 12px currentColor,inset 0 -2px 5px #0003}.gene-craft-btn.disabled{background:#14191ecc;color:#455;cursor:not-allowed;border-color:transparent}.skills-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,95vw);max-height:85vh;display:flex;flex-direction:column}.skills-content{flex:1;overflow-y:auto;max-height:68vh;padding:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.skills-header{background:linear-gradient(90deg,rgba(255,217,61,.2),transparent)}.skills-panel .skills-level-bar{margin-bottom:6px}.skills-panel .level-bar-bg{height:14px;background:#1a2a2a;border-radius:7px;overflow:hidden;border:1px solid #3a5a5a}.skills-panel .level-bar-fill{height:100%;background:linear-gradient(90deg,#2a6a5a,#4ecdc4);transition:width .3s}.skills-panel .level-bar-text{display:block;text-align:center;font-size:9px;color:#acc;margin-top:2px}.skills-panel .skills-points{text-align:center;font-size:11px;color:#566;margin-bottom:8px}.skills-panel .skills-points.has-points{color:#7fdbca;font-weight:700}.skills-branches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}@media (max-width: 700px){.skills-branches{grid-template-columns:repeat(2,1fr)}}.skills-panel .skill-branch{background:radial-gradient(ellipse at 50% 10%,rgba(78,205,196,.06) 0%,transparent 50%),#0f162399;border-radius:10px;border:1px solid rgba(78,205,196,.12);padding:4px}.skills-panel .skill-branch.main-branch{box-shadow:0 0 8px #ffffff1a}.skills-panel .branch-header{text-align:center;font-size:9px;font-weight:700;padding:3px 4px;border-radius:6px;margin-bottom:4px;text-shadow:0 0 8px currentColor}.skills-panel .skill-branch.combat .branch-header{background:radial-gradient(ellipse at 50% 30%,#ff82824d,#ff6b6b26);color:#ff8a8a;border:1px solid rgba(255,107,107,.2)}.skills-panel .skill-branch.mining .branch-header{background:radial-gradient(ellipse at 50% 30%,#64dcd24d,#4ecdc426);color:#7fdbca;border:1px solid rgba(78,205,196,.2)}.skills-panel .skill-branch.survival .branch-header{background:radial-gradient(ellipse at 50% 30%,#32ffa04d,#00ff8826);color:#6fa;border:1px solid rgba(0,255,136,.2)}.skills-panel .skill-branch.building .branch-header{background:radial-gradient(ellipse at 50% 30%,#ffb4644d,#ff9f4326);color:#ffb366;border:1px solid rgba(255,159,67,.2)}.skills-panel .skill-card{background:radial-gradient(ellipse at 10% 20%,rgba(78,205,196,.05) 0%,transparent 50%),#141e28cc;border-radius:6px;padding:3px 4px;margin-bottom:3px;border:1px solid rgba(78,205,196,.1);transition:border-color .15s,background-color .15s}.skills-panel .skill-card:hover{border-color:#4ecdc440;background:#192332d9}.skills-panel .skill-card-header{display:flex;align-items:center;gap:3px;margin-bottom:3px}.skills-panel .skill-icon{font-size:10px}.skills-panel .skill-name{flex:1;font-size:9px;color:#677}.skills-panel .skill-name.active{color:#cdd}.skills-panel .skill-effect{font-size:9px;color:#455}.skills-panel .skill-effect.active{color:#7fdbca}.skills-panel .skill-dots{display:flex;justify-content:center;gap:3px;margin-bottom:3px}.skills-panel .skill-dot{width:8px;height:8px;border-radius:50%;background:#283737e6;border:1px solid rgba(78,205,196,.2)}.skills-panel .skill-dot.filled{background:radial-gradient(circle at 35% 35%,#7febe3,#4ecdc4 60%,#2a9a8a);border-color:#4ecdc499;box-shadow:0 0 4px #4ecdc480}.skills-panel .skill-upgrade-btn{display:block;width:100%;padding:2px;background:#2a5a4ae6;color:#7fdbca;border:1px solid rgba(78,205,196,.3);border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:background-color .15s,color .15s}.skills-panel .skill-upgrade-btn:hover{background:#4ecdc499;color:#fff}.skills-panel .skills-reset-btn{display:block;margin:8px auto 0;padding:4px 12px;background:#8c505040;color:#c88;border:1px solid rgba(170,102,102,.4);border-radius:6px;font-size:10px;cursor:pointer;transition:background-color .15s,color .15s}.skills-panel .skills-reset-btn:hover{background:#a666;color:#fff}.skills-panel .branch-points{font-size:8px;color:#677;margin-left:2px}.skills-panel .ultimate-bonus{background:#0f1419e6;border:1px dashed rgba(100,100,100,.3);border-radius:4px;padding:3px;margin-bottom:4px;text-align:center;transition:all .3s}.skills-panel .ultimate-bonus.locked{opacity:.5}.skills-panel .ultimate-bonus.active{background:radial-gradient(ellipse at 50% 30%,#ffd70026,#ffb4000d);border:1px solid rgba(255,215,0,.4);box-shadow:0 0 8px #ffd70033;opacity:1}.skills-panel .ultimate-icon{font-size:10px;margin-right:2px}.skills-panel .ultimate-name{font-size:8px;font-weight:700;color:gold}.skills-panel .ultimate-bonus.locked .ultimate-name{color:#888}.skills-panel .ultimate-req{font-size:7px;color:#666;margin-left:2px}.skills-panel .ultimate-desc{font-size:7px;color:#aaa;margin-top:2px}.skills-panel .ultimate-bonus.active .ultimate-desc{color:#ddd}.skills-panel .form-selector{background:#0f1623cc;border:1px solid rgba(78,205,196,.2);border-radius:8px;padding:6px 8px;margin-bottom:8px}.skills-panel .form-selector-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.skills-panel .form-selector-title{font-size:10px;color:#7fdbca}.skills-panel .form-current{font-size:11px;font-weight:700;color:#fff}.skills-panel .form-selector-options{display:flex;gap:6px;flex-wrap:wrap}.skills-panel .form-option{width:32px;height:32px;border-radius:6px;border:2px solid rgba(78,205,196,.3);background:#141e28cc;font-size:18px;cursor:pointer;transition:border-color .15s,background-color .15s;display:flex;align-items:center;justify-content:center}.skills-panel .form-option:hover{border-color:#4ecdc499;background:#1e2d3ce6}.skills-panel .form-option.selected{border-color:#4ecdc4;background:#4ecdc433;box-shadow:0 0 8px #4ecdc466}.craft-overlay,.market-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.craft-backdrop,.market-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.craft-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:85vh;border-color:var(--terminal-color, #4ecdc4);display:flex;flex-direction:column}.craft-content{flex:1;overflow-y:auto;max-height:60vh;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.craft-header{background:linear-gradient(90deg,rgba(78,205,196,.3),transparent)}.craft-recipe{background:radial-gradient(ellipse at 10% 20%,rgba(78,205,196,.08) 0%,transparent 50%),#121a26e6;border-radius:14px 10px 16px 12px;padding:14px;margin-bottom:10px;border:1px solid rgba(78,205,196,.2);transition:all .2s}.craft-recipe:hover:not(.disabled){border-color:#4ecdc466;background:radial-gradient(ellipse at 10% 20%,rgba(78,205,196,.12) 0%,transparent 50%),#16202deb}.craft-recipe.disabled{opacity:.5}.recipe-header{margin-bottom:8px}.recipe-name{font-size:14px;font-weight:700;color:#fff}.recipe-desc{display:block;font-size:10px;color:#666;margin-top:2px}.recipe-body{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-top:10px}.recipe-ingredients{display:flex;flex-wrap:wrap;gap:8px 12px}.ingredient{font-size:13px;white-space:nowrap}.ingredient.enough{color:#6fa;text-shadow:0 0 6px rgba(102,255,170,.3)}.ingredient.not-enough{color:#ff8a8a}.recipe-result{font-size:14px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3);white-space:nowrap}.craft-btn{padding:8px 18px;background:radial-gradient(ellipse at 30% 30%,#64dcd280,#4ecdc459);color:#fff;border:1px solid rgba(78,205,196,.5);border-radius:14px 10px 16px 12px;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.craft-btn:hover:not(.disabled){background:radial-gradient(ellipse at 30% 30%,#78f0e6b3,#4ecdc480);box-shadow:0 0 15px #4ecdc466,inset 0 -2px 5px #0003;transform:scale(1.05)}.craft-btn.disabled{background:#1e232dcc;border-color:#505a644d;color:#556;cursor:not-allowed}.market-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(450px,90vw);max-height:85vh;border-color:#f1c40f;display:flex;flex-direction:column}.market-content{flex:1;overflow-y:auto;max-height:55vh;padding-right:4px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.market-header{background:linear-gradient(90deg,rgba(241,196,15,.3),transparent)}.market-coins{text-align:center;font-size:15px;color:gold;font-weight:700;padding:8px;background:#0003}.market-tabs{display:flex;gap:8px;padding:12px 18px;background:#0f141e66}.market-tab{flex:1;padding:10px;background:radial-gradient(ellipse at 50% 30%,#32324699,#22223380);border:1px solid rgba(100,100,120,.3);border-radius:12px 9px 14px 10px;color:#888;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.market-tab.active{background:radial-gradient(ellipse at 50% 30%,#ffdc6466,#f1c40f40);border-color:#f1c40f80;color:#fff;font-weight:700;box-shadow:0 0 12px #f1c40f4d,inset 0 -2px 5px #0003}.market-tab:hover:not(.active){background:radial-gradient(ellipse at 50% 30%,#50506499,#32324680);border-color:#f1c40f4d}.market-empty{text-align:center;padding:30px;color:#666}.market-item,.market-listing{background:radial-gradient(ellipse at 10% 20%,rgba(241,196,15,.06) 0%,transparent 50%),#121a26e6;border-radius:14px 10px 16px 12px;padding:14px;margin-bottom:10px;border:1px solid rgba(241,196,15,.15);transition:all .2s}.market-item:hover,.market-listing:hover{border-color:#f1c40f59;background:radial-gradient(ellipse at 10% 20%,rgba(241,196,15,.1) 0%,transparent 50%),#16202deb}.market-item.disabled,.market-listing.disabled{opacity:.5}.market-item-info,.listing-info{display:flex;align-items:center;gap:8px;margin-bottom:6px}.market-item-icon,.listing-icon{font-size:18px}.market-item-name,.listing-name{flex:1;font-size:13px;color:#fff}.market-item-count{color:#888;font-size:12px}.market-item-price,.listing-price{font-size:12px;color:gold}.market-item-actions{display:flex;gap:6px;margin-top:8px}.market-sell-btn,.market-buy-btn{padding:6px 14px;font-size:11px;border-radius:10px 8px 12px 9px;border:none;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 4px #0003}.market-sell-btn{background:radial-gradient(ellipse at 30% 30%,#3cc88280,#27ae6059);color:#6da;border:1px solid rgba(39,174,96,.4)}.market-sell-btn:hover{background:radial-gradient(ellipse at 30% 30%,#50dc96b3,#27ae6080);color:#fff;box-shadow:0 0 12px #27ae6066;transform:scale(1.05)}.market-buy-btn{background:radial-gradient(ellipse at 30% 30%,#50aaeb80,#3498db59);color:#7cf;border:1px solid rgba(52,152,219,.4)}.market-buy-btn:hover{background:radial-gradient(ellipse at 30% 30%,#64beffb3,#3498db80);color:#fff;box-shadow:0 0 12px #3498db66;transform:scale(1.05)}.not-enough-coins{font-size:11px;color:#666}.listings-section-title{font-size:12px;color:#888;margin:12px 0 8px}.listing-seller{font-size:10px;color:#666}.my-listing{border-color:#f1c40f80}.listing-cancel-btn{padding:5px 12px;font-size:10px;background:radial-gradient(ellipse at 30% 30%,#ff82824d,#ff6b6b33);color:#ff8a8a;border:1px solid rgba(255,107,107,.3);border-radius:10px 8px 12px 9px;cursor:pointer;transition:all .2s}.listing-cancel-btn:hover{background:radial-gradient(ellipse at 30% 30%,#ff969680,#ff6b6b66);box-shadow:0 0 10px #ff6b6b66;transform:scale(1.05);color:#fff}.listing-buy-btn{padding:6px 14px;font-size:11px;background:radial-gradient(ellipse at 30% 30%,#50aaeb80,#3498db59);color:#7cf;border:1px solid rgba(52,152,219,.4);border-radius:10px 8px 12px 9px;cursor:pointer;transition:all .2s}.listing-buy-btn:hover{background:radial-gradient(ellipse at 30% 30%,#64beffb3,#3498db80);color:#fff;box-shadow:0 0 12px #3498db66;transform:scale(1.05)}.create-listing-btn{display:block;width:80%;max-width:250px;margin:18px auto 0;padding:14px 28px;background:radial-gradient(ellipse at 30% 30%,#ffdc5066,#f1c40f40);color:#fd6;border:1px solid rgba(241,196,15,.5);border-radius:16px 12px 18px 14px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:inset 0 -3px 6px #0003}.create-listing-btn:hover{background:radial-gradient(ellipse at 30% 30%,#ffeb7899,#f1c40f66);color:#fff;box-shadow:0 0 18px #f1c40f66,inset 0 -3px 6px #0003;transform:scale(1.03)}.create-listing-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200}.dialog-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.dialog-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(340px,85vw);background:radial-gradient(ellipse at 15% 15%,rgba(241,196,15,.08) 0%,transparent 40%),linear-gradient(135deg,#0c121ef7,#121c2dfa);border:none;border-radius:22px 16px 25px 18px;padding:22px;box-shadow:0 0 30px #f1c40f26,0 10px 40px #00000080}.dialog-content:before{content:"";position:absolute;inset:-2px;border-radius:24px 18px 27px 20px;background:linear-gradient(135deg,#f1c40f80,#f1c40f26 50%,#f1c40f66);z-index:-1}.dialog-header{text-align:center;font-size:16px;font-weight:700;color:#f1c40f;margin-bottom:16px}.dialog-items{margin-bottom:16px}.dialog-item{padding:12px 14px;background:radial-gradient(ellipse at 10% 50%,rgba(241,196,15,.05) 0%,transparent 50%),#192332b3;border-radius:12px 9px 14px 10px;margin-bottom:8px;cursor:pointer;font-size:13px;color:#aaa;transition:all .2s;border:1px solid rgba(241,196,15,.1)}.dialog-item:hover{background:radial-gradient(ellipse at 10% 50%,rgba(241,196,15,.12) 0%,transparent 50%),#1e2a3acc;border-color:#f1c40f40}.dialog-item.selected{background:radial-gradient(ellipse at 30% 30%,#ffdc504d,#f1c40f33);color:#fff;border:1px solid rgba(241,196,15,.5);box-shadow:0 0 10px #f1c40f33}.dialog-settings{border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.setting-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.setting-row span:first-child{color:#888;font-size:13px}.setting-btn{width:30px;height:30px;border-radius:6px;border:none;font-size:18px;cursor:pointer}.setting-value{min-width:60px;text-align:center;font-size:14px;color:#fff}.setting-total{text-align:center;font-size:14px;color:#f1c40f;font-weight:700;margin-bottom:16px}.create-btn{display:block;width:100%;padding:12px;background:#27ae6066;color:#fff;border:1px solid #27ae60;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}.create-btn:hover{background:#27ae60}.dialog-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#ff6b6b;font-size:18px;cursor:pointer}.dialog-close:hover{color:red}.stats-panel{position:fixed;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:0;padding:0;background:transparent;border:none;z-index:100;animation:statsSporeIn .6s cubic-bezier(.34,1.56,.64,1);width:min(900px,95vw)}@keyframes statsSporeIn{0%{opacity:0;transform:translate(-50%) scale(.8) translateY(-20px);filter:blur(10px)}50%{transform:translate(-50%) scale(1.03) translateY(3px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0);filter:blur(0)}}.stats-class-circle{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#9febe3,#4ecdc4 50%,#2a9a8a 80%,#1a6a5a);border:3px solid rgba(120,220,200,.6);box-shadow:0 0 25px #4ecdc499,0 4px 15px #0006,inset 0 -10px 18px #0000004d,inset 0 5px 10px #ffffff4d;animation:cellPulse 2.5s ease-in-out infinite;position:relative;flex-shrink:0;cursor:pointer;transition:transform .2s;z-index:10;order:2;margin:0 8px}.stats-class-circle:hover{transform:scale(1.1)}.stats-class-circle:before{content:"";position:absolute;top:8px;left:12px;width:16px;height:12px;background:#ffffff80;border-radius:50%;filter:blur(3px)}.stats-class-circle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent 70%);border-radius:50%}@keyframes cellPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #4ecdc499,0 4px 15px #0006,inset 0 -8px 15px #0000004d,inset 0 4px 8px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 30px #4ecdc4cc,0 4px 15px #0006,inset 0 -8px 15px #0000004d,inset 0 4px 8px #ffffff4d}}.stats-header{display:none}.stats-level{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.8),0 2px 4px rgba(0,0,0,.9),0 0 20px rgba(255,255,255,.3);z-index:3;pointer-events:none}.stats-reset-btn{display:none}.stat-bar-left{flex:1;max-width:320px;order:1}.stat-bar-right{flex:1;max-width:320px;order:3}.stat-label{display:none}.xp-ring{position:absolute;top:-6px;left:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none}.xp-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.xp-ring-bg{fill:none;stroke:#1e3228cc;stroke-width:6}.xp-ring-fill{fill:none;stroke:#0f8;stroke-width:6;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset .5s ease;filter:drop-shadow(0 0 4px rgba(0,255,136,.6))}.stat-bar-bg{width:100%;height:24px;background:linear-gradient(180deg,#0f1923f2,#192332e6,#0f1923f2);border-radius:25px;overflow:visible;box-shadow:0 3px 12px #00000080,inset 0 2px 8px #0009,inset 0 -1px 3px #ffffff0d;position:relative;border:2px solid rgba(60,80,100,.5)}.stat-bar-bg:before{content:"";position:absolute;inset:-3px;border-radius:28px;background:linear-gradient(90deg,#3c506466,#283c5033 50%,#3c506466);z-index:-1;filter:blur(2px)}.stat-bar-fill{height:calc(100% - 4px);border-radius:20px;transition:width .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin:2px}.stat-bar-fill:before{content:"";position:absolute;top:2px;left:8px;right:15px;height:7px;background:linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,.1) 50%,transparent);border-radius:10px}.stat-bar-fill:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 8px 6px at 15% 50%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(ellipse 6px 5px at 45% 35%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(ellipse 7px 5px at 75% 60%,rgba(255,255,255,.35) 0%,transparent 100%);animation:bubbleFloat 4s ease-in-out infinite}@keyframes bubbleFloat{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(8px);opacity:1}}.hp-bar{background:linear-gradient(180deg,#5ee8d8,#4ecdc4 30%,#3db8a9 70%,#2a9a8a);box-shadow:0 0 15px #4ecdc499,inset 0 -3px 8px #0003}.hp-bar.low{background:linear-gradient(180deg,#ff9a8a,#ff6b6b 30%,#e85d4c 70%,#cc4040);box-shadow:0 0 15px #ff6b6b99,inset 0 -3px 8px #0003;animation:lowHpPulse 1s ease-in-out infinite}.hp-bar.critical{background:linear-gradient(180deg,#f66,#f33 30%,#d11 70%,#a00);box-shadow:0 0 20px #ff3232cc,inset 0 -3px 8px #0003;animation:criticalPulse .5s ease-in-out infinite}@keyframes lowHpPulse{0%,to{box-shadow:0 0 15px #ff6b6b99,inset 0 -3px 8px #0003}50%{box-shadow:0 0 25px #ff6b6be6,inset 0 -3px 8px #0003}}.en-bar{background:linear-gradient(180deg,#ffed88,gold 30%,#e6b800 70%,#c90);box-shadow:0 0 12px #ffd70080,inset 0 -3px 8px #0003}.xp-bar{background:linear-gradient(180deg,#8fa,#0f8 30%,#0d6 70%,#0a4);box-shadow:0 0 12px #00ff8880,inset 0 -3px 8px #0003}.stat-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.8),0 1px 2px rgba(0,0,0,.9);z-index:5;pointer-events:none}.stats-footer{display:none}.help-button{position:fixed;top:10px;left:10px;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;margin:0;background:radial-gradient(ellipse at 35% 35%,rgba(255,234,167,.2) 0%,transparent 50%),linear-gradient(135deg,#2a2015f2,#19140ffa);border-radius:50%;border:2px solid rgba(138,122,80,.6);box-shadow:0 0 10px #ffeaa726,0 2px 8px #0006,inset 0 -3px 8px #0000004d,inset 0 2px 4px #ffffff1a;font-size:16px;line-height:1;color:#ffeaa7;cursor:pointer;z-index:100;transition:all .2s ease;animation:helpAppear .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes helpAppear{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.help-button:hover{background:radial-gradient(ellipse at 35% 35%,rgba(255,234,167,.35) 0%,transparent 50%),linear-gradient(135deg,#3a3025fa,#231c14fa);border-color:#ffeaa7cc;box-shadow:0 0 15px #ffeaa74d,0 3px 10px #00000080,inset 0 -3px 8px #0000004d,inset 0 2px 4px #ffffff26;transform:scale(1.08)}.help-button:active{transform:scale(.95)}.help-hint{font-size:8px;color:#777;font-weight:400;line-height:1;margin-top:-2px}.settings-button{position:fixed;top:52px;left:10px;width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0;margin:0;background:radial-gradient(ellipse at 35% 35%,rgba(255,159,67,.2) 0%,transparent 50%),linear-gradient(135deg,#2a2015f2,#19140ffa);border-radius:50%;border:2px solid rgba(255,159,67,.5);box-shadow:0 0 10px #ff9f4326,0 2px 8px #0006,inset 0 -3px 8px #0000004d,inset 0 2px 4px #ffffff1a;font-size:16px;line-height:1;color:#ff9f43;cursor:pointer;z-index:100;transition:all .2s ease;animation:helpAppear .5s cubic-bezier(.34,1.56,.64,1) .1s both;overflow:hidden}.settings-button:hover{background:radial-gradient(ellipse at 35% 35%,rgba(255,159,67,.35) 0%,transparent 50%),linear-gradient(135deg,#3a3025fa,#231c14fa);border-color:#ff9f43cc;box-shadow:0 0 15px #ff9f434d,0 3px 10px #00000080,inset 0 -3px 8px #0000004d,inset 0 2px 4px #ffffff26;transform:scale(1.08)}.settings-button:active{transform:scale(.95)}.stats-coins{position:fixed;top:10px;left:10px;display:flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;background:radial-gradient(ellipse at 30% 30%,rgba(255,230,150,.15) 0%,transparent 50%),linear-gradient(135deg,#19232df2,#0f1923fa);border-radius:20px 25px 22px 18px;border:2px solid rgba(255,215,0,.4);box-shadow:0 0 15px #ffd70033,0 4px 12px #0006,inset 0 1px 3px #ffffff1a;font-size:15px;color:gold;text-shadow:0 0 8px rgba(255,215,0,.4);z-index:100;animation:coinsAppear .5s cubic-bezier(.34,1.56,.64,1)}@keyframes coinsAppear{0%{opacity:0;transform:scale(.8) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.stats-coins:before{content:"";position:absolute;top:4px;left:8px;width:12px;height:8px;background:#ffffff4d;border-radius:50%;filter:blur(2px)}.coins-value{font-weight:700;font-size:16px}.settings-gear-btn{width:22px;height:22px;padding:0;margin-right:6px;background:#3c465099;border:1px solid rgba(100,110,120,.4);border-radius:6px;font-size:12px;line-height:22px;cursor:pointer;transition:all .2s;opacity:.7}.settings-gear-btn:hover{background:#505a64cc;border-color:#8c96a099;opacity:1;transform:rotate(30deg)}.settings-gear-btn:active{transform:rotate(60deg) scale(.95)}.stats-players{position:fixed;top:12px;right:12px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#141e28cc;border-radius:12px;border:1px solid rgba(100,120,140,.3);font-size:12px;color:#8ac;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:100;opacity:.7;transition:opacity .2s}.stats-players:hover{opacity:1}.players-value{font-weight:700;color:#ace}.stats-fps{position:fixed;top:12px;right:90px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#141e28cc;border-radius:12px;border:1px solid rgba(100,120,140,.3);font-size:12px;color:#8ac;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:100;opacity:.7;transition:opacity .2s}.stats-fps:hover{opacity:1}.fps-value{font-weight:700;color:#6f6}.fps-value.low{color:#f66}.fps-value.medium{color:#fa4}.fps-value.high{color:#6f6}.stats-perf{position:fixed;top:12px;right:170px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#141e28cc;border-radius:12px;border:1px solid rgba(100,120,140,.3);font-size:11px;color:#8ac;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:100;opacity:.7;transition:opacity .2s}.stats-perf:hover{opacity:1}.perf-value{font-weight:700}.perf-value.ultra-potato{color:#f66}.perf-value.potato{color:#fa4}.perf-value.low{color:#fd6}.perf-value.mid{color:#6df}.perf-value.high{color:#6f6}.stats-ping{position:fixed;top:12px;right:250px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#141e28cc;border-radius:12px;border:1px solid rgba(100,120,140,.3);font-size:11px;color:#8ac;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:100;opacity:.7;transition:opacity .2s}.stats-ping:hover{opacity:1}.ping-value{font-weight:700;color:#6f6}.ping-value.good{color:#6f6}.ping-value.medium{color:#fa4}.ping-value.bad{color:#f66}.ping-jitter{font-size:10px;color:#8ac;margin-left:4px;padding-left:6px;border-left:1px solid rgba(100,120,140,.4)}.ping-jitter.good{color:#6f6}.ping-jitter.medium{color:#fa4}.ping-jitter.bad{color:#f66}.ping-loss{font-size:10px;color:#f66;margin-left:4px;padding-left:6px;border-left:1px solid rgba(100,120,140,.4)}.ping-loss.good{color:#6f6}.ping-loss.medium{color:#fa4}.ping-loss.bad{color:#f66;animation:pulseBad 1s ease-in-out infinite}.ping-loss.hidden{display:none}@keyframes pulseBad{0%,to{opacity:1}50%{opacity:.5}}.stats-autodig{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#141e28d9;border-radius:14px;border:2px solid rgba(100,120,140,.3);font-size:14px;color:#889;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:100;transition:all .2s;cursor:default}.stats-autodig:hover{background:#1e2d3ce6;border-color:#4ecdc466}.stats-autodig.active{background:#143c32e6;border-color:#0f89;color:#0f8;box-shadow:0 0 15px #00ff884d}.stats-effects{position:fixed;top:75px;left:15px;display:flex;flex-direction:column;gap:8px;z-index:100}.autodig-key{font-weight:700;padding:2px 6px;background:#0000004d;border-radius:6px;font-size:12px}.stats-class-row,.stats-class{display:none}.effects-panel{position:fixed;top:75px;left:50%;transform:translate(-50%);display:flex;flex-direction:row;gap:10px;z-index:100}.effect-icon{width:48px;height:48px;background:radial-gradient(circle at 35% 35%,#1e2d37f2,#0f1923fa);border:2px solid var(--effect-color, #fff);border-radius:50% 45% 55% 48%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 15px var(--effect-color, #fff),inset 0 -5px 12px #0000004d,inset 0 3px 6px #ffffff1a;animation:effectAppear .4s cubic-bezier(.34,1.56,.64,1);position:relative}.effect-icon:before{content:"";position:absolute;top:6px;left:10px;width:12px;height:8px;background:#ffffff59;border-radius:50%;filter:blur(2px)}@keyframes effectAppear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.effect-icon.pulsing{animation:effectPulse .4s ease-in-out infinite}@keyframes effectPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}}.effect-emoji{font-size:18px;line-height:1}.effect-timer{font-size:10px;color:#fff;text-shadow:0 1px 2px #000}.stats-aura-bonus{position:fixed;top:75px;right:15px;display:flex;flex-direction:column;gap:6px;z-index:1100;pointer-events:none}.aura-bonus-item{display:flex;align-items:center;gap:6px;padding:6px 10px;background:radial-gradient(circle at 35% 35%,#1e2d37eb,#0f1923f2);border:2px solid;border-radius:12px 8px 14px 10px;box-shadow:0 0 12px #4ecdc433,inset 0 -3px 8px #0000004d,inset 0 2px 4px #ffffff14}.aura-bonus-item:before{content:"";position:absolute;top:4px;left:8px;width:8px;height:5px;background:#ffffff40;border-radius:50%;filter:blur(1px)}.aura-icon{font-size:16px;line-height:1}.aura-value{font-size:12px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.chat-container{position:fixed;bottom:60px;left:12px;width:360px;z-index:100;pointer-events:auto;transition:all .25s ease}.chat-container.minimized{width:320px}.chat-container.minimized .chat-messages,.chat-container.minimized .chat-hint{display:none}.chat-container.minimized .chat-input-container{border-radius:0 0 16px 16px}.chat-header{display:flex;align-items:center;padding:8px 12px;background:linear-gradient(90deg,rgba(78,205,196,.15) 0%,transparent 100%),#0c121ce6;border-radius:16px 16px 0 0;border:1px solid rgba(78,205,196,.25);border-bottom:none}.chat-title{flex:1;font-size:12px;font-weight:700;color:#7fdbca;text-shadow:0 0 8px rgba(78,205,196,.4)}.chat-unread-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-right:8px;animation:badgePulse 1s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-minimize-btn,.chat-compact-btn{width:24px;height:24px;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:6px;color:#7fdbca;font-size:10px;cursor:pointer;transition:all .2s;margin-left:4px}.chat-minimize-btn:hover,.chat-compact-btn:hover{background:#4ecdc44d;color:#fff}.chat-compact-btn.active{background:#4ecdc466;color:#fff}.chat-container.compact .chat-messages{height:140px}.chat-container.compact .chat-message{margin-bottom:2px;font-size:12px;line-height:1.2}.chat-container.compact .chat-time{font-size:9px}.chat-preview{padding:8px 12px;background:#0f1623d9;border:1px solid rgba(78,205,196,.15);border-top:none;border-bottom:none;font-size:12px;color:#abc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background .2s}.chat-preview:hover{background:#141e2de6}.chat-preview .preview-sender{font-weight:700;margin-right:4px}.chat-messages{height:200px;overflow-y:auto;overflow-x:hidden;padding:12px 14px;background:radial-gradient(ellipse at 10% 90%,rgba(78,205,196,.06) 0%,transparent 40%),linear-gradient(180deg,#0a0f19bf,#0f1623d9);border:1px solid rgba(78,205,196,.2);border-top:none;border-bottom:none;box-shadow:inset 0 -10px 30px #0000004d;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.3) transparent;scroll-behavior:smooth;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.chat-messages:before{content:"";position:absolute;top:15px;left:8px;width:3px;height:30%;background:linear-gradient(to bottom,rgba(78,205,196,.5),rgba(78,205,196,.15) 50%,transparent);border-radius:2px;filter:blur(1px);pointer-events:none}.chat-message{margin-bottom:6px;font-size:13px;line-height:1.4;word-wrap:break-word;color:#fff;animation:messageAppear .3s ease-out}.chat-message.mentioned{background:#ffc86426;border-left:3px solid #ffcc66;padding-left:8px;margin-left:-8px;border-radius:0 6px 6px 0}.chat-mention{background:#ffc8644d;color:#fd8;padding:1px 4px;border-radius:4px;font-weight:700}.chat-text{color:#e0e0e0}@keyframes messageAppear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message.fading{opacity:.4;transition:opacity 2s}.chat-channel{font-size:11px;padding:1px 5px;border-radius:6px;margin-right:4px}.chat-channel.global{background:#4ecdc440;color:#7fdbca}.chat-channel.local{background:#ffc86440;color:#ffc864}.chat-channel.clan{background:#a29bfe40;color:#a29bfe}.chat-channel.private{background:#ff82b440;color:#ff82b4}.chat-time{font-size:10px;color:#7a8899;margin-right:6px}.chat-sender{font-weight:700;margin-right:4px}.chat-message.system{color:#888;font-style:italic}.chat-message.system .chat-sender{color:#f88}.chat-message.system.success .chat-sender{color:#8f8}.chat-input-container{display:flex;gap:0;background:linear-gradient(180deg,#0f1623f2,#141c2afa);border-radius:8px 8px 18px 16px;border:1px solid rgba(78,205,196,.25);border-top:none;overflow:hidden;box-shadow:0 4px 15px #0006,inset 0 1px #ffffff0d}.chat-input-container.active{border-color:#4ecdc480;box-shadow:0 0 15px #4ecdc433,0 4px 15px #0006}.chat-channel-btn{padding:10px 12px;background:#4ecdc426;border:none;border-right:1px solid rgba(78,205,196,.2);color:#7fdbca;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.chat-channel-btn:hover{background:#4ecdc440}.chat-input{flex:1;padding:10px 14px;background:#0000004d;border:none;color:#fff;font-size:14px;font-weight:500;outline:none;caret-color:#4ecdc4}.chat-input::placeholder{color:#667;font-weight:400}.chat-input:focus{background:#00000080}.chat-send-btn{padding:10px 16px;background:#4ecdc433;border:none;color:#7fdbca;font-size:14px;cursor:pointer;transition:all .2s}.chat-send-btn:hover{background:#4ecdc459;color:#fff}.chat-hint{position:absolute;bottom:-20px;left:0;font-size:10px;color:#556}.chat-scroll-indicator{position:absolute;top:8px;right:12px;padding:3px 8px;background:#ffc83233;border-radius:10px;font-size:10px;color:#ffc832;pointer-events:none}.chat-container.minimized .chat-input-container{display:none}.chat-container.minimized .chat-messages{border-radius:18px;border:1px solid rgba(78,205,196,.15);background:#0a0f1980}.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.help-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;animation:fadeIn .2s ease-out}.help-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(750px,95vw);max-height:90vh;display:flex;flex-direction:column}.help-header{background:linear-gradient(90deg,rgba(255,234,167,.2),transparent)}.help-content{flex:1;overflow-y:auto;max-height:75vh;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.help-grid{grid-template-columns:1fr}}.help-column{display:flex;flex-direction:column;gap:16px}.help-section{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.06) 0%,transparent 50%),#0f162399;border-radius:16px 12px 18px 14px;padding:14px 16px;border:1px solid rgba(78,205,196,.15);transition:all .2s}.help-section:hover{border-color:#4ecdc44d;background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.1) 0%,transparent 50%),#121a28b3}.help-section-title{font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(78,205,196,.2);text-shadow:0 0 10px currentColor}.help-section.controls .help-section-title{color:#4ecdc4}.help-section.hotkeys .help-section-title{color:#ffeaa7}.help-section.resources .help-section-title{color:gold}.help-section.goal .help-section-title{color:#0f8}.help-section.dangers .help-section-title{color:#ff6b6b}.help-section.terminals .help-section-title{color:#a29bfe}.help-list{list-style:none;margin:0;padding:0}.help-list li{font-size:13px;color:#ccd;padding:4px 0 4px 12px;position:relative}.help-list li:before{content:"•";position:absolute;left:0;color:#4ecdc499}.help-hint{text-align:center;padding:16px 10px 6px;font-size:13px;color:#778;border-top:1px solid rgba(78,205,196,.1);margin-top:16px}.help-hint span{color:#9ab}.guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.guide-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;animation:fadeIn .2s ease-out}.guide-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(850px,95vw);max-height:90vh;display:flex;flex-direction:column}.guide-header{background:linear-gradient(90deg,rgba(78,205,196,.2),transparent)}.guide-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;background:#0a0f1999;border-bottom:1px solid rgba(78,205,196,.15)}.guide-tab{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#1e283780;border:1px solid rgba(78,205,196,.15);border-radius:8px;color:#89a;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.guide-tab:hover{background:#4ecdc41a;border-color:#4ecdc44d;color:#abc}.guide-tab.active{background:linear-gradient(135deg,#4ecdc433,#4ecdc40d);border-color:#4ecdc480;color:#4ecdc4;box-shadow:0 0 10px #4ecdc433}.guide-tab .tab-icon{font-size:14px}.guide-tab .tab-name{font-weight:500}@media (max-width: 700px){.guide-tab .tab-name{display:none}.guide-tab{padding:6px 8px}.guide-tab .tab-icon{font-size:16px}}.guide-content{flex:1;overflow-y:auto;max-height:70vh;padding:16px}.guide-intro{text-align:center;padding:12px 16px;margin-bottom:16px;background:#4ecdc414;border-radius:12px;border:1px solid rgba(78,205,196,.2);font-size:14px;color:#778}.guide-intro span{color:#4ecdc4}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-column{display:flex;flex-direction:column;gap:14px}.guide-section{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.06) 0%,transparent 50%),#0f162399;border-radius:14px 10px 16px 12px;padding:12px 14px;border:1px solid rgba(78,205,196,.15);transition:all .2s}.guide-section:hover{border-color:#4ecdc440}.guide-section-title{font-size:13px;font-weight:700;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(78,205,196,.15);color:#4ecdc4;text-shadow:0 0 8px rgba(78,205,196,.4)}.guide-section.controls .guide-section-title{color:#4ecdc4}.guide-section.hotkeys .guide-section-title{color:#ffeaa7}.guide-section.goal .guide-section-title{color:#0f8}.guide-section.terminals .guide-section-title{color:#a29bfe}.guide-section.warnings .guide-section-title{color:#ff6b6b}.guide-section.mining .guide-section-title{color:gold}.guide-section.biomass .guide-section-title{color:#4ecdc4}.guide-section.food .guide-section-title{color:#ff6b6b}.guide-section.consumables .guide-section-title{color:#a29bfe}.guide-section.rare .guide-section-title{color:#fa0}.guide-section.predator .guide-section-title{color:#ff6b6b}.guide-section.miner .guide-section-title{color:#ffd93d}.guide-section.defender .guide-section-title{color:#4ecdc4}.guide-section.builder .guide-section-title{color:#96ceb4}.guide-section.clan-basics .guide-section-title{color:#a29bfe}.guide-section.clan-levels .guide-section-title{color:gold}.guide-section.clan-skills .guide-section-title{color:#0f8}.guide-section.clan-roles .guide-section-title{color:#ffeaa7}.guide-section.build-controls .guide-section-title{color:#96ceb4}.ultimate-section{background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.1) 0%,transparent 60%),#0f1623d9;border:1px solid rgba(255,215,0,.3);margin-bottom:16px}.ultimate-section .guide-section-title{color:gold}.ultimate-forms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ultimate-form{background:#0000004d;border:1px solid rgba(78,205,196,.2);border-radius:8px;padding:8px 10px;font-size:12px;color:#dde}.ultimate-form small{display:block;margin-top:4px;color:#99a;font-size:10px}.guide-list{list-style:none;margin:0;padding:0}.guide-list li{font-size:12px;color:#bbc;padding:3px 0 3px 10px;position:relative}.guide-list li:before{content:"•";position:absolute;left:0;color:#4ecdc480}.guide-mob-card{background:radial-gradient(ellipse at 90% 10%,rgba(255,107,107,.08) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:12px 14px;border:1px solid rgba(255,107,107,.2);transition:all .2s}.guide-mob-card:hover{border-color:#ff6b6b59;transform:translateY(-2px)}.mob-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,107,107,.15)}.mob-name{font-size:14px;font-weight:700;color:#ff6b6b;text-shadow:0 0 8px rgba(255,107,107,.4)}.mob-hp{font-size:12px;color:#ff6b6b;background:#ff6b6b26;padding:2px 8px;border-radius:8px}.mob-card-info{margin-bottom:8px}.mob-info-row{font-size:11px;color:#889;padding:2px 0}.mob-info-row span{margin-right:4px}.mob-info-row.boss{color:#fa0;font-weight:700}.mob-info-row.effect{color:#a29bfe}.mob-drops-title{font-size:11px;color:#4ecdc4;margin-bottom:4px;font-weight:700}.mob-drops-list{list-style:none;margin:0 0 6px;padding:0}.mob-drops-list li{font-size:11px;color:#9ab;padding:2px 0 2px 12px;position:relative}.mob-drops-list li:before{content:"→";position:absolute;left:0;color:#4ecdc480}.mob-card-tip{font-size:11px;color:#ffeaa7;padding-top:6px;border-top:1px dashed rgba(255,234,167,.2)}.guide-building-card{background:radial-gradient(ellipse at 90% 10%,rgba(150,206,180,.08) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:12px 14px;border:1px solid rgba(150,206,180,.2);transition:all .2s}.guide-building-card:hover{border-color:#96ceb459;transform:translateY(-2px)}.building-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(150,206,180,.15)}.building-name{font-size:14px;font-weight:700;color:#96ceb4;text-shadow:0 0 8px rgba(150,206,180,.4)}.building-hp{font-size:12px;color:#96ceb4;background:#96ceb426;padding:2px 8px;border-radius:8px}.building-card-info{margin-bottom:8px}.building-info-row{font-size:11px;color:#889;padding:2px 0}.building-info-row span{margin-right:4px}.building-info-row.source{color:#a29bfe}.building-card-desc{font-size:11px;color:#9ab;padding-top:6px;border-top:1px dashed rgba(150,206,180,.15);font-style:italic}.guide-terminal-card{background:radial-gradient(ellipse at 90% 10%,rgba(78,205,196,.08) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:12px 14px;border:2px solid rgba(78,205,196,.3);transition:all .2s;margin-bottom:12px}.guide-terminal-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4ecdc433}.terminal-card-header{font-size:15px;font-weight:700;margin-bottom:6px;text-shadow:0 0 10px currentColor}.terminal-card-depth{font-size:11px;color:#889;margin-bottom:6px}.terminal-card-desc{font-size:12px;color:#aab;margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(78,205,196,.2)}.terminal-recipes-title{font-size:11px;color:#778;margin-bottom:4px}.terminal-recipes-list{list-style:none;padding:0;margin:0}.terminal-recipes-list li{font-size:11px;color:#9ab;padding:2px 0 2px 12px;position:relative}.terminal-recipes-list li:before{content:"•";position:absolute;left:0;color:#4ecdc4}.guide-farming-card{background:radial-gradient(ellipse at 90% 10%,rgba(150,206,180,.1) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:12px 14px;border:2px solid rgba(150,206,180,.35);transition:all .2s;margin-bottom:12px}.guide-farming-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #96ceb440}.farming-card-header{font-size:15px;font-weight:700;margin-bottom:8px;color:#96ceb4;text-shadow:0 0 10px rgba(150,206,180,.5)}.farming-card-info{margin-bottom:8px;padding-bottom:8px;border-bottom:1px dashed rgba(150,206,180,.2)}.farming-info-row{font-size:11px;color:#9ab;padding:2px 0;display:flex;gap:6px}.farming-info-row span{opacity:.7}.farming-rewards-title{font-size:11px;color:#778;margin-bottom:4px}.farming-rewards-list{list-style:none;padding:0;margin:0}.farming-rewards-list li{font-size:11px;color:#9ab;padding:2px 0 2px 12px;position:relative}.farming-rewards-list li:before{content:"•";position:absolute;left:0;color:#96ceb4}.farming-card-tip{font-size:10px;color:#889;margin-top:8px;padding-top:6px;border-top:1px dashed rgba(150,206,180,.15);font-style:italic}.synergies-section{margin-top:16px;padding:14px;background:radial-gradient(ellipse at 50% 0%,rgba(255,215,0,.08) 0%,transparent 60%),#0f162399;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.synergies-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.synergy-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#0003;border-radius:8px}.synergy-icon{font-size:18px;flex-shrink:0}.synergy-text{font-size:11px;color:#bbc;line-height:1.4}.synergy-text b{color:gold;font-weight:600}.clan-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(780px,95vw);max-height:88vh;display:flex;flex-direction:column}.clan-header{background:linear-gradient(90deg,rgba(78,205,196,.25),rgba(255,215,0,.08),transparent);padding:14px 20px}.clan-content{flex:1;overflow-y:auto;max-height:78vh;padding:18px 20px}.clan-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;background:radial-gradient(ellipse at 20% 50%,rgba(78,205,196,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(255,215,0,.08) 0%,transparent 50%),linear-gradient(135deg,#0f1928e6,#142332d9);border-radius:16px;border-left:4px solid;margin-bottom:18px;box-shadow:0 4px 20px #0000004d,inset 0 1px #ffffff0d}.clan-emblem{width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#4ecdc433,#141e2de6);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 0 15px #4ecdc44d}.clan-banner-info{flex:1;display:flex;flex-direction:column;gap:4px}.clan-tag{font-size:20px;font-weight:700;text-shadow:0 0 12px currentColor;letter-spacing:1px}.clan-name{font-size:18px;color:#e8f4f4;font-weight:500}.clan-level-badge{display:flex;flex-direction:column;align-items:center;padding:10px 18px;background:linear-gradient(135deg,#ffd70026,#4ecdc41a);border-radius:12px;border:1px solid rgba(255,215,0,.3)}.clan-level-badge .level-number{font-size:24px;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5);line-height:1}.clan-level-badge .level-label{font-size:10px;color:#aab;text-transform:uppercase;letter-spacing:1px}.clan-tabs{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#0a121c80;border-radius:14px}.clan-tab{flex:1;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#789;font-size:13px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:6px}.clan-tab:hover{background:#4ecdc414;color:#9bc}.clan-tab.active{background:linear-gradient(135deg,#4ecdc440,#4ecdc41a);color:#4ecdc4;box-shadow:0 2px 10px #4ecdc433}.clan-tab .tab-icon{font-size:16px}.clan-tab-content{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.04) 0%,transparent 40%),#0c142099;border-radius:16px;padding:18px;border:1px solid rgba(78,205,196,.12);min-height:300px}.clan-no-clan{text-align:center;padding:10px}.clan-invites-section{margin-bottom:28px;text-align:left;background:#4ecdc40d;border-radius:14px;padding:16px;border:1px solid rgba(78,205,196,.15)}.clan-invites-section h3{color:#4ecdc4;font-size:15px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.clan-invite-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#142332b3;border-radius:12px;margin-bottom:10px;border:1px solid rgba(78,205,196,.2);transition:all .2s}.clan-invite-card:hover{border-color:#4ecdc466;background:#192837cc}.invite-info{display:flex;flex-direction:column;gap:4px}.invite-clan{color:#4ecdc4;font-weight:700;font-size:14px}.invite-from{color:#678;font-size:12px}.invite-actions{display:flex;gap:8px}.btn-accept{background:linear-gradient(135deg,#4ecdc466,#4ecdc433)!important;color:#4ecdc4!important;border:1px solid rgba(78,205,196,.5)!important;padding:8px 16px!important}.btn-accept:hover{background:linear-gradient(135deg,#4ecdc480,#4ecdc44d)!important}.btn-decline{background:#ff6b6b26!important;color:#ff8a8a!important;border:1px solid rgba(255,107,107,.3)!important;padding:8px 16px!important}.clan-create-section{background:linear-gradient(135deg,#142332cc,#0f1c2ae6);border-radius:16px;padding:24px;border:1px solid rgba(78,205,196,.15)}.clan-create-section h3{color:#e0f0f0;font-size:16px;margin-bottom:18px;text-align:center}.clan-create-form{display:grid;grid-template-columns:1fr 120px;gap:12px;max-width:500px;margin:0 auto}.clan-input{padding:12px 16px;background:#0a121ccc;border:1px solid rgba(78,205,196,.2);border-radius:10px;color:#e8f0f0;font-size:14px;outline:none;transition:all .2s}.clan-input:focus{border-color:#4ecdc480;box-shadow:0 0 10px #4ecdc426}.clan-input::placeholder{color:#567}.clan-input.full-width{grid-column:1 / -1}.clan-tag-input{text-transform:uppercase;letter-spacing:3px;text-align:center;font-weight:700}.clan-color-row{display:flex;align-items:center;gap:12px;grid-column:1 / -1;justify-content:center;padding:8px 0}.clan-color-row label{color:#89a;font-size:14px}.clan-color-picker{width:60px;height:36px;border:2px solid rgba(78,205,196,.3);border-radius:8px;cursor:pointer;background:transparent}.btn-create-clan{grid-column:1 / -1;margin-top:8px;padding:14px 24px;font-size:15px;background:linear-gradient(135deg,#4ecdc44d,#4ecdc426)!important;border:1px solid rgba(78,205,196,.4)!important}.clan-info-tab{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 650px){.clan-info-tab{grid-template-columns:1fr}}.info-column{display:flex;flex-direction:column;gap:12px}.info-section{background:#0f192899;border-radius:12px;padding:14px 16px;border:1px solid rgba(78,205,196,.1)}.info-section-title{font-size:12px;color:#678;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(78,205,196,.1)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(78,205,196,.06)}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#89a;font-size:13px}.info-row span:last-child{color:#e0f0f0;font-size:14px;font-weight:500}.exp-section{grid-column:1 / -1}.exp-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.exp-row .exp-label{color:#89a;font-size:13px}.exp-row .exp-value{color:gold;font-size:14px;font-weight:500}.exp-bar{height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(255,215,0,.2);position:relative}.exp-fill{height:100%;background:linear-gradient(90deg,#b8860b,gold,#ffec8b);border-radius:5px;transition:width .5s ease;box-shadow:0 0 10px #ffd70066}.exp-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent);border-radius:5px 5px 0 0}.clan-bonuses{background:linear-gradient(135deg,#4ecdc414,#ffd7000d);border-radius:12px;padding:16px;border:1px solid rgba(78,205,196,.15)}.bonuses-title{font-size:14px;color:#4ecdc4;margin-bottom:14px;display:flex;align-items:center;gap:8px}.bonuses-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.bonus-card{background:#142332b3;border-radius:10px;padding:12px;text-align:center;border:1px solid rgba(78,205,196,.1);transition:all .2s}.bonus-card:hover{border-color:#4ecdc44d;transform:translateY(-2px)}.bonus-card .bonus-icon{font-size:20px;margin-bottom:6px}.bonus-card .bonus-value{font-size:16px;font-weight:700;color:#4ecdc4}.bonus-card .bonus-label{font-size:11px;color:#789;margin-top:4px}.bonus-card.exp .bonus-value{color:#7fdbca}.bonus-card.loot .bonus-value{color:gold}.bonus-card.death .bonus-value{color:#ff8a8a}.no-bonuses{color:#567;font-size:13px;text-align:center;padding:16px;font-style:italic}.clan-desc{background:#0f192880;border-radius:10px;padding:14px;border-left:3px solid rgba(78,205,196,.3)}.clan-desc .desc-label{color:#678;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.clan-desc .desc-text{color:#abc;font-size:14px;line-height:1.5}.clan-actions{grid-column:1 / -1;display:flex;gap:12px;margin-top:8px;justify-content:center;padding-top:16px;border-top:1px solid rgba(78,205,196,.1)}.btn-warning{background:linear-gradient(135deg,#ffb43240,#ffb4321a)!important;color:#fc6!important;border:1px solid rgba(255,180,50,.4)!important;padding:10px 20px!important}.btn-danger{background:linear-gradient(135deg,#ff6b6b40,#ff6b6b1a)!important;color:#ff8a8a!important;border:1px solid rgba(255,107,107,.4)!important;padding:10px 20px!important}.members-list{display:flex;flex-direction:column;gap:10px}.member-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;padding:14px 16px;background:#0f192899;border-radius:12px;border:1px solid rgba(78,205,196,.08);align-items:center;transition:all .2s}.member-card:hover{border-color:#4ecdc433;background:#141e2db3}.member-card.online{border-color:#4ecdc440;box-shadow:0 0 10px #4ecdc41a}.member-top{display:contents}.member-status{font-size:12px;width:12px;text-align:center}.member-role{font-size:20px;width:28px;text-align:center}.member-name{color:#def;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-contrib{color:#7fdbca;font-size:13px;white-space:nowrap;background:#4ecdc41a;padding:4px 10px;border-radius:8px}.member-actions{grid-column:1 / -1;display:flex;align-items:center;gap:10px;padding-top:12px;margin-top:8px;border-top:1px solid rgba(78,205,196,.1)}.member-role-select{padding:6px 12px;background:#142332cc;border:1px solid rgba(78,205,196,.2);border-radius:8px;color:#abc;font-size:12px;cursor:pointer;flex:1;max-width:200px}.btn-small{padding:6px 12px!important;font-size:12px!important}.clan-invite-tab{padding:8px}.clan-invite-tab h4{color:#9ab;font-size:14px;margin-bottom:16px;text-align:center}.clan-invite-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.invite-player-row{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;background:#0f192899;border-radius:12px;border:1px solid rgba(78,205,196,.1);transition:all .2s}.invite-player-row:hover{border-color:#4ecdc44d;background:#141e2db3}.invite-player-row .player-name{color:#def;font-size:14px;font-weight:500}.no-players{color:#567;font-size:14px;text-align:center;padding:40px;grid-column:1 / -1}.clan-no-permission{color:#789;font-size:14px;text-align:center;padding:50px 20px;background:#0f192866;border-radius:12px}.clan-treasury-tab{text-align:center;padding:10px}.treasury-balance{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 40px;background:radial-gradient(ellipse at 50% 30%,rgba(255,215,0,.15) 0%,transparent 50%),linear-gradient(135deg,#142332cc,#0f1c2ae6);border-radius:16px;margin-bottom:24px;border:1px solid rgba(255,215,0,.2);box-shadow:0 4px 20px #0000004d}.treasury-icon{font-size:40px;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}.treasury-amount{font-size:42px;font-weight:700;color:gold;text-shadow:0 0 20px rgba(255,215,0,.5);line-height:1}.treasury-label{color:#9ab;font-size:14px;text-transform:uppercase;letter-spacing:2px}.treasury-actions{display:flex;flex-direction:column;gap:14px;max-width:400px;margin:0 auto}.treasury-row{display:flex;gap:12px}.treasury-input{flex:1;padding:12px 16px;background:#0a121ccc;border:1px solid rgba(78,205,196,.2);border-radius:10px;color:#e8f0f0;font-size:14px;outline:none;text-align:center}.treasury-input:focus{border-color:#4ecdc480;box-shadow:0 0 10px #4ecdc426}.treasury-row .btn{min-width:120px}.clan-skills-tab{padding:8px}.skill-points-row{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#4ecdc426,#4ecdc40d);border-radius:12px;margin-bottom:16px;border:1px solid rgba(78,205,196,.2)}.skill-points-row span:first-child{color:#9ab;font-size:14px}.skill-points-value{font-size:24px;font-weight:700;color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.4)}.skills-hint{color:#678;font-size:12px;text-align:center;margin-bottom:20px;padding:0 20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.skill-card{background:#0f1928b3;border-radius:14px;padding:16px;border:1px solid rgba(78,205,196,.1);transition:all .25s ease}.skill-card:hover{border-color:#4ecdc440;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.skill-card.locked{opacity:.7;background:#0a121c99}.skill-card.unlocked{border-color:#4ecdc433;background:linear-gradient(135deg,#142332cc,#0f1c2ab3)}.skill-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.skill-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#4ecdc41a;border-radius:8px;flex-shrink:0}.skill-info{flex:1}.skill-name{font-size:12px;font-weight:600;color:#e0f0f0;margin-bottom:2px}.skill-desc{font-size:10px;color:#789;line-height:1.3}.skill-level{display:flex;gap:4px;margin-bottom:8px}.level-dot{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#1e2d3ccc;border:1px solid rgba(78,205,196,.2);border-radius:6px;color:#567;font-size:10px;font-weight:700}.level-dot.filled{background:linear-gradient(135deg,#4ecdc466,#4ecdc433);border-color:#4ecdc4;color:#4ecdc4;box-shadow:0 0 6px #4ecdc44d}.skill-effect{font-size:11px;color:#7fdbca;margin-bottom:8px;padding:4px 8px;background:#4ecdc41a;border-radius:6px}.skill-max{font-size:10px;color:gold;text-align:center;padding:4px}.skill-locked-row{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid rgba(78,205,196,.1)}.skill-locked-row span:first-child{color:#678;font-size:11px}.unlock-cost{color:gold;font-size:10px}.character-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(720px,95vw)}.character-panel .panel-content{max-height:none;overflow:visible}.character-content{padding:18px 24px}.char-main-grid{display:grid;grid-template-columns:320px 1fr;gap:24px}@media (max-width: 750px){.char-main-grid{grid-template-columns:1fr}.character-panel{width:min(400px,95vw)}}.char-preview-section{background:radial-gradient(ellipse at 50% 30%,rgba(78,205,196,.08) 0%,transparent 60%),#0a1219cc;border-radius:18px 14px 20px 16px;padding:16px;border:1px solid rgba(78,205,196,.2);text-align:center}.beetle-preview-container{width:280px;height:280px;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#142328e6,#080f14fa);box-shadow:inset 0 0 40px #00000080,0 0 20px #4ecdc426;overflow:hidden;display:flex;align-items:center;justify-content:center}#beetle-preview{width:100%;height:100%;object-fit:contain}.char-name-block{margin-top:8px}.char-name{font-size:18px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(78,205,196,.4);margin-bottom:4px}.char-class{font-size:14px;color:#7fdbca;text-shadow:0 0 8px rgba(78,205,196,.3)}.char-info-section{display:flex;flex-direction:column;gap:14px}.char-stats-block{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.06) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:14px;border:1px solid rgba(78,205,196,.15)}.char-stat-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(78,205,196,.08)}.char-stat-row:last-child{border-bottom:none}.stat-icon{font-size:16px;width:24px;text-align:center}.stat-label{flex:1;font-size:13px;color:#abb}.stat-bar-mini{width:80px;height:12px;background:#0006;border-radius:6px;overflow:hidden;border:1px solid rgba(78,205,196,.2)}.stat-bar-fill-mini{height:100%;transition:width .3s}.stat-bar-fill-mini.hp-fill{background:linear-gradient(90deg,#2a8a6a,#4ecdc4)}.stat-bar-fill-mini.hp-fill.low{background:linear-gradient(90deg,#c80,#fa0)}.stat-bar-fill-mini.hp-fill.critical{background:linear-gradient(90deg,#c20,#f44);animation:criticalPulse .5s ease-in-out infinite}.stat-bar-fill-mini.en-fill{background:linear-gradient(90deg,#2a6a8a,#4db8db)}.stat-val{font-size:12px;color:#7fdbca;min-width:60px;text-align:right}.coins-val{color:gold;font-weight:700}.char-equip-block{background:radial-gradient(ellipse at 10% 10%,rgba(255,159,67,.06) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:14px;border:1px solid rgba(255,159,67,.15)}.equip-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.equip-slots-grid .equip-slot{display:flex;align-items:center;padding:10px 12px;background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.06) 0%,transparent 50%),#0c121c99;border-radius:12px 9px 14px 10px;border:1px solid rgba(78,205,196,.12);transition:all .2s}.equip-slots-grid .equip-slot.filled{border-color:#4ecdc459;background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.12) 0%,transparent 50%),#121c28b3}.equip-slots-grid .equip-slot.empty{opacity:.6;border-style:dashed}.equip-slots-grid .slot-icon{font-size:20px;margin-right:10px}.equip-slots-grid .slot-info{display:flex;flex-direction:column}.equip-slots-grid .slot-item-name{font-size:12px;color:#7fdbca}.equip-slots-grid .slot-type{font-size:10px;color:#566}.equip-slots-grid .slot-empty{font-size:11px;color:#455;font-style:italic}.char-bonuses-block{background:radial-gradient(ellipse at 10% 10%,rgba(78,205,196,.06) 0%,transparent 50%),#0f1623b3;border-radius:14px 10px 16px 12px;padding:14px;border:1px solid rgba(78,205,196,.15)}.bonuses-list{margin-top:8px}.bonus-row{display:flex;justify-content:space-between;padding:4px 0;font-size:12px}.bonus-stat{color:#abb;text-transform:capitalize}.bonus-val{color:#4ecdc4;font-weight:700}.no-bonuses{color:#455;font-size:12px;font-style:italic}@keyframes criticalPulse{0%,to{opacity:1}50%{opacity:.7}}.leaderboard-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(380px,90vw);max-height:80vh;display:flex;flex-direction:column}.leaderboard-header{background:linear-gradient(90deg,rgba(255,215,0,.2),transparent)}.leaderboard-content{padding:14px 18px}.leaderboard-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:14px}.leaderboard-tab{width:42px;height:42px;font-size:18px;background:radial-gradient(ellipse at 50% 30%,#323c4699,#1e283280);border:1px solid rgba(78,205,196,.2);border-radius:50%;color:#667;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.leaderboard-tab.active{background:radial-gradient(ellipse at 50% 30%,#4ecdc466,#4ecdc433);border-color:#4ecdc480;color:#fff;box-shadow:0 0 12px #4ecdc44d}.leaderboard-tab:hover:not(.active){background:radial-gradient(ellipse at 50% 30%,#46505a99,#323c4680);border-color:#4ecdc44d}.leaderboard-category-title{text-align:center;font-size:16px;font-weight:700;color:#7fdbca;margin-bottom:14px;text-shadow:0 0 10px rgba(78,205,196,.4)}.leaderboard-list{display:flex;flex-direction:column;gap:6px}.leaderboard-empty{text-align:center;padding:30px;color:#556}.leaderboard-entry{display:flex;align-items:center;gap:10px;padding:10px 14px;background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.05) 0%,transparent 50%),#121a26b3;border-radius:12px 9px 14px 10px;border:1px solid rgba(78,205,196,.1);transition:all .2s}.leaderboard-entry:hover{background:radial-gradient(ellipse at 10% 50%,rgba(78,205,196,.1) 0%,transparent 50%),#16202dcc;border-color:#4ecdc433}.leaderboard-entry.rank-1{background:radial-gradient(ellipse at 10% 50%,rgba(255,215,0,.15) 0%,transparent 50%),#1e1c14cc;border-color:#ffd7004d}.leaderboard-entry.rank-2{background:radial-gradient(ellipse at 10% 50%,rgba(192,192,192,.12) 0%,transparent 50%),#1c1c1ecc;border-color:#c0c0c040}.leaderboard-entry.rank-3{background:radial-gradient(ellipse at 10% 50%,rgba(205,127,50,.12) 0%,transparent 50%),#1e1914cc;border-color:#cd7f3240}.entry-rank{font-size:18px;width:32px;text-align:center}.entry-status{font-size:10px}.entry-status.online{color:#4ecdc4;text-shadow:0 0 6px rgba(78,205,196,.6)}.entry-status.offline{color:#445}.entry-name{flex:1;font-size:14px;font-weight:500}.entry-value{font-size:14px;color:#7fdbca;font-weight:700}.leaderboard-hint{text-align:center;font-size:11px;color:#445;margin-top:14px;padding-top:10px;border-top:1px solid rgba(78,205,196,.1)}.build-panel{top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,90vw);max-height:85vh}.build-panel .panel-content{display:flex;flex-direction:column;max-height:calc(85vh - 60px);overflow:hidden}.build-blocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:16px;max-height:280px;overflow-y:auto;padding-right:4px}.build-blocks-grid::-webkit-scrollbar{width:6px}.build-blocks-grid::-webkit-scrollbar-track{background:#0f162380;border-radius:3px}.build-blocks-grid::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:3px}.build-blocks-grid::-webkit-scrollbar-thumb:hover{background:#4ecdc499}.build-block-item{background:radial-gradient(ellipse at 20% 20%,rgba(78,205,196,.1) 0%,transparent 50%),#121a26e6;border:2px solid rgba(78,205,196,.25);border-radius:14px 10px 16px 12px;padding:12px 8px;text-align:center;cursor:pointer;transition:all .2s}.build-block-item:hover{background:radial-gradient(ellipse at 20% 20%,rgba(78,205,196,.2) 0%,transparent 50%),#1c2837f2;border-color:#4ecdc480;transform:scale(1.03);box-shadow:0 0 15px #4ecdc44d}.build-block-item.selected{background:radial-gradient(ellipse at 30% 30%,rgba(78,205,196,.3) 0%,transparent 50%),#233746f2;border-color:#4ecdc4cc;box-shadow:0 0 20px #4ecdc480,inset 0 0 15px #4ecdc41a}.build-block-item.locked{opacity:.5;cursor:not-allowed;border-style:dashed}.build-block-item.locked:hover{transform:none;box-shadow:none}.block-name{font-size:11px;color:#abb}.build-block-item.selected .block-name{color:#7fdbca}.block-lock{font-size:9px;color:#f88;margin-top:4px}.build-selected-info{background:#0f1623cc;border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:14px;margin-bottom:12px;max-height:200px;overflow-y:auto;flex-shrink:0}.build-selected-info::-webkit-scrollbar{width:4px}.build-selected-info::-webkit-scrollbar-track{background:transparent}.build-selected-info::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:2px}.selected-block-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.selected-icon{font-size:24px}.selected-name{font-size:16px;font-weight:700;color:#7fdbca}.selected-desc{font-size:12px;color:#899;margin-bottom:10px}.selected-stats{display:flex;gap:12px;font-size:12px;color:#abb;margin-bottom:10px}.cost-label{color:#677}.cost-item{background:#4ecdc41a;padding:3px 8px;border-radius:8px;color:#abb}.build-tabs{display:flex;gap:8px;margin-bottom:14px}.build-tab{flex:1;padding:10px 16px;background:#121a26cc;border:2px solid rgba(78,205,196,.2);border-radius:12px 12px 8px 8px;color:#899;font-size:13px;cursor:pointer;transition:all .2s}.build-tab:hover{background:#1c2837e6;border-color:#4ecdc466;color:#abb}.build-tab.active{background:radial-gradient(ellipse at 50% 0%,rgba(78,205,196,.2) 0%,transparent 70%),#233746f2;border-color:#4ecdc499;color:#7fdbca;box-shadow:0 0 15px #4ecdc433}.build-block-item.has-aura{border-color:#ffc86466}.build-block-item.has-aura:hover{border-color:#ffc86499;box-shadow:0 0 15px #ffc8644d}.build-block-item.has-aura.selected{border-color:#ffc864cc;box-shadow:0 0 20px #ffc86466,inset 0 0 15px #ffc8641a}.build-block-item{position:relative}.selected-aura{background:#ffc8641a;border:1px solid rgba(255,200,100,.3);border-radius:8px;padding:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.aura-label{color:#fc6;font-weight:700}.aura-radius{font-size:11px;color:#899}.selected-light{font-size:12px;color:#fd8;margin-bottom:8px}.selected-layer-hint{font-size:11px;color:#678;font-style:italic;margin-top:8px;padding-top:8px;border-top:1px solid rgba(78,205,196,.1)}.no-selection{text-align:center;color:#677;padding:20px;font-style:italic}.aura-bonuses-panel{position:fixed;top:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;background:radial-gradient(ellipse at 50% 30%,rgba(255,200,100,.15) 0%,transparent 60%),#0c121ce6;border:1px solid rgba(255,200,100,.3);border-radius:20px;box-shadow:0 0 20px #ffc86433,0 4px 15px #0006;z-index:1050;animation:auraFadeIn .3s ease-out}@keyframes auraFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.aura-bonuses-panel .aura-label{color:#fc6;font-size:13px;font-weight:700;text-shadow:0 0 8px rgba(255,200,100,.5)}.aura-bonus{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700;animation:auraPulse 2s ease-in-out infinite}@keyframes auraPulse{0%,to{opacity:.9}50%{opacity:1}}.aura-bonus.regen{background:#ff646433;border:1px solid rgba(255,100,100,.4);color:#f88}.aura-bonus.energy{background:#64c8ff33;border:1px solid rgba(100,200,255,.4);color:#8cf}.aura-bonus.mining{background:#64ffc833;border:1px solid rgba(100,255,200,.4);color:#8fc}.aura-bonus.speed{background:#c864ff33;border:1px solid rgba(200,100,255,.4);color:#c8f}.quality-button{position:fixed;top:12px;right:70px;display:flex;align-items:center;gap:4px;padding:6px 10px;background:#141e28d9;border-radius:12px;border:1px solid rgba(100,120,140,.4);font-size:11px;color:#abc;cursor:pointer;z-index:100;transition:all .2s ease}.quality-button:hover{background:#1e2d3cf2;border-color:#4ecdc480;transform:scale(1.05)}.quality-button:active{transform:scale(.95)}.quality-label{font-weight:700;font-size:10px;letter-spacing:.5px}.quality-button.quality-low{border-color:#64c86480;color:#8c8}.quality-button.quality-mid{border-color:#c8c86480;color:#cc8}.quality-button.quality-high{border-color:#ff966480;color:#fa8}.quality-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 28px;background:#0f1928f2;border:2px solid rgba(78,205,196,.6);border-radius:16px;color:#fff;font-size:16px;font-weight:500;text-align:center;z-index:9999;animation:qualityNotificationAnim 2s ease-out forwards;box-shadow:0 0 30px #4ecdc44d}@keyframes qualityNotificationAnim{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{transform:translate(-50%,-50%) scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(.95)}}.quality-button.quality-potato{border-color:#8b5a2b99;color:#c9a66b;background:#3c2814e6}.quality-button.quality-potato:hover{border-color:#b48246cc;box-shadow:0 0 8px #8b5a2b66}.settings-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200}.settings-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;animation:fadeIn .2s ease-out}.settings-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(600px,95vw);max-height:85vh;display:flex;flex-direction:column}.settings-header{background:linear-gradient(90deg,rgba(255,159,67,.2),transparent)}.settings-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px 12px;background:#0a0f1999;border-bottom:1px solid rgba(255,159,67,.15)}.settings-tab{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#1e283780;border:1px solid rgba(255,159,67,.15);border-radius:12px 10px 14px 8px;color:#89a;font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.settings-tab:hover{background:#ff9f431a;border-color:#ff9f434d;color:#abc}.settings-tab.active{background:linear-gradient(135deg,#ff9f4333,#ff9f430d);border-color:#ff9f4380;color:#ff9f43;box-shadow:0 0 15px #ff9f4333}.settings-tab .tab-icon{font-size:16px}.settings-tab .tab-name{font-weight:500}@media (max-width: 500px){.settings-tab .tab-name{display:none}.settings-tab{padding:8px 12px}}.settings-content{flex:1;overflow-y:auto;max-height:55vh;padding:16px}.settings-intro{text-align:center;padding:12px 16px;margin-bottom:16px;background:#ff9f4314;border-radius:12px;border:1px solid rgba(255,159,67,.2);font-size:14px;color:#778}.settings-intro span{color:#ff9f43}.settings-section{background:radial-gradient(ellipse at 10% 10%,rgba(255,159,67,.06) 0%,transparent 50%),#0f162399;border-radius:14px 10px 16px 12px;padding:14px 16px;margin-bottom:12px;border:1px solid rgba(255,159,67,.15);transition:all .2s}.settings-section:hover{border-color:#ff9f4340}.settings-section-title{font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,159,67,.15);color:#ff9f43;text-shadow:0 0 8px rgba(255,159,67,.4)}.settings-hint{font-size:11px;color:#667;margin-top:8px;padding:6px 10px;background:#0003;border-radius:6px}.settings-select-wrapper{margin-top:8px}.settings-select{width:100%;padding:10px 14px;background:#141c28e6;border:1px solid rgba(255,159,67,.25);border-radius:10px 8px 12px 9px;color:#ddd;font-size:13px;cursor:pointer;transition:all .2s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff9f43' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.settings-select:hover{border-color:#ff9f4380;background-color:#192332f2}.settings-select:focus{outline:none;border-color:#ff9f43;box-shadow:0 0 10px #ff9f434d}.settings-select option{background:#1a2535;color:#ddd;padding:8px}.settings-toggle-wrapper{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.settings-toggle-wrapper:last-child{border-bottom:none}.settings-toggle-label{font-size:13px;color:#bbc}.settings-toggle{width:48px;height:26px;background:#283241e6;border:1px solid rgba(100,110,130,.3);border-radius:13px;cursor:pointer;transition:all .25s;position:relative}.settings-toggle:hover{border-color:#ff9f4366}.settings-toggle.active{background:linear-gradient(90deg,#ff9f4366,#ffb4644d);border-color:#ff9f4399;box-shadow:0 0 12px #ff9f434d}.settings-toggle-knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:radial-gradient(circle at 35% 35%,#888,#666);border-radius:50%;transition:all .25s;box-shadow:0 2px 4px #0000004d}.settings-toggle.active .settings-toggle-knob{left:25px;background:radial-gradient(circle at 35% 35%,#ffb366,#ff9f43);box-shadow:0 0 8px #ff9f4380}.settings-slider-wrapper{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-slider{flex:1;height:8px;background:#283241e6;border-radius:4px;appearance:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:radial-gradient(circle at 35% 35%,#ffb366,#ff9f43);border-radius:50%;cursor:pointer;box-shadow:0 0 10px #ff9f4380;transition:transform .15s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.settings-slider::-moz-range-thumb{width:20px;height:20px;background:radial-gradient(circle at 35% 35%,#ffb366,#ff9f43);border-radius:50%;border:none;cursor:pointer;box-shadow:0 0 10px #ff9f4380}.settings-slider-value{min-width:45px;text-align:right;font-size:13px;color:#ff9f43;font-weight:700}.controls-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}@media (max-width: 500px){.controls-grid{grid-template-columns:1fr}}.control-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#141c2899;border-radius:8px;border:1px solid rgba(255,159,67,.1);gap:10px}.control-key{font-size:12px;font-weight:700;color:#ff9f43;padding:4px 8px;background:#ff9f4326;border-radius:4px}.control-action{font-size:12px;color:#9aa;flex:1}.control-key-btn{font-size:12px;font-weight:700;color:#ff9f43;padding:6px 12px;background:#ff9f4326;border:1px solid rgba(255,159,67,.3);border-radius:6px;cursor:pointer;transition:all .2s;min-width:80px;text-align:center}.control-key-btn:hover{background:#ff9f4340;border-color:#ff9f4380;transform:scale(1.05)}.control-key-btn.rebinding{background:#4ecdc44d;border-color:#4ecdc499;color:#4ecdc4;animation:rebindPulse 1s ease-in-out infinite}.control-key-btn.conflict{background:#ff6b6b4d;border-color:#ff6b6b99;color:#ff6b6b}@keyframes rebindPulse{0%,to{box-shadow:0 0 5px #4ecdc44d}50%{box-shadow:0 0 15px #4ecdc499}}.control-reset-btn{font-size:14px;color:#888;padding:4px 8px;background:transparent;border:1px solid rgba(136,136,136,.2);border-radius:4px;cursor:pointer;transition:all .2s;opacity:.5}.control-reset-btn:hover{opacity:1;color:#ff9f43;border-color:#ff9f4366;background:#ff9f431a}.settings-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;background:#0a0f1999;border-top:1px solid rgba(255,159,67,.15);border-radius:0 0 25px 18px}.settings-btn{padding:10px 20px;font-size:13px;font-weight:700;border-radius:12px 9px 14px 10px;border:none;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.settings-btn-reset{background:radial-gradient(ellipse at 30% 30%,#64647866,#46465a4d);color:#aab;border:1px solid rgba(100,100,120,.3)}.settings-btn-reset:hover{background:radial-gradient(ellipse at 30% 30%,#78788c80,#5a5a6e66);color:#dde;box-shadow:0 0 10px #6464784d;transform:scale(1.03)}.settings-btn-apply{background:radial-gradient(ellipse at 30% 30%,#64dc9680,#27ae6059);color:#6da;border:1px solid rgba(39,174,96,.4)}.settings-btn-apply:hover{background:radial-gradient(ellipse at 30% 30%,#78f0aab3,#27ae6080);color:#fff;box-shadow:0 0 15px #27ae6066;transform:scale(1.03)}.settings-btn-apply:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-name-change{margin-top:12px}.settings-current-name{font-size:13px;color:#aab;margin-bottom:10px}.settings-current-name b{color:#4ecdc4}.settings-name-input-row{display:flex;gap:10px;align-items:center}.settings-name-input{flex:1;padding:10px 14px;background:#141c28e6;border:1px solid rgba(78,205,196,.25);border-radius:10px;color:#ddd;font-size:14px;transition:all .2s}.settings-name-input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc44d}.settings-name-input::placeholder{color:#556}.settings-name-result{margin-top:10px;padding:8px 12px;border-radius:8px;font-size:12px;min-height:20px}.settings-name-result:empty{display:none}.settings-name-result.success{background:#27ae6033;color:#6da;border:1px solid rgba(39,174,96,.3)}.settings-name-result.error{background:#ff6b6b33;color:#f88;border:1px solid rgba(255,107,107,.3)}.inventory-panel-v2:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#4ecdc480,#4ecdc41a 30%,#a29bfe26 60%,#4ecdc466);z-index:-1;animation:organicBorderPulse 4s ease-in-out infinite}.inv-equipment{background:#0f162399;border-radius:14px;padding:12px;border:1px solid rgba(255,159,67,.15)}.equip-title{font-size:13px;color:#ff9f43;margin-bottom:10px;text-align:center}.equip-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.equip-slot{aspect-ratio:1;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s}.equip-slot.empty{background:#1e283780;border:2px dashed rgba(255,159,67,.2)}.equip-slot.filled{background:radial-gradient(circle,#ff9f4333,#c878281a);border:2px solid rgba(255,159,67,.4)}.equip-slot.filled:hover{border-color:#ff9f43b3;box-shadow:0 0 15px #ff9f434d}.slot-bg{font-size:20px;opacity:.3;position:absolute}.slot-item{font-size:22px;position:relative;z-index:1}.slot-dur{position:absolute;bottom:4px;left:4px;right:4px;height:3px;background:#00000080;border-radius:2px;overflow:hidden}.slot-dur:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--dur);border-radius:2px}.slot-dur.high:after{background:#0f8}.slot-dur.mid:after{background:#fa0}.slot-dur.low:after{background:#f44}.slot-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ff5050cc;border:none;border-radius:50%;color:#fff;font-size:10px;cursor:pointer;opacity:0;transition:all .2s}.equip-slot.filled:hover .slot-remove{opacity:1}.slot-remove:hover{background:#f44;transform:scale(1.2)}.inv-item{aspect-ratio:1;background:#141e2db3;border:2px solid rgba(100,110,130,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.inv-item .item-icon{font-size:28px;margin-bottom:4px}.inv-item .item-count{font-size:11px;color:#aaa;background:#0006;padding:1px 6px;border-radius:8px}.item-tooltip{position:fixed;background:#0c121cf2;border:1px solid rgba(78,205,196,.4);border-radius:10px;padding:12px 16px;min-width:150px;z-index:2000;pointer-events:none;box-shadow:0 0 20px #4ecdc433,0 10px 30px #00000080}@media (max-width: 700px){.inv-body{flex-direction:column}.inv-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.inv-categories{flex-direction:row;flex-wrap:wrap;flex:1}.cat-btn{flex:1;min-width:100px}.inv-equipment{width:100%}.equip-slots{grid-template-columns:repeat(7,1fr)}}.build-panel{width:420px;max-height:80vh}.build-tabs{display:flex;gap:8px;margin-bottom:16px}.build-tab{flex:1;padding:10px 16px;background:#1e3228cc;border:2px solid rgba(78,205,196,.3);border-radius:8px;color:#a0c0b0;font-size:14px;cursor:pointer;transition:all .2s ease}.build-tab:hover{background:#284637e6;border-color:#4ecdc480}.build-tab.active{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4}.build-blocks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;max-height:280px;overflow-y:auto;padding-right:4px}.build-block-item{position:relative;padding:12px 8px;background:#1e3228cc;border:2px solid rgba(78,205,196,.3);border-radius:10px;text-align:center;cursor:pointer;transition:all .2s ease}.build-block-item:hover:not(.locked){background:#284637e6;border-color:#4ecdc499;transform:translateY(-2px)}.build-block-item.selected{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc466}.build-block-item.locked{opacity:.5;cursor:not-allowed}.build-block-item.has-aura{border-color:#ffd70066}.build-block-item.has-aura.selected{border-color:gold;box-shadow:0 0 15px #ffd70066}.block-icon{font-size:28px;margin-bottom:6px}.block-name{font-size:11px;color:#a0c0b0;line-height:1.2}.block-lock{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;color:#ff6b6b;white-space:nowrap}.block-aura-badge{position:absolute;top:4px;right:4px;font-size:12px}.build-selected-info{background:#14281ee6;border:1px solid rgba(78,205,196,.3);border-radius:10px;padding:14px;margin-bottom:12px}.selected-block-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.selected-icon{font-size:28px}.selected-name{font-size:16px;font-weight:700;color:#4ecdc4}.selected-desc{font-size:12px;color:#a0c0b0;margin-bottom:10px;line-height:1.4}.selected-stats{display:flex;gap:12px;margin-bottom:10px;font-size:12px;color:#80a090}.selected-aura{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);border-radius:6px;padding:8px;margin-bottom:10px;font-size:12px}.aura-label{color:gold;margin-right:8px}.aura-radius{display:block;margin-top:4px;color:#a0c0b0;font-size:11px}.selected-light{font-size:12px;color:#7fff00;margin-bottom:10px}.selected-cost{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.cost-label{color:#80a090}.cost-item{background:#4ecdc426;padding:4px 8px;border-radius:4px;color:#c0e0d0}.selected-layer-hint{font-size:11px;color:#80a090;margin-top:8px;font-style:italic}.no-selection{text-align:center;color:#607060;font-style:italic;padding:20px}.stats-build-mode{position:fixed;bottom:20px;left:140px;background:#14231ee6;border:2px solid rgba(78,205,196,.3);border-radius:8px;padding:8px 14px;font-size:14px;color:#80a090;display:flex;align-items:center;gap:6px;transition:all .3s ease;z-index:100}.stats-build-mode:hover{border-color:#4ecdc480}.stats-build-mode.active{background:#4ecdc433;border-color:#4ecdc4;color:#4ecdc4;box-shadow:0 0 15px #4ecdc466;animation:buildModePulse 1.5s ease-in-out infinite}.stats-build-mode .build-mode-text{font-weight:700;font-size:12px}@keyframes buildModePulse{0%,to{box-shadow:0 0 15px #4ecdc466}50%{box-shadow:0 0 25px #4ecdc499}}.build-panel .panel-hint{background:#4ecdc41a;border:1px solid rgba(78,205,196,.2);border-radius:8px;padding:12px;text-align:center;font-size:12px;color:#a0c0b0}.build-panel .panel-hint strong{color:#4ecdc4}.build-mode-btn{display:block;width:100%;padding:14px;margin-top:12px;background:linear-gradient(135deg,#4ecdc44d,#4ecdc426);border:2px solid rgba(78,205,196,.5);border-radius:10px;color:#4ecdc4;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.build-mode-btn:hover{background:linear-gradient(135deg,#4ecdc466,#4ecdc440);border-color:#4ecdc4;box-shadow:0 0 20px #4ecdc466;transform:translateY(-2px)}.build-mode-btn:active{transform:translateY(0)}.build-hotbar{position:fixed;bottom:70px;left:50%;transform:translate(-50%);display:flex;gap:8px;background:#0f1914f2;border:2px solid rgba(78,205,196,.4);border-radius:12px;padding:10px 14px;z-index:150;opacity:0;pointer-events:none;transition:all .3s ease}.build-hotbar.visible{opacity:1;pointer-events:auto}.hotbar-slot{width:48px;height:48px;background:#1e3228cc;border:2px solid rgba(78,205,196,.3);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.hotbar-slot:hover{background:#284637e6;border-color:#4ecdc499;transform:translateY(-4px)}.hotbar-slot.selected{background:#4ecdc433;border-color:#4ecdc4;box-shadow:0 0 12px #4ecdc480}.hotbar-slot .slot-icon{font-size:22px}.hotbar-slot .slot-key{position:absolute;bottom:2px;right:4px;font-size:10px;color:#607060}.hotbar-slot.selected .slot-key{color:#4ecdc4}.build-mode-hint{position:fixed;top:100px;left:50%;transform:translate(-50%);background:#0f1914f2;border:2px solid rgba(78,205,196,.5);border-radius:10px;padding:12px 20px;font-size:14px;color:#a0c0b0;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.build-mode-hint.visible{opacity:1}.build-mode-hint .hint-key{display:inline-block;background:#4ecdc433;border:1px solid rgba(78,205,196,.4);border-radius:4px;padding:2px 8px;margin:0 4px;color:#4ecdc4;font-weight:700}.help-panel{width:420px;max-height:85vh}.help-panel .panel-content{max-height:calc(85vh - 60px);overflow-y:auto}.help-hint{color:#80a090!important;font-size:11px!important;font-style:italic;padding-left:12px}.guide-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;align-items:center;justify-content:center}.guide-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;animation:fadeIn .2s ease-out}.guide-panel{position:relative;width:min(900px,95vw);max-height:90vh;display:flex;flex-direction:column;z-index:2001}.guide-header{background:linear-gradient(90deg,rgba(78,205,196,.3),transparent)}.guide-content{flex:1;overflow-y:auto;max-height:calc(90vh - 140px);padding:20px}.guide-intro{background:#4ecdc41a;border:1px solid rgba(78,205,196,.3);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:15px;color:#4ecdc4;text-align:center}.guide-intro span{color:#c0e0d0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 700px){.guide-grid{grid-template-columns:1fr}}.guide-column{display:flex;flex-direction:column;gap:16px}.guide-section{background:#14231ecc;border:1px solid rgba(78,205,196,.2);border-radius:12px;padding:14px}.guide-section-title{font-size:14px;font-weight:700;color:#4ecdc4;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(78,205,196,.2)}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{padding:6px 0;font-size:13px;color:#a0c0b0;border-bottom:1px solid rgba(78,205,196,.08)}.guide-list li:last-child{border-bottom:none}.guide-mob-card{background:#14231ecc;border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:14px}.mob-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,107,107,.2)}.mob-name{font-size:16px;font-weight:700;color:#ff8a8a}.mob-hp{font-size:13px;color:#ff6b6b;background:#ff6b6b26;padding:4px 10px;border-radius:6px}.mob-card-info{margin-bottom:10px}.mob-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0c0b0;padding:4px 0}.mob-drops-title{font-size:12px;color:#80a090;margin-bottom:6px}.mob-drops-list{list-style:none;padding:0;margin:0}.mob-drops-list li{font-size:12px;color:#c0e0d0;padding:3px 0}.mob-card-tip{margin-top:10px;padding-top:10px;border-top:1px solid rgba(78,205,196,.15);font-size:12px;color:#7fdbca;font-style:italic}.guide-building-card{background:#14231ecc;border:1px solid rgba(78,205,196,.3);border-radius:12px;padding:14px}.building-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(78,205,196,.2)}.building-name{font-size:15px;font-weight:700;color:#4ecdc4}.building-hp{font-size:12px;color:#6fa;background:#66ffaa26;padding:4px 10px;border-radius:6px}.building-card-info{margin-bottom:10px}.building-info-row{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0c0b0;padding:4px 0}.building-info-row.cost{color:gold}.building-card-desc{font-size:12px;color:#80a090;font-style:italic}.guide-note{background:#4ecdc41a;border:1px dashed rgba(78,205,196,.3);border-radius:8px;padding:12px;margin-top:16px;font-size:12px;color:#a0c0b0;text-align:center}.guide-note b{color:#4ecdc4}.terraria-hotbar{position:fixed;bottom:8px;left:50%;transform:translate(-50%);z-index:1100;pointer-events:auto}.th-container{display:flex;flex-direction:column;align-items:center;gap:6px}.th-slots{display:flex;gap:2px;padding:6px 8px;background:linear-gradient(180deg,#141923f2,#0f141efa);border-radius:8px;border:2px solid rgba(60,70,90,.6);box-shadow:0 4px 15px #00000080,inset 0 1px #ffffff0d,inset 0 -2px 5px #0000004d}.th-container.build-active .th-slots{border-color:#4ecdc499;box-shadow:0 4px 15px #00000080,0 0 25px #4ecdc433,inset 0 1px #ffffff1a}.th-slot{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#283246cc,#1e2837e6);border:2px solid rgba(80,90,110,.5);border-radius:6px;cursor:pointer;transition:all .1s ease}.th-slot:hover{background:linear-gradient(180deg,#3c465ae6,#2d374bf2);border-color:#647896b3}.th-slot.selected{background:linear-gradient(180deg,#4ecdc44d,#3cb4aa66);border-color:#4ecdc4;box-shadow:0 0 10px #4ecdc466,inset 0 0 8px #4ecdc433;transform:translateY(-2px)}.th-slot.selected .th-glow{position:absolute;inset:-4px;border-radius:8px;background:radial-gradient(ellipse at center,rgba(78,205,196,.3) 0%,transparent 70%);animation:slotGlow 1.5s ease-in-out infinite;pointer-events:none}@keyframes slotGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.th-slot.empty{background:linear-gradient(180deg,#191e2899,#141923b3);border-style:dashed;border-color:#3c465a66}.th-key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:#fff6;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Consolas,Monaco,monospace}.th-slot.selected .th-key{color:#4ecdc4}.th-icon{font-size:26px;line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.th-bg-badge{position:absolute;bottom:1px;right:2px;font-size:10px;opacity:.7}.th-struct-badge{position:absolute;bottom:1px;right:2px;font-size:10px;opacity:.8;color:#0f8;text-shadow:0 0 4px rgba(0,255,136,.5)}.th-slot.structure{background:linear-gradient(180deg,#00645066,#00503c80);border-color:#0f86}.th-slot.structure.selected{background:linear-gradient(180deg,#00ff884d,#00c86466);border-color:#0f8;box-shadow:0 0 12px #0f86,inset 0 0 8px #0f83}.th-info{display:flex;align-items:center;gap:12px;font-size:11px;color:#ffffff80;background:#0006;padding:4px 12px;border-radius:6px}.th-mode{color:#4ecdc4;font-weight:700;animation:modeFlash 2s ease-in-out infinite}@keyframes modeFlash{0%,to{opacity:.8}50%{opacity:1}}.th-hint{color:#fff6}.build-panel-v2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:380px;max-height:70vh;background:linear-gradient(180deg,#0c121efa,#121c2dfc);border-radius:16px;border:2px solid rgba(78,205,196,.4);box-shadow:0 10px 40px #0009,0 0 60px #4ecdc426,inset 0 1px #ffffff0d;z-index:2000;display:flex;flex-direction:column;overflow:hidden;transition:opacity .2s,transform .2s}.build-panel-v2.hidden{opacity:0;transform:translate(-50%,-50%) scale(.95);pointer-events:none}.build-panel-v2.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.bp-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(78,205,196,.2)}.bp-title{font-size:16px;font-weight:700;color:#4ecdc4}.bp-close{width:28px;height:28px;border:none;background:#ff646433;color:#ff6b6b;border-radius:50%;cursor:pointer;font-size:14px;transition:all .15s}.bp-close:hover{background:#ff646466;transform:scale(1.1)}.bp-tabs{display:flex;gap:4px;padding:8px 12px;background:#0003}.bp-tab{flex:1;padding:8px 12px;border:none;background:#4ecdc41a;color:#fff9;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.bp-tab:hover{background:#4ecdc433;color:#fff}.bp-tab.active{background:#4ecdc44d;color:#4ecdc4;font-weight:700}.bp-tab-count{font-size:10px;opacity:.6}.bp-grid{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.bp-block{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#1e283c80;border:1px solid rgba(78,205,196,.15);border-radius:10px;cursor:pointer;transition:all .15s;position:relative}.bp-block:hover{background:#4ecdc426;border-color:#4ecdc466;transform:translate(4px)}.bp-block.selected{background:#4ecdc440;border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc44d}.bp-block.locked{opacity:.5;cursor:not-allowed}.bp-block.locked:hover{transform:none;background:#1e283c80;border-color:#4ecdc426}.bp-block-icon{font-size:28px;width:40px;text-align:center;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.bp-block-info{flex:1;display:flex;flex-direction:column;gap:2px}.bp-block-name{font-size:13px;font-weight:600;color:#fff}.bp-block-cost{display:flex;gap:6px;font-size:11px}.bp-cost-item{display:flex;align-items:center;gap:2px;color:#fff9;background:#0000004d;padding:2px 6px;border-radius:4px}.bp-lock{position:absolute;top:4px;right:8px;font-size:10px;color:#ff9f43;background:#ff9f4333;padding:2px 6px;border-radius:4px}.bp-block-size{font-size:10px;color:#4ecdc4b3;margin-top:2px}.bp-structure{border-left:3px solid rgba(170,102,255,.5)}.bp-structure.unlocked{border-left-color:#a6f}.bp-structure:hover{background:#aa66ff26;border-color:#a6f6}.bp-structure.selected{background:#aa66ff40;border-color:#a6f}.bp-special{position:absolute;bottom:4px;right:8px;font-size:14px}.bp-aura{position:absolute;bottom:4px;right:8px;font-size:12px;animation:auraPulse 2s ease-in-out infinite}@keyframes auraPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.bp-footer{padding:8px 12px;border-top:1px solid rgba(78,205,196,.2);background:#0003}.bp-hint{font-size:11px;color:#fff6;text-align:center;display:block}.bp-grid::-webkit-scrollbar{width:6px}.bp-grid::-webkit-scrollbar-track{background:#0003;border-radius:3px}.bp-grid::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:3px}.bp-grid::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.mc-build-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:480px;max-height:75vh;background:linear-gradient(180deg,#080c14fa,#0f1623fc);border-radius:16px;border:2px solid rgba(78,205,196,.5);box-shadow:0 15px 50px #000000b3,0 0 80px #4ecdc433,inset 0 1px #ffffff14;z-index:2000;display:flex;flex-direction:column;overflow:hidden;transition:opacity .25s,transform .25s}.mc-build-panel.hidden{opacity:0;transform:translate(-50%,-50%) scale(.9);pointer-events:none}.mc-build-panel.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}.mc-panel-container{display:flex;flex-direction:column;height:100%}.mc-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(78,205,196,.25);background:#0003}.mc-title{font-size:18px;font-weight:700;color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.mc-close{width:30px;height:30px;border:none;background:#ff646433;color:#ff6b6b;border-radius:50%;cursor:pointer;font-size:16px;transition:all .15s}.mc-close:hover{background:#ff646480;transform:scale(1.1)}.mc-categories{display:flex;gap:6px;padding:10px 14px;background:#0000004d;border-bottom:1px solid rgba(78,205,196,.15);position:relative;z-index:1}.mc-category{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:1px solid rgba(78,205,196,.2);background:#141e2d99;color:#fff9;border-radius:10px;cursor:pointer;transition:all .15s}.mc-category:hover{background:#4ecdc426;border-color:#4ecdc466;color:#fff}.mc-category.active{background:#4ecdc440;border-color:#4ecdc4;color:#4ecdc4;box-shadow:0 0 15px #4ecdc44d}.mc-cat-icon{font-size:20px}.mc-cat-name{font-size:11px;font-weight:600}.mc-cat-count{font-size:9px;opacity:.6}.mc-grid-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;position:relative}.mc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.mc-cell{aspect-ratio:1;background:#192332cc;border:2px solid rgba(78,205,196,.2);border-radius:10px;cursor:pointer;position:relative;transition:all .15s;overflow:visible}.mc-cell:hover{border-color:#4ecdc499;transform:scale(1.08);z-index:10}.mc-cell.selected{border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc480,inset 0 0 20px #4ecdc433}.mc-cell.locked{opacity:.4;cursor:not-allowed}.mc-cell.locked:hover{transform:none;border-color:#4ecdc433}.mc-cell.dragging{opacity:.5;transform:scale(.95)}.mc-cell-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.mc-cell-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.mc-cell-badge{position:absolute;top:2px;right:2px;font-size:10px;background:#00000080;border-radius:4px;padding:1px 3px}.mc-cell-special{position:absolute;bottom:2px;right:2px;font-size:10px}.mc-cell-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;background:#0009;border-radius:50%;padding:4px}.mc-cell-tooltip{display:none}.mc-global-tooltip{position:fixed;background:#0a0f19fa;border:1px solid rgba(78,205,196,.5);border-radius:8px;padding:8px 12px;min-width:120px;max-width:180px;z-index:100000;pointer-events:none;box-shadow:0 5px 20px #0009}.mc-tooltip-name{font-size:12px;font-weight:700;color:#fff;margin-bottom:4px;white-space:nowrap}.mc-tooltip-cost{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:4px}.mc-cost-item{font-size:10px;color:#ffffffb3;background:#0006;padding:2px 5px;border-radius:4px}.mc-tooltip-aura{font-size:10px;color:gold;margin-top:4px}.mc-tooltip-size{font-size:10px;color:#4ecdc4cc}.mc-tooltip-unlock{font-size:10px;color:#ff9f43;margin-top:4px}.mc-drag-ghost{position:fixed;width:48px;height:48px;background:#4ecdc44d;border:2px solid #4ecdc4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:28px;pointer-events:none;z-index:10000;box-shadow:0 5px 20px #00000080;animation:dragPulse .5s ease-in-out infinite}@keyframes dragPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mc-footer{padding:10px 14px;border-top:1px solid rgba(78,205,196,.2);background:#0000004d}.mc-hint{font-size:11px;color:#ffffff80;text-align:center;display:block}.mc-grid-container::-webkit-scrollbar{width:8px}.mc-grid-container::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.mc-grid-container::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:4px}.mc-grid-container::-webkit-scrollbar-thumb:hover{background:#4ecdc499}.th-hotbar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1500}.th-container{display:flex;flex-direction:column;align-items:center;gap:8px}.th-slots{display:flex;gap:4px;background:#080c14e6;padding:8px;border-radius:12px;border:2px solid rgba(78,205,196,.3);box-shadow:0 5px 25px #00000080}.th-container.build-active .th-slots{border-color:#4ecdc499;box-shadow:0 5px 25px #00000080,0 0 30px #4ecdc44d}.th-slot{width:52px;height:52px;background:#192332cc;border:2px solid rgba(78,205,196,.2);border-radius:8px;position:relative;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.th-slot:hover{border-color:#4ecdc480;background:#4ecdc41a}.th-slot.selected{border-color:#4ecdc4;box-shadow:0 0 15px #4ecdc480}.th-slot.empty{background:#0f141e99}.th-slot.empty .th-drop-hint{font-size:20px;color:#4ecdc44d}.th-key{position:absolute;top:2px;left:4px;font-size:10px;color:#fff6;font-weight:700}.th-icon{font-size:26px;filter:drop-shadow(0 2px 3px rgba(0,0,0,.4))}.th-badge{position:absolute;top:2px;right:2px;font-size:10px;background:#00000080;border-radius:4px;padding:1px 3px}.th-clear{position:absolute;bottom:1px;right:1px;width:16px;height:16px;border:none;background:#ff646499;color:#fff;border-radius:4px;font-size:10px;cursor:pointer;opacity:0;transition:opacity .15s;display:flex;align-items:center;justify-content:center}.th-slot:hover .th-clear{opacity:1}.th-clear:hover{background:#ff6464e6}.th-glow{position:absolute;inset:-4px;border-radius:10px;background:radial-gradient(circle,rgba(78,205,196,.3) 0%,transparent 70%);animation:slotGlow 1.5s ease-in-out infinite;pointer-events:none}@keyframes slotGlow{0%,to{opacity:.5}50%{opacity:1}}.th-slot.decor-slot{border-left:3px solid rgba(255,215,0,.5)}.th-slot.aura-slot{border-left:3px solid rgba(170,102,255,.5)}.th-slot.struct-slot{border-left:3px solid rgba(255,107,107,.5)}.th-count{position:absolute;bottom:2px;right:2px;font-size:10px;font-weight:700;color:#4ecdc4;background:#000000b3;padding:1px 4px;border-radius:3px;min-width:14px;text-align:center}.th-count.low{color:orange}.th-count.zero{color:#ff6b6b}.th-slot.no-resources{opacity:.5}.th-slot.no-resources .th-icon{filter:grayscale(50%)}.th-info{display:flex;flex-direction:column;align-items:center;gap:2px}.th-mode{font-size:12px;font-weight:700;color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.th-hint{font-size:10px;color:#fff6}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#0c121efa,#080c14);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;transition:opacity .4s ease-out}.loading-overlay.visible{opacity:1}.loading-overlay.hiding{opacity:0;pointer-events:none}.loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:radial-gradient(ellipse at 15% 15%,rgba(78,205,196,.08) 0%,transparent 40%),linear-gradient(135deg,#0c121ef2,#121c2dfa);border-radius:25px 18px 28px 20px;border:1px solid rgba(78,205,196,.3);box-shadow:0 0 40px #4ecdc426,0 15px 50px #00000080,inset 0 1px #ffffff0f;min-width:320px}.loading-icon{font-size:64px;animation:loadingPulse 2s ease-in-out infinite}@keyframes loadingPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(78,205,196,.3))}50%{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(78,205,196,.6))}}.loading-title{font-size:22px;font-weight:700;color:#7fdbca;text-shadow:0 0 15px rgba(78,205,196,.5),0 2px 4px rgba(0,0,0,.5)}.loading-progress-container{width:100%;height:12px;background:#0f1623cc;border-radius:6px;overflow:hidden;border:1px solid rgba(78,205,196,.2);box-shadow:inset 0 2px 4px #0000004d}.loading-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#4ecdc4cc,#64dcd2e6,#4ecdc4cc);border-radius:5px;transition:width .15s ease-out;box-shadow:0 0 10px #4ecdc480}.loading-info{display:flex;justify-content:space-between;width:100%;font-size:13px}.loading-progress-text{color:#7fdbca;font-weight:700}.loading-status{color:#677}.loading-tip{font-size:12px;color:#566;text-align:center;padding-top:10px;border-top:1px solid rgba(78,205,196,.1);width:100%}.auth-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity .4s ease-out}.auth-screen.visible{opacity:1}.auth-screen.hiding{opacity:0;pointer-events:none}.auth-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 25%,rgba(78,205,196,.15) 0%,transparent 8%),radial-gradient(circle at 85% 15%,rgba(78,205,196,.12) 0%,transparent 6%),radial-gradient(circle at 70% 75%,rgba(78,205,196,.18) 0%,transparent 10%),radial-gradient(circle at 25% 85%,rgba(78,205,196,.1) 0%,transparent 7%),radial-gradient(circle at 50% 50%,rgba(78,205,196,.08) 0%,transparent 15%),radial-gradient(circle at 90% 60%,rgba(162,155,254,.1) 0%,transparent 8%),radial-gradient(circle at 10% 60%,rgba(162,155,254,.08) 0%,transparent 6%),radial-gradient(ellipse at 30% 100%,rgba(78,205,196,.2) 0%,transparent 40%),radial-gradient(ellipse at 70% 100%,rgba(78,205,196,.15) 0%,transparent 35%),linear-gradient(180deg,#080c12,#0c121c,#0f1620 60%,#121c26);overflow:hidden}.auth-backdrop:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(78,205,196,.3) 0%,transparent 2px),radial-gradient(circle at 80% 20%,rgba(78,205,196,.25) 0%,transparent 1.5px),radial-gradient(circle at 60% 70%,rgba(78,205,196,.35) 0%,transparent 2.5px),radial-gradient(circle at 35% 80%,rgba(78,205,196,.2) 0%,transparent 1.5px),radial-gradient(circle at 90% 50%,rgba(162,155,254,.25) 0%,transparent 2px),radial-gradient(circle at 10% 50%,rgba(78,205,196,.3) 0%,transparent 2px),radial-gradient(circle at 45% 15%,rgba(78,205,196,.2) 0%,transparent 1.5px),radial-gradient(circle at 75% 85%,rgba(162,155,254,.3) 0%,transparent 2px);animation:sporeFloat 20s ease-in-out infinite;pointer-events:none}.auth-backdrop:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,transparent 48%,rgba(0,0,0,.1) 49%,rgba(0,0,0,.1) 51%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(0,0,0,.08) 49%,rgba(0,0,0,.08) 51%,transparent 52%),linear-gradient(90deg,transparent 48%,rgba(0,0,0,.05) 49%,rgba(0,0,0,.05) 51%,transparent 52%);background-size:80px 80px,120px 120px,60px 60px;opacity:.4;pointer-events:none}@keyframes sporeFloat{0%,to{transform:translateY(0) scale(1);opacity:.8}25%{transform:translateY(-10px) scale(1.02);opacity:1}50%{transform:translateY(-5px) scale(.98);opacity:.9}75%{transform:translateY(-15px) scale(1.01);opacity:.85}}.auth-panel{position:relative;width:min(420px,95vw);background:radial-gradient(ellipse at 15% 15%,rgba(78,205,196,.1) 0%,transparent 40%),linear-gradient(135deg,#0c121efa,#121c2dfc);border-radius:25px 18px 28px 20px;border:1px solid rgba(78,205,196,.3);box-shadow:0 0 60px #4ecdc426,0 20px 60px #0009,inset 0 1px #ffffff0f;padding:30px;animation:authPanelAppear .5s ease-out}@keyframes authPanelAppear{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-header{text-align:center;margin-bottom:25px}.auth-logo{font-size:64px;margin-bottom:10px;animation:authLogoPulse 3s ease-in-out infinite}@keyframes authLogoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(78,205,196,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(78,205,196,.6))}}.auth-title{font-size:28px;font-weight:700;color:#7fdbca;margin:0;text-shadow:0 0 20px rgba(78,205,196,.5)}.auth-subtitle{font-size:14px;color:#677;margin:5px 0 0}.auth-tabs{display:flex;gap:10px;margin-bottom:20px}.auth-tab{flex:1;padding:12px;background:#1e283799;border:1px solid rgba(78,205,196,.2);border-radius:12px 9px 14px 10px;color:#677;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.auth-tab:hover{background:#283746b3;border-color:#4ecdc44d}.auth-tab.active{background:radial-gradient(ellipse at 50% 30%,#4ecdc44d,#4ecdc426);border-color:#4ecdc480;color:#7fdbca;box-shadow:0 0 15px #4ecdc433}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field.hidden{display:none}.auth-field label{font-size:13px;color:#7fdbca;font-weight:700}.auth-field input{padding:12px 15px;background:#0f1623cc;border:1px solid rgba(78,205,196,.2);border-radius:10px 8px 12px 9px;color:#ded;font-size:14px;outline:none;transition:all .2s}.auth-field input::placeholder{color:#455}.auth-field input:focus{border-color:#4ecdc480;box-shadow:0 0 15px #4ecdc426}.auth-error{padding:10px 15px;background:#ff6b6b26;border:1px solid rgba(255,107,107,.3);border-radius:8px;color:#ff8a8a;font-size:13px;text-align:center}.auth-error.hidden{display:none}.auth-submit{padding:14px;background:radial-gradient(ellipse at 30% 30%,#64dcd280,#4ecdc459);border:1px solid rgba(78,205,196,.5);border-radius:14px 10px 16px 12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:5px}.auth-submit:hover:not(:disabled){background:radial-gradient(ellipse at 30% 30%,#78f0e699,#4ecdc480);box-shadow:0 0 20px #4ecdc466;transform:translateY(-2px)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit-text.hidden,.auth-submit-loading.hidden{display:none}.auth-footer{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(78,205,196,.1)}.auth-footer p{font-size:12px;color:#566;margin:0}.auth-migration-notice{background:linear-gradient(135deg,#50c87826,#28a0501a);border:1px solid rgba(80,200,120,.4);border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.auth-migration-icon{font-size:20px;flex-shrink:0}.auth-migration-notice span:last-child{font-size:13px;color:#90d0a0;line-height:1.4}.auth-prealpha-notice{background:linear-gradient(135deg,#ffb4321f,#c8781e14);border:1px solid rgba(255,180,50,.35);border-radius:8px;padding:10px 14px;margin-bottom:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.auth-prealpha-badge{background:linear-gradient(135deg,#ff9500,#ff6b00);color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3)}.auth-prealpha-text{font-size:12px;color:#d0a060;line-height:1.4;flex:1;min-width:200px}.settings-account-info{background:#0003;border-radius:8px;padding:12px}.settings-account-info .account-row{display:flex;justify-content:space-between;padding:4px 0;color:#a0b0b0}.settings-account-info .account-row b{color:#e0f0f0}.settings-password-change{display:flex;flex-direction:column;gap:12px}.settings-password-row{display:flex;flex-direction:column;gap:4px}.settings-password-row label{font-size:12px;color:#8090a0}.settings-password-input{background:#0000004d;border:1px solid rgba(100,150,150,.3);border-radius:6px;padding:10px 12px;color:#e0f0f0;font-size:14px;outline:none;transition:border-color .2s}.settings-password-input:focus{border-color:#64c89699}.settings-password-input::placeholder{color:#506060}.settings-password-result{font-size:13px;min-height:20px;transition:color .2s}.settings-password-result.success{color:#50c878}.settings-password-result.error{color:#ff6b6b}.auth-eula-field{margin-top:5px}.auth-eula-field.hidden{display:none}.auth-eula-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.auth-eula-checkbox input[type=checkbox]{display:none}.auth-eula-checkmark{width:20px;height:20px;border:2px solid rgba(78,205,196,.5);border-radius:4px;background:#0f1623cc;position:relative;flex-shrink:0;transition:all .2s}.auth-eula-checkbox input:checked+.auth-eula-checkmark{background:#4ecdc44d;border-color:#4ecdc4cc}.auth-eula-checkbox input:checked+.auth-eula-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#4ecdc4;font-size:14px;font-weight:700}.auth-eula-text{font-size:13px;color:#a0b0b0}.auth-eula-text a{color:#4ecdc4;text-decoration:none;border-bottom:1px dashed rgba(78,205,196,.5);transition:all .2s}.auth-eula-text a:hover{color:#7fdbca;border-bottom-color:#7fdbcacc}.auth-eula-modal{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease}.auth-eula-modal.hidden{display:none}.auth-eula-content{background:linear-gradient(145deg,#192332fa,#0f1623fa);border:1px solid rgba(78,205,196,.3);border-radius:12px;width:min(600px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 40px #00000080,0 0 80px #4ecdc41a;position:relative}.auth-eula-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#ff646433;border:1px solid rgba(255,100,100,.4);border-radius:50%;color:#ff6b6b;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:1}.auth-eula-close:hover{background:#ff64644d;transform:scale(1.1)}.auth-eula-body{padding:25px 30px;overflow-y:auto;flex:1;color:#c0d0d0;font-size:14px;line-height:1.6}.auth-eula-body h2{color:#4ecdc4;font-size:22px;margin:0 0 5px;text-align:center}.auth-eula-body .eula-version{text-align:center;color:#677;font-size:12px;margin-bottom:20px}.auth-eula-body h3{color:#7fdbca;font-size:16px;margin:20px 0 10px;padding-bottom:5px;border-bottom:1px solid rgba(78,205,196,.2)}.auth-eula-body p{margin:8px 0}.auth-eula-body ul{margin:8px 0;padding-left:20px}.auth-eula-body li{margin:5px 0;color:#a0b0b0}.auth-eula-body strong{color:#e0f0f0}.auth-eula-body .eula-footer{margin-top:25px;padding-top:15px;border-top:1px solid rgba(78,205,196,.2);text-align:center;color:#8090a0;font-style:italic}.auth-eula-actions{display:flex;gap:15px;padding:20px 30px;border-top:1px solid rgba(78,205,196,.2);background:#0003;border-radius:0 0 12px 12px}.auth-eula-actions button{flex:1;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.auth-eula-actions .btn-decline{background:#6464644d;border:1px solid rgba(150,150,150,.4);color:#a0a0a0}.auth-eula-actions .btn-decline:hover{background:#78787866;color:silver}.auth-eula-actions .btn-accept{background:radial-gradient(ellipse at 30% 30%,#64dcd280,#4ecdc459);border:1px solid rgba(78,205,196,.5);color:#e0ffff}.auth-eula-actions .btn-accept:hover{background:radial-gradient(ellipse at 30% 30%,#78f0e699,#4ecdc480);box-shadow:0 0 20px #4ecdc466}.auth-eula-body::-webkit-scrollbar{width:8px}.auth-eula-body::-webkit-scrollbar-track{background:#0003;border-radius:4px}.auth-eula-body::-webkit-scrollbar-thumb{background:#4ecdc44d;border-radius:4px}.auth-eula-body::-webkit-scrollbar-thumb:hover{background:#4ecdc480}.inventory-panel-v2{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(750px,95vw);max-height:85vh;background:radial-gradient(ellipse at 15% 15%,rgba(78,205,196,.08) 0%,transparent 40%),radial-gradient(ellipse at 85% 85%,rgba(162,155,254,.06) 0%,transparent 40%),linear-gradient(135deg,#0c121ef7,#121c2dfa);border-radius:20px;box-shadow:0 0 40px #4ecdc433,0 15px 50px #0009,inset 0 1px #ffffff14;display:flex;flex-direction:column;overflow:hidden;z-index:1200}.inventory-panel-v2:before{content:"";position:absolute;inset:-2px;border-radius:22px;background:linear-gradient(135deg,#4ecdc480,#4ecdc41a 30%,#a29bfe26 60%,#4ecdc466);z-index:-1;animation:invBorderPulse 4s ease-in-out infinite}@keyframes invBorderPulse{0%,to{opacity:.6}50%{opacity:1}}.inventory-panel-v2.slide-in{animation:invSlideIn .35s cubic-bezier(.34,1.56,.64,1)}@keyframes invSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.inv-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(90deg,rgba(78,205,196,.15),transparent);border-bottom:1px solid rgba(78,205,196,.2)}.inv-title{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#7fdbca;text-shadow:0 0 15px rgba(78,205,196,.5)}.inv-icon{font-size:24px}.inv-close{width:36px;height:36px;border:none;background:radial-gradient(circle,#ff6b6b4d,#b43c3c33);color:#ff8a8a;font-size:18px;border-radius:50%;cursor:pointer;transition:all .2s}.inv-close:hover{background:radial-gradient(circle,#ff6b6b99,#c8505066);color:#fff;transform:scale(1.1) rotate(90deg)}.inv-body{display:flex;flex:1;overflow:hidden;padding:16px;gap:16px}.inv-sidebar{width:200px;display:flex;flex-direction:column;gap:16px;flex-shrink:0}.inv-categories{display:flex;flex-direction:column;gap:6px}.cat-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#141e2d99;border:1px solid rgba(78,205,196,.15);border-radius:12px;color:#889;cursor:pointer;transition:all .2s}.cat-btn:hover{background:#1e2d3cb3;border-color:#4ecdc44d;color:#aab}.cat-btn.active{background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border-color:#4ecdc480;color:#7fdbca;box-shadow:0 0 15px #4ecdc433}.cat-btn.action-cat{border-color:var(--cat-color, rgba(78, 205, 196, .3))}.cat-btn.action-cat.active{background:linear-gradient(135deg,#ff9f4333,#ff9f431a);border-color:var(--cat-color, rgba(255, 159, 67, .5));color:var(--cat-color, #ff9f43);box-shadow:0 0 15px #ff9f4333}.cat-icon{font-size:18px}.cat-name{flex:1;font-size:13px}.cat-count{font-size:11px;background:#0000004d;padding:2px 8px;border-radius:10px}.inv-main{flex:1;overflow-y:auto;padding-right:8px}.inv-main:has(.equipment-tab){overflow:visible}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.inv-item{aspect-ratio:1;background:#141e2db3;border:2px solid rgba(100,110,130,.3);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;position:relative;overflow:visible}.inv-item:hover{transform:translateY(-3px);border-color:#4ecdc480;box-shadow:0 8px 20px #0006}.inv-item:active{transform:scale(.95)}.item-glow{position:absolute;inset:0;opacity:0;transition:opacity .2s}.inv-item:hover .item-glow{opacity:1}.inv-item .item-icon{font-size:28px}.inv-item .item-count{font-size:11px;color:#aaa;background:#0006;padding:1px 6px;border-radius:8px;margin-top:4px}.item-rarity-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%}.inv-item.rarity-common{border-color:#aaaaaa4d}.inv-item.rarity-common .item-glow{background:radial-gradient(circle,rgba(170,170,170,.1),transparent 70%)}.inv-item.rarity-uncommon{border-color:#0f06}.inv-item.rarity-uncommon .item-glow{background:radial-gradient(circle,rgba(0,255,0,.15),transparent 70%)}.inv-item.rarity-uncommon .item-rarity-dot{background:#0f0;box-shadow:0 0 8px #0f0}.inv-item.rarity-rare{border-color:#00aaff80}.inv-item.rarity-rare .item-glow{background:radial-gradient(circle,rgba(0,170,255,.2),transparent 70%)}.inv-item.rarity-rare .item-rarity-dot{background:#0af;box-shadow:0 0 8px #0af}.inv-item.rarity-epic{border-color:#aa00ff80}.inv-item.rarity-epic .item-glow{background:radial-gradient(circle,rgba(170,0,255,.2),transparent 70%)}.inv-item.rarity-epic .item-rarity-dot{background:#a0f;box-shadow:0 0 8px #a0f}.inv-item.rarity-legendary{border-color:#fa09;animation:legendaryPulse 2s ease-in-out infinite}.inv-item.rarity-legendary .item-glow{background:radial-gradient(circle,rgba(255,170,0,.25),transparent 70%)}.inv-item.rarity-legendary .item-rarity-dot{background:#fa0;box-shadow:0 0 10px #fa0}@keyframes legendaryPulse{0%,to{box-shadow:0 0 10px #ffaa004d}50%{box-shadow:0 0 20px #ffaa0080}}.inv-empty{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#556}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-text{font-size:20px;margin-bottom:8px}.empty-hint{font-size:13px;color:#445}.action-list{display:flex;flex-direction:column;gap:8px;width:100%}.action-item{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:12px;padding:10px 14px;background:#141e2db3;border:1px solid rgba(78,205,196,.2);border-radius:12px;transition:all .2s}.action-item:hover{background:#1e2d3ccc;border-color:#4ecdc466}.action-icon{font-size:24px;text-align:center}.action-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.action-name{font-size:13px;font-weight:700;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-desc{font-size:10px;color:#7fdbca}.action-count{font-size:11px;color:#889;background:#0000004d;padding:4px 8px;border-radius:6px;white-space:nowrap}.action-btn{padding:8px 12px;border:none;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.action-btn.eat-btn{background:linear-gradient(135deg,#4ecdc4,#3ab8b0);color:#fff}.action-btn.eat-btn:hover{background:linear-gradient(135deg,#5fd9d0,#4ecdc4);transform:scale(1.05);box-shadow:0 0 15px #4ecdc466}.action-btn.convert-btn{background:linear-gradient(135deg,#ff9f43,#e08930);color:#fff}.action-btn.convert-btn:hover{background:linear-gradient(135deg,#ffb060,#ff9f43);transform:scale(1.05);box-shadow:0 0 15px #ff9f4366}.inv-footer{padding:12px 20px;background:#0003;border-top:1px solid rgba(78,205,196,.1)}.inv-hint{font-size:12px;color:#556;text-align:center}.item-tooltip{position:fixed;background:#0c121cf2;border:1px solid rgba(78,205,196,.4);border-radius:10px;padding:12px 16px;min-width:180px;z-index:2000;pointer-events:none;box-shadow:0 0 20px #4ecdc433,0 10px 30px #00000080}.tt-name{font-size:14px;font-weight:700;margin-bottom:4px}.tt-name.rarity-common{color:#aaa}.tt-name.rarity-uncommon{color:#0f0}.tt-name.rarity-rare{color:#0af}.tt-name.rarity-epic{color:#a0f}.tt-name.rarity-legendary{color:#fa0}.tt-rarity{font-size:11px;color:#667;margin-bottom:8px}.tt-count{font-size:12px;color:#889}.tt-action{font-size:11px;color:#7fdbca;margin-top:4px;padding:3px 6px;background:#4ecdc41a;border-radius:4px}.tt-action.equip{color:#fa0;background:#ffaa0026}.tt-hint{font-size:10px;color:#556;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}@media (max-width: 700px){.inv-body{flex-direction:column}.inv-sidebar{width:100%;flex-direction:row;flex-wrap:wrap}.inv-categories{flex-direction:row;flex-wrap:wrap;flex:1}.cat-btn{flex:1;min-width:100px}}.equipment-tab{width:100%;display:flex;flex-direction:column;align-items:center;padding:30px 10px 10px;gap:16px}.beetle-layout{display:flex;align-items:center;justify-content:center;gap:16px;margin-left:380px}.beetle-column{display:flex;flex-direction:column;gap:14px}.beetle-center{display:flex;flex-direction:column;align-items:center;gap:14px}.beetle-body{width:130px;height:200px;position:relative}.beetle-svg{width:100%;height:100%;filter:drop-shadow(0 0 15px rgba(255,159,67,.3))}.beetle-part{fill:#ff9f4326;stroke:#ff9f4380;stroke-width:2}.beetle-head{fill:#ff9f4338}.beetle-thorax{fill:#ff9f432e}.beetle-carapace{fill:#ff9f431f}.beetle-pronotum{fill:#ff9f4333}.beetle-elytra{fill:#ff9f4324}.beetle-scutellum{fill:#ff9f4340;stroke:#ff9f4366;stroke-width:1}.beetle-eye{fill:#ffc86466;stroke:#ff9f4399;stroke-width:1}.beetle-dot{fill:#ff9f4333}.beetle-joint{fill:#ff9f4359}.beetle-antenna{fill:none;stroke:#ff9f4399;stroke-width:2;stroke-linecap:round}.beetle-mandible{fill:none;stroke:#ff9f4399;stroke-width:3;stroke-linecap:round}.beetle-leg{fill:none;stroke:#ff9f4373;stroke-width:3;stroke-linecap:round}.beetle-line{stroke:#ff9f4340;stroke-width:1;stroke-dasharray:4 4}.beetle-bottom-slot{display:flex;justify-content:center}.beetle-slot{width:64px;height:64px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;position:relative}.beetle-slot.empty{background:linear-gradient(145deg,#1e2837cc,#141e2d99);border:2px dashed rgba(255,159,67,.35);box-shadow:inset 0 2px 8px #0006}.beetle-slot.empty:hover{border-color:#ff9f43b3;background:linear-gradient(145deg,#2d3746e6,#232d3cb3);transform:scale(1.08)}.beetle-slot.filled{background:linear-gradient(145deg,#ff9f434d,#c8782833);border:2px solid rgba(255,159,67,.6);box-shadow:0 0 20px #ff9f4340,inset 0 1px #ffffff26;animation:beetle-slot-glow 3s ease-in-out infinite}@keyframes beetle-slot-glow{0%,to{box-shadow:0 0 15px #ff9f4333,inset 0 1px #ffffff1a}50%{box-shadow:0 0 25px #ff9f4366,inset 0 1px #fff3}}.beetle-slot.filled:hover{border-color:#ff9f43e6;box-shadow:0 0 30px #ff9f4380;transform:scale(1.1)}.beetle-slot-bg{font-size:26px;opacity:.35;position:absolute;filter:grayscale(50%);transition:opacity .2s}.beetle-slot:hover .beetle-slot-bg{opacity:.5}.beetle-slot.filled .beetle-slot-bg{opacity:.15}.beetle-slot-item{font-size:30px;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.6));transition:transform .2s}.beetle-slot.filled:hover .beetle-slot-item{transform:scale(1.15)}.beetle-slot-dur{position:absolute;bottom:4px;left:4px;right:4px;height:4px;background:#0009;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 2px #00000080}.beetle-slot-dur:after{content:"";position:absolute;left:0;top:0;height:100%;width:var(--dur);border-radius:3px;transition:width .3s ease}.beetle-slot-dur.high:after{background:linear-gradient(90deg,#0c6,#0f8);box-shadow:0 0 6px #00ff8880}.beetle-slot-dur.mid:after{background:linear-gradient(90deg,#f80,#fa0);box-shadow:0 0 6px #ffaa0080}.beetle-slot-dur.low:after{background:linear-gradient(90deg,#c00,#f44);box-shadow:0 0 6px #ff444480;animation:dur-pulse .8s ease-in-out infinite}@keyframes dur-pulse{0%,to{opacity:1}50%{opacity:.6}}.beetle-slot-remove{position:absolute;top:-8px;right:-8px;width:22px;height:22px;background:linear-gradient(135deg,#f66,#c44);border:2px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;font-size:12px;font-weight:700;cursor:pointer;opacity:0;transition:all .2s;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000080;z-index:10}.beetle-slot.filled:hover .beetle-slot-remove{opacity:1}.beetle-slot-remove:hover{background:linear-gradient(135deg,#f44,#c22);transform:scale(1.2);box-shadow:0 0 12px #f449}.beetle-slot-label{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:9px;color:#ff9f43cc;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.equipment-hint{margin-top:8px;padding:8px 16px;background:#ff9f431a;border:1px solid rgba(255,159,67,.25);border-radius:8px;font-size:11px;color:#ff9f43d9;text-align:center;white-space:nowrap;margin-left:380px}