#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}.genes-left{display:flex;flex-direction:column;max-height:65vh;overflow:hidden}@media (max-width: 700px){.genes-grid{grid-template-columns:1fr}.genes-left{max-height:none}}.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}.genes-inventory-section{display:flex;flex-direction:column}.genes-inventory-list{max-height:200px;overflow-y:auto!important;overflow-x:hidden;padding-right:6px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.genes-inventory-list::-webkit-scrollbar{width:6px}.genes-inventory-list::-webkit-scrollbar-track{background:#0000004d;border-radius:3px}.genes-inventory-list::-webkit-scrollbar-thumb{background:#a29bfe80;border-radius:3px}.genes-inventory-list::-webkit-scrollbar-thumb:hover{background:#a29bfeb3}.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}.gene-count{font-size:12px;color:#677;margin-left:8px}.gene-slot-max{position:absolute;bottom:2px;right:2px;font-size:8px;background:#ff6b6bcc;color:#fff;padding:1px 4px;border-radius:4px}.gene-inv-group{display:flex;flex-direction:column;padding:10px 12px;margin:6px 0;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.gene-inv-group.gene-level-1{background:#2a5a3ab3}.gene-inv-group.gene-level-2{background:#2a4a6ab3}.gene-inv-group.gene-level-3{background:#5a4a2ab3}.gene-inv-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.gene-inv-icon{font-size:20px}.gene-inv-name{font-size:13px;font-weight:500}.gene-inv-count{font-size:14px;font-weight:700;color:gold;margin-left:auto}.gene-inv-effect{font-size:11px;color:#abb;margin-left:8px}.gene-inv-actions{display:flex;align-items:center;gap:8px}.gene-btn-equip,.gene-btn-recycle{padding:4px 10px;font-size:14px;border-radius:6px;border:none;cursor:pointer;transition:all .15s;background:#0000004d}.gene-btn-equip:hover{background:#4ecdc466;transform:scale(1.1)}.gene-btn-recycle:hover{background:#ff6b6b66;transform:scale(1.1)}.gene-max-hint{font-size:10px;color:#ff6b6b;padding:4px 8px}.gene-fuse-hint{font-size:11px;color:gold;animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1;text-shadow:0 0 8px #ffd700}}.section-title.genes-fusion{color:gold}.fusion-section{background:radial-gradient(ellipse at 90% 10%,rgba(255,215,0,.1) 0%,transparent 50%),#0f162399;border:1px solid rgba(255,215,0,.2)}.fusion-hint{font-size:11px;color:#677;text-align:center;margin-bottom:10px}.fusion-list{display:flex;flex-direction:column;gap:8px}.fusion-option{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;background:#0000004d;border:1px solid rgba(255,215,0,.2)}.fusion-option.gene-level-2{border-color:#4db8db4d}.fusion-option.gene-level-3{border-color:#dbc44d66}.fusion-from{font-size:12px;color:#abb}.fusion-arrow{font-size:16px;color:gold}.fusion-to{font-size:12px;font-weight:500;flex:1}.gene-fuse-btn{padding:6px 12px;font-size:11px;background:linear-gradient(135deg,#ffd7004d,#ffa5004d);color:gold;border:1px solid rgba(255,215,0,.4);border-radius:6px;cursor:pointer;transition:all .2s}.gene-fuse-btn:hover{background:linear-gradient(135deg,#ffd70080,#ffa50080);transform:scale(1.05);box-shadow:0 0 10px #ffd70066}.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;pointer-events:auto!important;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:55px;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:200px;left: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,.chat-filter-btn{width:24px;height:24px;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:6px;color:#7fdbca;font-size:12px;cursor:pointer;transition:all .2s;margin-left:4px;display:flex;align-items:center;justify-content:center}.chat-minimize-btn:hover,.chat-compact-btn:hover,.chat-filter-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-message.log-message{color:#666;font-size:11px;opacity:.8}.chat-message.log-message .chat-sender{color:#888}.chat-message.log-message .chat-text{color:#777}.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-log-btn{padding:10px;background:#64646426;border:none;border-right:1px solid rgba(78,205,196,.2);color:#888;font-size:11px;cursor:pointer;transition:all .2s;white-space:nowrap}.chat-log-btn:hover{background:#64646440;color:#aaa}.chat-log-btn.active{background:#4ecdc433;color:#7fdbca}.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-custom-icon{width:32px;height:32px;object-fit:contain;border-radius:8px;background:#4ecdc41a;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-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-icon-img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated;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-icon-img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;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}.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);max-height:90vh;overflow:hidden;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;animation:authPanelAppear .5s ease-out;display:flex;flex-direction:column}.auth-panel-inner{padding:30px;overflow-y:auto;flex:1}.auth-panel-inner::-webkit-scrollbar{width:6px}.auth-panel-inner::-webkit-scrollbar-track{background:#0003;border-radius:3px}.auth-panel-inner::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:3px}.auth-panel-inner::-webkit-scrollbar-thumb:hover{background:#4ecdc499}@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:15px}.auth-logo{font-size:48px;margin-bottom:8px;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:10px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field.hidden{display:none}.auth-field label{font-size:13px;color:#7fdbca;font-weight:700}.auth-field input{padding:10px 12px;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-divider{display:flex;align-items:center;margin:15px 0;color:#566;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#4ecdc433}.auth-divider span{padding:0 12px}.auth-vk-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:radial-gradient(ellipse at 30% 30%,#4581c880,#2d64aa66);color:#fff;border:1px solid rgba(69,129,200,.5);border-radius:14px 10px 16px 12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:inset 0 -2px 5px #0003}.auth-vk-btn:hover{background:radial-gradient(ellipse at 30% 30%,#5995dc99,#4178be80);box-shadow:0 0 20px #4581c866;transform:scale(1.02)}.auth-vk-icon{flex-shrink:0}.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-captcha-field{margin:10px 0;display:flex;justify-content:center}.auth-captcha-field.hidden{display:none}.h-captcha{display:flex;justify-content:center}.h-captcha iframe{border-radius:8px}@media (max-width: 400px){.auth-captcha-field{transform:scale(.9);transform-origin:center}}.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}.ban-panel{position:relative;width:min(420px,95vw);background:radial-gradient(ellipse at 15% 15%,rgba(255,80,80,.08) 0%,transparent 40%),linear-gradient(135deg,#140f12fa,#1e1419fc);border-radius:25px 18px 28px 20px;border:1px solid rgba(255,100,100,.35);box-shadow:0 0 60px #ff50501f,0 20px 60px #0009,inset 0 1px #ffffff0a;padding:35px 30px;text-align:center;animation:authPanelAppear .5s ease-out}.ban-icon{font-size:72px;margin-bottom:15px;animation:banIconPulse 2s ease-in-out infinite}@keyframes banIconPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,80,80,.4))}50%{transform:scale(1.08);filter:drop-shadow(0 0 25px rgba(255,80,80,.6))}}.ban-title{font-size:26px;font-weight:700;color:#ff8080;margin:0 0 25px;text-shadow:0 0 20px rgba(255,80,80,.4)}.ban-reason-box{background:#ff505014;border:1px solid rgba(255,100,100,.25);border-radius:12px;padding:18px 20px;margin-bottom:20px}.ban-reason-label{font-size:12px;color:#aa7070;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.ban-reason-text{font-size:16px;color:#faa;font-weight:500;line-height:1.4;word-break:break-word}.ban-info{font-size:14px;color:#877;line-height:1.5;margin:0 0 15px}.ban-contact{font-size:13px;color:#788;line-height:1.5;margin:0 0 25px}.ban-link{color:#69c;text-decoration:none;border-bottom:1px solid rgba(102,153,204,.4);transition:all .2s}.ban-link:hover{color:#8be;border-bottom-color:#8be9}.ban-footer{display:flex;align-items:center;justify-content:center;gap:8px;padding-top:20px;border-top:1px solid rgba(255,100,100,.15);color:#655;font-size:13px}.ban-beetle{font-size:18px;opacity:.6}@media (max-height: 700px){.chat-container{bottom:50px;width:300px}.chat-messages{height:120px}.chat-container.compact .chat-messages{height:80px}.chat-header{padding:4px 8px}.chat-title{font-size:10px}.chat-message{font-size:11px;margin-bottom:2px}.chat-input-container{padding:4px 8px}.chat-input{padding:4px 8px;font-size:11px}.hotbar-container{bottom:8px!important}.hotbar-slot{width:40px!important;height:40px!important}.hotbar-key{font-size:8px!important}.hotbar-count{font-size:9px!important}.top-bar,.stats-bar{padding:4px 8px!important;gap:8px!important}.health-bar,.energy-bar{height:16px!important}.bar-text{font-size:10px!important}.level-badge{width:32px!important;height:32px!important;font-size:14px!important}.panel{max-height:80vh!important}.panel-header{padding:8px 12px}.panel-title{font-size:14px}.panel-content{padding:10px 12px}.inventory-panel,.skills-panel{width:min(600px,95vw)!important;max-height:80vh!important}.skills-branches{grid-template-columns:repeat(2,1fr)!important;gap:3px!important}}@media (max-height: 550px){.chat-container{bottom:45px;width:260px}.chat-messages{height:80px}.chat-container.compact .chat-messages{height:60px}.chat-message{font-size:10px;line-height:1.2}.hotbar-slot{width:36px!important;height:36px!important}.health-bar,.energy-bar{height:14px!important;min-width:100px!important}.level-badge{width:28px!important;height:28px!important;font-size:12px!important}.panel-header{padding:6px 10px}.panel-title{font-size:13px}.panel-close{width:26px;height:26px;font-size:14px}}@media (max-width: 850px){.chat-container{width:280px}.inventory-panel,.skills-panel,.genes-panel,.craft-panel,.market-panel,.help-panel,.settings-panel,.character-panel,.clan-panel{width:95vw!important;max-width:95vw!important}.inventory-grid,.genes-grid{grid-template-columns:1fr!important}.skills-branches{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.chat-container{width:240px;left:8px}.chat-messages{height:100px}.hotbar-slot{width:34px!important;height:34px!important}.skills-branches{grid-template-columns:1fr!important}}@media (max-height: 500px){.minimap-legend,.panel-hint{display:none!important}.chat-messages{height:60px!important}}.character-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100}.character-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000bf;animation:fadeIn .2s ease-out}.character-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(520px,95vw);max-height:90vh;display:flex;flex-direction:column}.character-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,rgba(78,205,196,.25),rgba(162,155,254,.15),transparent)}.character-title-row{display:flex;align-items:baseline;gap:12px}.character-name{font-size:20px;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(78,205,196,.5)}.character-level{font-size:14px;color:gold;font-weight:700}.character-content{flex:1;overflow-y:auto;max-height:calc(90vh - 60px);padding:16px 18px;display:flex;flex-direction:column;gap:14px}.character-class-section{display:flex;gap:12px;flex-wrap:wrap}.character-class{flex:1;min-width:200px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0f1623b3;border-radius:12px;border:2px solid}.class-icon{font-size:28px}.class-info{display:flex;flex-direction:column;gap:2px}.class-name{font-size:16px;font-weight:700}.class-desc{font-size:11px;color:#889}.character-form{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0f1623b3;border-radius:12px;border:2px solid}.character-xp-section{margin-top:-4px}.xp-bar-container{position:relative;height:18px;background:#141e28cc;border-radius:9px;overflow:hidden;border:1px solid rgba(78,205,196,.3)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#4ecdc4,#7fdbca);transition:width .3s ease}.xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap}.character-resources{display:flex;gap:12px;flex-wrap:wrap}.resource-item{flex:1;min-width:120px;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0f162399;border-radius:10px}.resource-icon{font-size:18px}.resource-bar-container{flex:1;position:relative;height:16px;background:#0006;border-radius:8px;overflow:hidden}.resource-bar-fill{height:100%;transition:width .3s ease}.resource-bar-fill.hp-fill{background:linear-gradient(90deg,#ff6b6b,#ff8a8a)}.resource-bar-fill.energy-fill{background:linear-gradient(90deg,gold,#ffea70)}.resource-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.resource-item.coins{justify-content:center}.resource-value{font-size:16px;font-weight:700;color:gold}.character-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 500px){.character-stats-grid{grid-template-columns:1fr}}.stats-column{display:flex;flex-direction:column;gap:6px}.stats-section-title{font-size:13px;font-weight:700;color:#7fdbca;padding-bottom:4px;border-bottom:1px solid rgba(78,205,196,.2);margin-bottom:4px}.stat-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#0f162380;border-radius:8px;transition:background .15s}.stat-row:hover{background:#141e2db3}.stat-row.has-breakdown{flex-wrap:wrap}.stat-row .stat-icon{font-size:14px;width:20px;text-align:center}.stat-row .stat-name{flex:1;font-size:12px;color:#aab}.stat-row .stat-value{font-size:13px;font-weight:700;color:#7fdbca}.stat-breakdown{width:100%;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;padding-top:4px;border-top:1px dashed rgba(78,205,196,.15)}.breakdown-item{font-size:10px;padding:2px 6px;border-radius:4px;background:#0000004d}.breakdown-item.class{color:#a29bfe}.breakdown-item.genes{color:#ff9ff3}.breakdown-item.skills{color:#ffeaa7}.breakdown-item.equip{color:#74b9ff}.breakdown-item.aura{color:#55efc4}.character-clan-bonuses{background:#0f162380;border-radius:10px;padding:10px 12px;border:1px solid rgba(162,155,254,.2)}.clan-bonuses-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.clan-bonus{font-size:11px;padding:4px 8px;background:#a29bfe26;border-radius:6px;color:#a29bfe}.character-synergies{background:#0f162380;border-radius:10px;padding:10px 12px;border:1px solid rgba(255,215,0,.2)}.synergies-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}.synergy-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ffd70014;border-radius:8px;border:1px solid rgba(255,215,0,.15)}.synergy-icon{font-size:16px}.synergy-name{font-size:12px;font-weight:700;color:gold}.synergy-desc{font-size:11px;color:#aab;margin-left:auto}.character-player-stats{background:#0f162380;border-radius:10px;padding:10px 12px}.player-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.player-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px;background:#0000004d;border-radius:8px}.player-stat .stat-icon{font-size:16px}.player-stat .stat-value{font-size:16px;font-weight:700;color:#fff}.player-stat .stat-label{font-size:10px;color:#778}.player-stat.kd .stat-value{color:gold}.action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:1050;pointer-events:auto}.ab-container{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:radial-gradient(ellipse at 50% 0%,rgba(78,205,196,.08) 0%,transparent 50%),linear-gradient(180deg,#0c121ef2,#121c2dfa);border-radius:20px 20px 16px 16px;border:1px solid rgba(78,205,196,.2);box-shadow:0 -4px 20px #0006,0 0 30px #4ecdc41a,inset 0 1px #ffffff0d}.ab-container.build-active{border-color:#ff9f4366;box-shadow:0 -4px 20px #0006,0 0 30px #ff9f4326}.ab-slots{display:flex;gap:6px}.ab-slot{position:relative;width:52px;height:52px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;user-select:none}.ab-slot.empty{background:#1e283799;border:2px dashed rgba(78,205,196,.25)}.ab-slot.empty:hover{border-color:#4ecdc480;background:#283746b3}.ab-slot.filled{background:radial-gradient(ellipse at 30% 30%,rgba(var(--action-color-rgb, 78, 205, 196),.15) 0%,transparent 60%),#192332e6;border:2px solid var(--action-color, rgba(78, 205, 196, .4));box-shadow:inset 0 -3px 8px #0000004d}.ab-slot.filled:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000004d,0 0 15px var(--action-color, rgba(78, 205, 196, .3)),inset 0 -3px 8px #0000004d}.ab-slot.selected{border-color:#fff;box-shadow:0 0 20px var(--action-color, rgba(78, 205, 196, .5)),inset 0 0 10px #ffffff1a}.ab-slot.no-resources{opacity:.5}.ab-slot.no-resources .ab-icon{filter:grayscale(.7)}.ab-slot.drop-hint{border-color:#4ecdc4cc;background:#4ecdc426;animation:dropPulse .8s ease infinite}.ab-slot.drop-valid{border-color:#4ecdc4;background:#4ecdc433;box-shadow:0 0 15px #4ecdc466}.ab-slot.drop-invalid{border-color:#ff6b6b80;background:#ff6b6b1a}@keyframes dropPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.ab-key{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;color:#ffffff80;text-shadow:0 1px 2px rgba(0,0,0,.5)}.ab-icon{font-size:24px;line-height:1}.ab-icon-img{width:28px;height:28px;object-fit:contain;image-rendering:pixelated}.ab-count{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.ab-count.zero{color:#ff6b6b}.ab-count.low{color:#ffd93d}.ab-action-badge{position:absolute;top:2px;right:4px;font-size:10px;opacity:.7}.ab-glow{position:absolute;inset:-4px;border-radius:16px;background:radial-gradient(circle,var(--action-color, rgba(78, 205, 196, .3)) 0%,transparent 70%);animation:slotGlow 1.5s ease infinite;pointer-events:none}@keyframes slotGlow{0%,to{opacity:.5}50%{opacity:1}}.ab-clear{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#ff6b6bcc;color:#fff;border:none;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s,transform .15s;z-index:10}.ab-slot:hover .ab-clear{opacity:1}.ab-clear:hover{transform:scale(1.2);background:#ff6b6b}.ab-drop-icon{font-size:20px;color:#4ecdc499}.ab-info{display:flex;flex-direction:column;align-items:center;gap:2px}.ab-mode{font-size:12px;font-weight:700;color:#ff9f43;text-shadow:0 0 10px rgba(255,159,67,.5)}.ab-hint{font-size:10px;color:#ffffff80}.action-bar.drag-active .ab-slot.empty{border-style:solid;border-color:#4ecdc466}.drag-ghost{position:fixed;pointer-events:none;z-index:9999;display:flex;align-items:center;gap:4px;padding:8px 12px;background:#0c121ef2;border:2px solid rgba(78,205,196,.6);border-radius:10px;box-shadow:0 8px 25px #00000080,0 0 20px #4ecdc44d;transform:translate(-50%,-50%);animation:ghostAppear .15s ease-out}@keyframes ghostAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.drag-ghost-icon{font-size:24px}.drag-ghost-count{font-size:12px;font-weight:700;color:#ffd93d}body.dragging-active,body.dragging-active *{cursor:grabbing!important}.inv-item[draggable=true]{cursor:grab;transition:transform .15s,box-shadow .15s}.inv-item[draggable=true]:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.inv-item[draggable=true]:active{cursor:grabbing;transform:scale(.95)}.inv-item.dragging{opacity:.5;transform:scale(.9)}.inv-grid.drop-zone{background:#4ecdc41a;border:2px dashed rgba(78,205,196,.4);border-radius:12px}@media (max-width: 600px){.ab-slot{width:44px;height:44px}.ab-icon{font-size:20px}.ab-slots{gap:4px}.ab-container{padding:8px 12px}}@media (max-width: 480px){.ab-slot{width:38px;height:38px}.ab-icon{font-size:18px}.ab-key,.ab-count{font-size:8px}}.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-icon .item-custom-icon{width:32px;height:32px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.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}.converter-modal{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;pointer-events:auto}.converter-modal.hidden{display:none}.converter-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(4px)}.converter-content{position:relative;width:min(400px,90vw);background:radial-gradient(ellipse at 30% 20%,rgba(78,205,196,.12) 0%,transparent 50%),linear-gradient(135deg,#0c121efa,#121c2dfc);border-radius:16px;box-shadow:0 0 50px #4ecdc44d,0 20px 60px #000000b3,inset 0 1px #ffffff1a;border:2px solid rgba(78,205,196,.4);overflow:hidden;animation:converterSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes converterSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.converter-header{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(90deg,rgba(78,205,196,.15),transparent);border-bottom:1px solid rgba(78,205,196,.2)}.converter-icon{font-size:24px;filter:drop-shadow(0 0 8px rgba(78,205,196,.5))}.converter-title{flex:1;font-size:16px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(78,205,196,.5)}.converter-close{width:28px;height:28px;border:none;background:#ff646433;border-radius:6px;color:#ff6b6b;font-size:14px;cursor:pointer;transition:all .2s}.converter-close:hover{background:#ff646466;transform:scale(1.1)}.converter-body{padding:20px;display:flex;flex-direction:column;gap:16px}.converter-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1)}.converter-item-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.converter-item-name{flex:1;font-size:15px;font-weight:500;color:#fff}.converter-item-count{font-size:14px;color:#4ecdc4e6;font-weight:600}.converter-slider-container{padding:8px 0}.converter-slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:4px;outline:none;cursor:pointer}.converter-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #4ecdc480;transition:transform .2s,box-shadow .2s}.converter-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 16px #4ecdc4b3}.converter-slider::-moz-range-thumb{width:24px;height:24px;background:linear-gradient(135deg,#4ecdc4,#44a08d);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #4ecdc480}.converter-slider-labels{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:#ffffff80}.converter-quick-btns{display:flex;gap:8px;justify-content:center}.converter-quick{padding:8px 16px;background:#4ecdc426;border:1px solid rgba(78,205,196,.3);border-radius:8px;color:#4ecdc4e6;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.converter-quick:hover{background:#4ecdc44d;border-color:#4ecdc480;transform:translateY(-2px)}.converter-quick:active{transform:translateY(0)}.converter-preview{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:linear-gradient(90deg,#4ecdc41a,#ff9f431a);border-radius:12px;border:1px solid rgba(78,205,196,.2)}.converter-from,.converter-to{display:flex;align-items:center;gap:8px}.converter-from-icon,.converter-to-icon{font-size:24px}.converter-from-amount,.converter-to-amount{font-size:18px;font-weight:700}.converter-from-amount{color:#ff6464e6}.converter-to-amount{color:#4ecdc4;text-shadow:0 0 10px rgba(78,205,196,.5)}.converter-arrow{font-size:24px;color:#ffffff80;animation:arrowPulse 1.5s ease-in-out infinite}@keyframes arrowPulse{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.converter-footer{display:flex;gap:12px;padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.converter-cancel,.converter-confirm{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.converter-cancel{background:#ffffff1a;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.converter-cancel:hover{background:#ffffff26;color:#fff}.converter-confirm{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;box-shadow:0 4px 15px #4ecdc466}.converter-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc480}.converter-confirm:active{transform:translateY(0)}.converter-custom-icon,.converter-item-icon img,.converter-from-icon img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.converter-from-icon img{width:24px;height:24px}:root{--obs-ink: #020708;--obs-abyss: #061417;--obs-glass: rgba(3, 24, 29, .88);--obs-glass-soft: rgba(5, 35, 39, .72);--obs-cyan: #42ddd2;--obs-cyan-bright: #96fff4;--obs-cyan-dim: #2b8f8a;--obs-bronze: #8b7651;--obs-bronze-bright: #c2a76e;--obs-gold: #d8bb65;--obs-health: #cf544b;--obs-energy: #d3a62f;--obs-danger: #e45447;--obs-text: #e7f6ef;--obs-muted: #89aaa5;--obs-line: rgba(92, 210, 197, .28);--obs-font: "Roboto Condensed Variable", "Roboto Condensed", sans-serif}#ui-root.observatory-ui{font-family:var(--obs-font);color:var(--obs-text)}#ui-root.observatory-ui button,#ui-root.observatory-ui input{font:inherit}#ui-root.observatory-ui button:focus-visible,#ui-root.observatory-ui [tabindex]:focus-visible,#ui-root.observatory-ui input:focus-visible{outline:2px solid var(--obs-cyan-bright);outline-offset:2px}body.observatory-preview{background:var(--obs-ink)}.observatory-preview #game-container,.observatory-preview .observatory-preview-world{position:fixed;inset:0;width:100%;height:100%;overflow:hidden}.observatory-preview .observatory-preview-world img{width:100%;height:100%;object-fit:cover;filter:saturate(.84) brightness(.7)}.observatory-preview .observatory-preview-world:after{content:"";position:absolute;inset:0;background:#00090b1f;pointer-events:none}#ui-root.observatory-ui>.stats-panel{position:fixed;top:0;left:50%;width:min(800px,52vw);height:auto;aspect-ratio:16 / 3;display:block;transform:translate(-50%);background:url(/ui/observatory/hud-shell@2x.png?v=20260720) center / 100% 100% no-repeat;border:0;padding:0;filter:drop-shadow(0 8px 14px rgba(0,0,0,.72));animation:obsHudEnter .42s cubic-bezier(.2,.72,.28,1) both;pointer-events:none;z-index:1040}#ui-root.observatory-ui>.stats-panel .stats-class-circle{pointer-events:auto}@keyframes obsHudEnter{0%{opacity:0;transform:translate(-50%,-12px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.observatory-ui .stat-bar-left,.observatory-ui .stat-bar-right{position:absolute;max-width:none;pointer-events:none}.observatory-ui .stat-bar-left{top:36.07%;left:10.42%;width:31.36%;height:19.38%}.observatory-ui .stat-bar-right{top:36.09%;right:10.4%;width:31.42%;height:19.35%}.observatory-ui .stat-bar-bg{position:absolute;inset:0;width:auto;height:auto;margin:0;overflow:hidden;border:0;border-radius:999px;background:#000709d1;box-shadow:inset 0 4px 10px #000000f2}.observatory-ui .stat-bar-left .stat-bar-bg{transform:rotate(3.254deg)}.observatory-ui .stat-bar-right .stat-bar-bg{transform:rotate(-3.279deg)}.observatory-ui .stat-bar-bg:before{content:none}.observatory-ui .stat-bar-fill{position:absolute;inset:3px auto 3px 3px;height:auto;min-width:0;margin:0;overflow:hidden;border-radius:999px;transition:width .32s cubic-bezier(.22,.66,.3,1)}.observatory-ui .stat-bar-fill:before{content:"";position:absolute;top:3px;left:8px;right:10px;height:22%;border-radius:999px;background:#ffffff4d}.observatory-ui .stat-bar-fill:after{content:"";position:absolute;inset:0;background-image:url(/ui/observatory/liquid-noise@2x.png?v=20260720);background-size:220px 48px;opacity:.24;animation:obsLiquidDrift 8s linear infinite}@keyframes obsLiquidDrift{0%{background-position-x:0}to{background-position-x:220px}}.observatory-ui .hp-bar{background-color:var(--obs-health);background-image:none!important;box-shadow:0 0 12px #cf544bad,inset 0 -5px 8px #440c0a94}.observatory-ui .hp-bar.low,.observatory-ui .hp-bar.critical{background-color:var(--obs-danger);box-shadow:0 0 14px #e45447b8,inset 0 -5px 8px #440c0a94}.observatory-ui .en-bar{background-color:var(--obs-energy);background-image:none!important;box-shadow:0 0 12px #d3a62f9e,inset 0 -5px 8px #422a0494}.observatory-ui .stat-label{display:block;position:absolute;left:18px;top:-24px;z-index:7;color:#ddece1c2;font-size:clamp(8px,.72vw,11px);font-weight:720;letter-spacing:.14em;line-height:1;text-shadow:0 2px 4px #000}.observatory-ui .stat-bar-right .stat-label{left:5px}.observatory-ui .stat-value{position:absolute;top:50%;right:16px;z-index:8;transform:translateY(-50%);color:var(--obs-text);font-size:clamp(9px,.8vw,12px);font-weight:760;letter-spacing:.06em;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #000}.observatory-ui .stat-bar-left .stat-value{transform:translateY(-50%) rotate(-3.254deg)}.observatory-ui .stat-bar-right .stat-value{transform:translateY(-50%) rotate(3.279deg)}.observatory-ui .stats-class-circle{position:absolute!important;top:50%;left:50%;width:13.7%;height:auto;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);background:transparent!important;border:0!important;border-radius:50%;box-shadow:none!important;animation:none;pointer-events:auto!important;cursor:pointer;z-index:4}.observatory-ui .stats-class-circle:before,.observatory-ui .stats-class-circle:after{content:none}.observatory-ui .stats-class-circle:hover{transform:translate(-50%,-50%) scale(1.045)}.observatory-ui .stats-level{top:46%;color:#e6fff9;font-size:clamp(20px,2vw,30px);font-weight:820;letter-spacing:-.04em;text-shadow:0 0 10px rgba(66,221,210,.9),0 3px 4px #001011}.observatory-ui .stats-level-label{position:absolute;left:50%;top:67%;transform:translate(-50%);color:#ceede6c7;font-size:clamp(6px,.5vw,8px);font-weight:760;letter-spacing:.16em;white-space:nowrap;pointer-events:none;z-index:5}.observatory-ui .xp-ring{inset:-3%;width:106%;height:106%}.observatory-ui .xp-ring-bg{stroke:#021819b8;stroke-width:4}.observatory-ui .xp-ring-fill{stroke:var(--obs-cyan-bright);stroke-width:4;filter:drop-shadow(0 0 3px var(--obs-cyan))}.observatory-ui .stats-coins,.observatory-ui .stats-players,.observatory-ui .stats-autodig{position:fixed;left:18px;right:auto;min-height:34px;display:flex;align-items:center;gap:8px;padding:5px 10px;background:#031316e0;border:1px solid rgba(139,118,81,.7);border-radius:14px 7px 13px 8px;box-shadow:0 4px 12px #0000008c,inset 0 1px #ffffff14;color:var(--obs-bronze-bright);font-size:13px;text-shadow:0 2px 3px #000;animation:none;opacity:1;z-index:1041}.observatory-ui .stats-coins{top:18px}.observatory-ui .stats-players{top:18px;left:130px}.observatory-ui .stats-autodig{top:18px;bottom:auto;left:188px}.observatory-ui .stats-coins:before{content:none}.observatory-ui .stats-coins i,.observatory-ui .stats-players i,.observatory-ui .stats-autodig i,.observatory-ui .coins-icon{color:var(--obs-cyan);font-size:17px}.observatory-ui .coins-value,.observatory-ui .players-value{color:var(--obs-text);font-size:14px;font-weight:760;font-variant-numeric:tabular-nums}.observatory-ui .settings-gear-btn{width:24px;height:24px;display:grid;place-items:center;margin:0 2px 0 0;padding:0;border:1px solid rgba(139,118,81,.58);border-radius:50%;background:#152422e6;color:var(--obs-bronze-bright);line-height:1;opacity:1}.observatory-ui .settings-gear-btn:hover{border-color:var(--obs-cyan);color:var(--obs-cyan-bright);transform:rotate(25deg)}.observatory-ui .autodig-key{border:1px solid rgba(66,221,210,.28);border-radius:4px;background:#00050694;color:var(--obs-text)}.observatory-ui .stats-autodig.active{border-color:var(--obs-cyan);background:#042d29eb;color:var(--obs-cyan-bright)}.observatory-ui .stats-effects{top:154px;left:50%;flex-direction:row;transform:translate(-50%)}.observatory-ui .stats-aura-bonus{top:142px;left:18px}.observatory-ui .action-bar{position:fixed;left:50%;bottom:12px;width:min(800px,52vw);height:auto;aspect-ratio:80 / 11;transform:translate(-50%);background:url(/ui/observatory/actionbar-shell@2x.png?v=20260720) center / 100% 100% no-repeat;filter:drop-shadow(0 9px 14px rgba(0,0,0,.8));z-index:1050}.observatory-ui .ab-container,.observatory-ui .ab-container.build-active{position:absolute;inset:0;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.observatory-ui .ab-slots{position:absolute;inset:17% 6.3% 12% 11.3%;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.55%}.observatory-ui .ab-slot,.observatory-ui .ab-slot.empty,.observatory-ui .ab-slot.filled{width:auto;height:auto;min-width:0;border:1px solid transparent;border-radius:23% 23% 29% 29%;background:transparent;box-shadow:none;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease}.observatory-ui .ab-slot:hover,.observatory-ui .ab-slot.filled:hover{transform:translateY(-3px);border-color:#96fff48a;box-shadow:inset 0 0 13px #42ddd23d,0 0 9px #42ddd23d}.observatory-ui .ab-slot.selected{border-color:var(--obs-cyan-bright);box-shadow:inset 0 0 14px #42ddd261,0 0 10px #42ddd259}.observatory-ui .ab-slot.drop-hint,.observatory-ui .ab-slot.drop-valid{border-color:var(--obs-cyan);background:#42ddd21c;box-shadow:inset 0 0 15px #42ddd252}.observatory-ui .ab-slot.drop-invalid{border-color:var(--obs-danger);background:#e454471a}.observatory-ui .ab-key{top:auto;bottom:4%;left:50%;transform:translate(-50%);color:#d5e7e1a3;font-size:clamp(7px,.62vw,10px);line-height:1;font-weight:720}.observatory-ui .ab-icon{display:grid;place-items:center;max-width:60%;max-height:62%;color:var(--obs-text);font-size:clamp(14px,1.75vw,27px);filter:drop-shadow(0 2px 3px #000)}.observatory-ui .ab-icon-img{width:clamp(18px,2.2vw,34px);height:clamp(18px,2.2vw,34px)}.observatory-ui .ab-count{right:8%;bottom:5%;color:#f4fff8;font-size:clamp(7px,.62vw,10px)}.observatory-ui .ab-action-badge{top:7%;right:9%;color:var(--obs-cyan);font-size:clamp(7px,.7vw,11px);opacity:.82}.observatory-ui .ab-action-badge i{display:block}.observatory-ui .ab-clear{top:-5px;right:-5px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(210,127,105,.65);border-radius:50%;background:#301513;color:#f0a18e;font-size:11px}.observatory-ui .ab-slot:focus-within .ab-clear,.observatory-ui .ab-clear:focus-visible{opacity:1}.observatory-ui .ab-drop-icon{color:var(--obs-cyan);font-size:clamp(12px,1.3vw,20px)}.observatory-ui .ab-info{position:absolute;top:calc(100% + 2px);left:50%;width:max-content;max-width:100%;transform:translate(-50%);color:#cde1db8a;text-shadow:0 2px 4px #000}.observatory-ui .ab-mode,.observatory-ui .ab-hint{font-size:9px;letter-spacing:.08em}.observatory-ui .ab-mode{color:var(--obs-bronze-bright)}#ui-root.observatory-ui #minimap-panel{--minimap-canvas-size: 190px !important;position:fixed!important;top:8px!important;right:18px!important;width:calc(var(--minimap-canvas-size, 220px) + 80px)!important;height:calc(var(--minimap-canvas-size, 220px) + 80px)!important;box-sizing:border-box;padding:40px!important;border:0!important;border-radius:50%!important;background:url(/ui/observatory/minimap-shell@2x.png?v=20260720) center / 100% 100% no-repeat!important;box-shadow:none!important;filter:drop-shadow(0 9px 14px rgba(0,0,0,.76));font-family:var(--obs-font)!important;backdrop-filter:none!important;z-index:1035!important}#ui-root.observatory-ui #minimap-panel .minimap-header{position:absolute;top:17px;left:20px;right:20px;z-index:8;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0}#ui-root.observatory-ui #minimap-panel .minimap-title{position:relative;top:0;left:0;display:flex;align-items:center;gap:5px;color:#dcf0e9d6;font-size:9px;font-weight:760;letter-spacing:.1em;text-shadow:0 2px 4px #000}#ui-root.observatory-ui #minimap-panel .minimap-title i{color:var(--obs-cyan);font-size:12px}#ui-root.observatory-ui #minimap-panel .minimap-mode-label{margin-left:3px;color:var(--obs-cyan);font-size:7px;font-weight:700;letter-spacing:.08em}#ui-root.observatory-ui #minimap-panel .minimap-controls{position:relative;top:0;left:0;display:flex;gap:2px}#ui-root.observatory-ui #minimap-panel .minimap-controls button{position:relative;top:0;left:0;width:24px;height:24px;display:grid;place-items:center;padding:0;border:1px solid rgba(139,118,81,.6);border-radius:50%;background:#031416e6;color:var(--obs-muted);font-size:9px}#ui-root.observatory-ui #minimap-panel .minimap-controls button:hover,#ui-root.observatory-ui #minimap-panel .minimap-mode-btn.active{border-color:var(--obs-cyan);background:#073030f0;color:var(--obs-cyan-bright);box-shadow:0 0 6px #42ddd266}#ui-root.observatory-ui #minimap-panel .minimap-separator{display:none}#ui-root.observatory-ui #minimap-panel .minimap-canvas-wrap{position:absolute;top:40px;left:40px;width:var(--minimap-canvas-size, 220px)!important;height:var(--minimap-canvas-size, 220px)!important;overflow:hidden;border:0;border-radius:50%;box-shadow:inset 0 0 25px #000000b8,inset 0 0 0 1px #42ddd23d}#ui-root.observatory-ui #minimap-panel #minimap-canvas{width:100%;height:100%;border-radius:50%;opacity:.96}#ui-root.observatory-ui #minimap-panel #minimap-player-marker{width:10px;height:10px;border:2px solid #dffdf6;background:var(--obs-cyan);box-shadow:0 0 10px var(--obs-cyan)}#ui-root.observatory-ui #minimap-panel .minimap-coords{bottom:14px;left:50%;transform:translate(-50%);gap:5px}#ui-root.observatory-ui #minimap-panel .minimap-coord-badge{gap:3px;padding:3px 7px;border:1px solid rgba(66,221,210,.28);border-radius:9px 4px;background:#020e10d1;box-shadow:0 2px 5px #00000080}#ui-root.observatory-ui #minimap-panel .minimap-coord-badge .coord-value,#ui-root.observatory-ui #minimap-panel .minimap-coord-badge.depth .coord-value{min-width:24px;color:#bff7ed;font-family:var(--obs-font);font-size:10px;font-weight:720;font-variant-numeric:tabular-nums}#ui-root.observatory-ui #minimap-panel .minimap-coord-badge .coord-icon,#ui-root.observatory-ui #minimap-panel .minimap-coord-badge.depth .coord-icon,#ui-root.observatory-ui #minimap-panel .minimap-coord-badge .coord-unit{color:var(--obs-cyan);font-size:9px}#ui-root.observatory-ui #minimap-panel .minimap-legend{right:calc(100% + 8px);top:40px;border:1px solid rgba(139,118,81,.64);border-radius:12px 5px;background:#021113f0;color:var(--obs-muted);box-shadow:0 10px 24px #0009}#ui-root.observatory-ui #minimap-panel .minimap-season{position:absolute;left:50%;bottom:13px;transform:translate(-50%);margin:0;padding:3px 8px;border:1px solid rgba(139,118,81,.58);border-radius:9px 4px;background:#020e10db;box-shadow:0 2px 7px #0000008c}#ui-root.observatory-ui #minimap-panel .minimap-season:empty{display:none}.observatory-ui .chat-container{position:fixed;left:16px;bottom:18px;width:min(360px,25vw);height:auto;aspect-ratio:40 / 31;box-sizing:border-box;padding:45px 45px 38px;background:url(/ui/observatory/chat-shell@2x.png?v=20260720) center / 100% 100% no-repeat;filter:drop-shadow(0 10px 15px rgba(0,0,0,.75));transition:width .18s ease,height .18s ease;z-index:1030}.observatory-ui .chat-content{position:relative;top:0;left:0;width:100%;height:100%;transform:scale(1);transform-origin:top left}.observatory-ui .chat-header{position:relative;top:0;left:0;height:28px;display:flex;align-items:center;padding:0 4px 4px;border:0;border-bottom:1px solid rgba(66,221,210,.18);border-radius:0;background:transparent}.observatory-ui .chat-title{display:flex;align-items:center;gap:6px;color:#daefe8d6;font-size:clamp(8px,.72vw,11px);font-weight:760;letter-spacing:.12em;text-shadow:0 2px 4px #000}.observatory-ui .chat-title i{color:var(--obs-cyan);font-size:13px}.observatory-ui .chat-minimize-btn,.observatory-ui .chat-compact-btn{width:22px;height:22px;margin-left:3px;padding:0;border:1px solid rgba(139,118,81,.54);border-radius:50%;background:#031517cc;color:var(--obs-muted)}.observatory-ui .chat-minimize-btn:hover,.observatory-ui .chat-compact-btn:hover,.observatory-ui .chat-compact-btn.active{border-color:var(--obs-cyan);background:#05302fe6;color:var(--obs-cyan-bright)}.observatory-ui .chat-messages{position:relative;top:0;left:0;height:calc(100% - 67px);padding:8px 7px 7px;border:0;background:#010c0e6b;box-shadow:inset 0 8px 16px #00000040;color:var(--obs-text);scrollbar-color:rgba(66,221,210,.34) transparent}.observatory-ui .chat-messages:before{content:none}.observatory-ui .chat-message{margin-bottom:5px;color:#d9e8e2;font-size:clamp(10px,.82vw,12px);line-height:1.3;animation-duration:.16s}.observatory-ui .chat-time{color:#64817e}.observatory-ui .chat-text{color:#c9d9d4}.observatory-ui .chat-channel{border:1px solid currentColor;border-radius:7px 3px;background:transparent!important;opacity:.78}.observatory-ui .chat-input-container{position:relative;top:0;left:0;height:39px;display:flex;align-items:center;overflow:hidden;border:1px solid rgba(66,221,210,.2);border-radius:8px 3px 10px 4px;background:#010d0fb8;box-shadow:inset 0 2px 5px #00000080}.observatory-ui .chat-input-container.active{border-color:#42ddd2b8;box-shadow:inset 0 2px 5px #00000080,0 0 8px #42ddd238}.observatory-ui .chat-channel-btn,.observatory-ui .chat-log-btn,.observatory-ui .chat-send-btn{align-self:stretch;padding:0 8px;border:0;border-right:1px solid rgba(66,221,210,.15);border-radius:0;background:#1032316b;color:var(--obs-cyan);font-size:9px;font-weight:700;cursor:pointer}.observatory-ui .chat-log-btn.active,.observatory-ui .chat-channel-btn:hover,.observatory-ui .chat-log-btn:hover,.observatory-ui .chat-send-btn:hover{background:#225d578a;color:var(--obs-cyan-bright)}.observatory-ui .chat-input{min-width:0;flex:1;align-self:stretch;padding:0 8px;border:0;background:transparent;color:var(--obs-text);font-size:11px}.observatory-ui .chat-input:focus{outline:0}.observatory-ui .chat-input::placeholder{color:#89aaa57a}.observatory-ui .chat-send-btn{width:34px;display:grid;place-items:center;padding:0;border-right:0;border-left:1px solid rgba(66,221,210,.15);font-size:14px}.observatory-ui .chat-hint{display:none}.observatory-ui .chat-container.compact .chat-messages{height:calc(100% - 67px)}.observatory-ui .chat-container.minimized{width:min(330px,24vw);height:96px;aspect-ratio:auto;padding:24px 27px}.observatory-ui .chat-container.minimized .chat-header{height:24px}.observatory-ui .chat-preview{height:24px;padding:5px 4px 0;border:0;background:transparent;color:var(--obs-muted);font-size:10px}body.inventory-open:before{content:"";position:fixed;inset:0;z-index:999;background:#00050680;pointer-events:auto}.observatory-ui .inventory-panel-v2{position:fixed;top:47.8%;left:50%;width:min(1030px,62.5vw);height:auto;max-height:none;aspect-ratio:103 / 61;display:block;overflow:visible;transform:translate(-50%,-50%);border:0;border-radius:0;background:url(/ui/observatory/inventory-shell@2x.png?v=20260720) center / 100% 100% no-repeat;box-shadow:none;filter:brightness(1.08) saturate(1.02) drop-shadow(0 18px 28px rgba(0,0,0,.84));color:var(--obs-text);z-index:1200}.observatory-ui .inventory-panel-v2:before{content:none}.observatory-ui .inventory-panel-v2.slide-in{animation:obsBoardEnter .28s cubic-bezier(.2,.72,.28,1) both}@keyframes obsBoardEnter{0%{opacity:0;transform:translate(-50%,-48%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.observatory-ui .inventory-panel-v2 .inv-header{position:absolute;top:5.6%;left:25.8%;width:36.4%;height:9.2%;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;pointer-events:none;z-index:5}.observatory-ui .inventory-panel-v2 .inv-title{display:block;color:#deefe8db;font-size:clamp(14px,1.55vw,22px);font-weight:760;letter-spacing:.22em;text-shadow:0 3px 5px #000,0 0 10px rgba(66,221,210,.28)}.observatory-ui .inventory-panel-v2 .inv-close{position:absolute;top:-8%;left:179%;width:clamp(28px,3.2vw,42px);height:clamp(28px,3.2vw,42px);display:grid;place-items:center;border:1px solid rgba(139,118,81,.7);border-radius:50%;background:#16110ce0;color:#d8b58b;font-size:clamp(14px,1.4vw,20px);box-shadow:inset 0 2px #ffffff14,0 4px 8px #00000080;pointer-events:auto}.observatory-ui .inventory-panel-v2 .inv-close:hover{border-color:var(--obs-danger);background:#351916;color:#ffae9d;transform:rotate(12deg) scale(1.05)}.observatory-ui .inventory-panel-v2 .inv-body{position:absolute;inset:0;display:block;padding:0;overflow:visible}.observatory-ui .inventory-panel-v2 .inv-sidebar{position:absolute;top:18.1%;left:6%;width:10.9%;height:67.7%;display:block}.observatory-ui .inventory-panel-v2 .inv-categories{width:100%;height:100%;display:grid;grid-template-rows:1.02fr .99fr .98fr .91fr;gap:2.4%}.observatory-ui .inventory-panel-v2 .cat-btn{position:relative;min-width:0;display:grid;grid-template-columns:29% minmax(0,1fr);align-items:center;gap:2%;padding:6% 5.5%;overflow:hidden;border:1px solid transparent;border-radius:22% 10% 22% 12%;background:transparent;color:#9fbbb5b8;box-shadow:none;cursor:pointer;transition:color .14s ease,border-color .14s ease,box-shadow .14s ease}.observatory-ui .inventory-panel-v2 .cat-btn:hover{border-color:#42ddd25c;background:#0633342e;color:#d4f3ec}.observatory-ui .inventory-panel-v2 .cat-btn.active{border-color:#96fff49e;background:#0c4c4a2e;color:var(--obs-cyan-bright);box-shadow:inset 0 0 18px #42ddd233,0 0 8px #42ddd22e}.observatory-ui .inventory-panel-v2 .cat-icon{justify-self:center;color:currentColor;font-size:clamp(18px,2vw,28px);filter:drop-shadow(0 2px 3px #000)}.observatory-ui .inventory-panel-v2 .cat-name{min-width:0;color:currentColor;font-size:clamp(7px,.72vw,10.5px);font-weight:720;letter-spacing:.045em;text-align:left;text-shadow:0 2px 3px #000;white-space:nowrap}.observatory-ui .inventory-panel-v2 .cat-count{position:absolute;top:7%;right:6%;min-width:15px;padding:1px 3px;border:1px solid rgba(66,221,210,.18);border-radius:8px 3px;background:#00090b8c;color:#d6eae3b3;font-size:clamp(6px,.55vw,8px);text-align:center}.observatory-ui .inventory-panel-v2 .inv-main{position:absolute;top:20%;left:22%;width:38.8%;height:64.4%;overflow-y:auto;overflow-x:hidden;padding:0;scrollbar-width:thin;scrollbar-color:rgba(66,221,210,.3) transparent}.observatory-ui .inventory-panel-v2 .inv-grid{width:100%;min-height:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:calc((100% - 32px)/5);gap:8px;align-content:start}.observatory-ui .inventory-panel-v2 .inv-item{min-width:0;aspect-ratio:auto;overflow:hidden;border:1px solid transparent;border-radius:18% 10% 18% 11%;background:transparent;box-shadow:none;color:var(--obs-text)}.observatory-ui .inventory-panel-v2 .inv-item:hover{transform:translateY(-2px);border-color:#42ddd27a;background:#083d3e2e;box-shadow:inset 0 0 14px #42ddd22e,0 5px 10px #00000059}.observatory-ui .inventory-panel-v2 .inv-item.selected{border-color:var(--obs-cyan-bright);background:#0c524e33;box-shadow:inset 0 0 15px #42ddd240,0 0 8px #42ddd247}.observatory-ui .inventory-panel-v2 .item-glow{display:none}.observatory-ui .inventory-panel-v2 .inv-item .item-icon{width:58%;height:58%;display:grid;place-items:center;margin:0;font-size:clamp(20px,2.7vw,38px);filter:drop-shadow(0 4px 4px rgba(0,0,0,.58))}.observatory-ui .inventory-panel-v2 .item-image-wrap,.observatory-ui .inventory-panel-v2 .inv-item .item-custom-icon{width:100%;height:100%;display:grid;place-items:center}.observatory-ui .inventory-panel-v2 .inv-item .item-custom-icon{object-fit:contain;image-rendering:auto}.observatory-ui .item-image-wrap .item-fallback-icon{display:none}.observatory-ui .item-image-wrap.is-broken img,.observatory-ui .item-image-wrap:has(img.is-broken) img{display:none}.observatory-ui .item-image-wrap.is-broken .item-fallback-icon{display:block}.observatory-ui .inventory-panel-v2 .inv-item .item-count{position:absolute;right:8%;bottom:6%;margin:0;padding:2px 5px;border:1px solid rgba(66,221,210,.14);border-radius:7px 3px;background:#00090abd;color:#e9fff8;font-size:clamp(8px,.72vw,11px);font-weight:740;font-variant-numeric:tabular-nums}.observatory-ui .inventory-panel-v2 .item-rarity-dot{top:8%;right:9%;width:7px;height:7px}.observatory-ui .inventory-panel-v2 .inv-empty{grid-column:1 / -1;grid-row:1 / span 5;display:grid;place-content:center;padding:20px;color:#89aaa59e;text-align:center;pointer-events:none}.observatory-ui .inventory-panel-v2 .empty-icon{margin:0 0 8px;color:#42ddd26b;font-size:clamp(26px,3.4vw,48px)}.observatory-ui .inventory-panel-v2 .empty-text{margin:0 0 5px;font-size:15px;font-weight:740;letter-spacing:.12em}.observatory-ui .inventory-panel-v2 .empty-hint{color:#89aaa57a;font-size:10px}.observatory-ui .inventory-panel-v2 .inv-specimen{position:absolute;top:15.5%;right:8.6%;width:25.6%;height:71.7%;overflow:visible}.observatory-ui .inventory-panel-v2 .inv-specimen-content{position:absolute;inset:0}.observatory-ui .inventory-panel-v2 .specimen-label{position:absolute;top:-6%;left:50%;transform:translate(-50%);color:#d6ebe39e;font-size:clamp(8px,.75vw,11px);font-weight:740;letter-spacing:.18em;text-shadow:0 2px 4px #000;z-index:4}.observatory-ui .inventory-panel-v2 .specimen-beetle{position:absolute;top:6.6%;left:17.3%;width:62%;height:73%;object-fit:contain;opacity:.92;filter:drop-shadow(0 0 10px rgba(66,221,210,.48));pointer-events:none}.observatory-ui .inventory-panel-v2 .specimen-slots{position:absolute;inset:0}.observatory-ui .inventory-panel-v2 .beetle-slot{position:absolute;width:25%;height:15%;display:grid;place-items:center;border:1px solid transparent;border-radius:25% 15%;background:transparent;box-shadow:none;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.observatory-ui .inventory-panel-v2 .beetle-slot.empty,.observatory-ui .inventory-panel-v2 .beetle-slot.filled{border:1px solid transparent;background:transparent;box-shadow:none;animation:none}.observatory-ui .inventory-panel-v2 .beetle-slot:hover,.observatory-ui .inventory-panel-v2 .beetle-slot.drop-valid{border-color:#96fff4a6;background:#094c4b29;box-shadow:inset 0 0 13px #42ddd247,0 0 8px #42ddd247;transform:scale(1.035)}.observatory-ui .inventory-panel-v2 .beetle-slot.drop-invalid{border-color:var(--obs-danger)}.observatory-ui .inventory-panel-v2 .slot-head{top:.3%;left:36%;width:27.2%;height:16%}.observatory-ui .inventory-panel-v2 .slot-tool{top:26.1%;left:3%}.observatory-ui .inventory-panel-v2 .slot-carapace{top:26.1%;right:2.4%}.observatory-ui .inventory-panel-v2 .slot-back{top:61.1%;left:3%}.observatory-ui .inventory-panel-v2 .slot-legs{top:61.2%;right:7.5%;width:24%}.observatory-ui .inventory-panel-v2 .slot-accessory{top:72.5%;left:41.6%;width:12.5%;height:9%}.observatory-ui .inventory-panel-v2 .slot-mandibles{top:84.3%;left:36%;width:24.7%;height:14.5%}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .inv-sidebar{left:6%!important;width:10.9%!important;height:67.7%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .cat-btn[data-cat=all]{top:10.2%!important;left:10.2%!important;width:80.9%!important;height:89.7%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .cat-btn[data-cat=resources]{top:9.3%!important;left:4.7%!important;width:91.9%!important;height:90.3%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .cat-btn[data-cat=health]{left:4.9%!important;width:94.2%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .inv-specimen{top:15.5%!important;right:8.6%!important;width:25.6%!important;height:71.7%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .specimen-beetle{top:6.6%!important;left:17.3%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .slot-head{left:35.5%!important;width:28.5%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .slot-back{top:61.7%!important;left:2.2%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .slot-accessory{top:73.3%!important;left:39.1%!important;width:19%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .slot-mandibles{top:85.1%!important;left:35.5%!important}body:not(.mobile) #ui-root.observatory-ui .inventory-panel-v2 .inv-context-strip{left:18%!important;width:65%!important}body:not(.mobile) #ui-root.observatory-ui #minimap-panel .minimap-header{top:5%!important;left:5.9%!important}body:not(.mobile) #ui-root.observatory-ui .chat-container .chat-content{top:6.8%!important;left:2.9%!important;transform:scale(.998)!important}body:not(.mobile) #ui-root.observatory-ui .chat-container .chat-header{top:-3.8%!important}body:not(.mobile) #ui-root.observatory-ui .chat-container .chat-messages{left:-.5%!important}body:not(.mobile) #ui-root.observatory-ui .chat-container .chat-input-container{top:-6.9%!important;left:-2.3%!important}.observatory-ui .inventory-panel-v2 .beetle-slot-bg{position:static;color:#5faaa461;font-size:clamp(13px,1.6vw,22px);opacity:1;filter:drop-shadow(0 2px 3px #000)}.observatory-ui .inventory-panel-v2 .beetle-slot.filled .beetle-slot-bg{opacity:.16}.observatory-ui .inventory-panel-v2 .beetle-slot-item{position:absolute;inset:20%;display:grid;place-items:center;font-size:clamp(16px,2vw,28px)}.observatory-ui .inventory-panel-v2 .beetle-slot-item img{max-width:100%;max-height:100%;object-fit:contain}.observatory-ui .inventory-panel-v2 .beetle-slot-label{position:absolute;left:50%;bottom:4%;transform:translate(-50%);color:#d2e8e18f;font-size:clamp(6px,.56vw,8px);letter-spacing:.05em;opacity:0;transition:opacity .12s ease}.observatory-ui .inventory-panel-v2 .beetle-slot:hover .beetle-slot-label{opacity:1}.observatory-ui .inventory-panel-v2 .beetle-slot-dur{left:15%;right:15%;bottom:8%;height:3px;border-radius:0;background:#000708b8}.observatory-ui .inventory-panel-v2 .beetle-slot-remove{top:-4px;right:-4px;width:18px;height:18px;border:1px solid rgba(228,84,71,.65);border-radius:50%;background:#351916;color:#ffad9d;font-size:10px}.observatory-ui .inventory-panel-v2 .beetle-slot:focus-within .beetle-slot-remove,.observatory-ui .inventory-panel-v2 .beetle-slot-remove:focus-visible{opacity:1}.observatory-ui .inventory-panel-v2 .inv-footer{position:absolute;left:30.2%;bottom:6.2%;width:21.2%;height:5.2%;padding:0;border:0;background:transparent}.observatory-ui .inventory-panel-v2 .inv-context-strip{position:relative;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:1px 6px;overflow:hidden}.observatory-ui .inventory-panel-v2 .context-item-icon{width:clamp(18px,1.7vw,22px);height:clamp(18px,1.7vw,22px);display:grid;place-items:center;font-size:clamp(16px,1.7vw,22px)}.observatory-ui .inventory-panel-v2 .context-item-icon img{max-width:100%;max-height:100%;object-fit:contain}.observatory-ui .inventory-panel-v2 .context-copy{min-width:0;display:flex;flex-direction:column}.observatory-ui .inventory-panel-v2 .context-copy strong{overflow:hidden;color:#dff4ec;font-size:clamp(8px,.72vw,10px);letter-spacing:.04em;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.observatory-ui .inventory-panel-v2 .context-copy span,.observatory-ui .inventory-panel-v2 .context-empty-copy{color:#89aaa59e;font-size:clamp(6px,.56vw,8px);letter-spacing:.05em;line-height:1.05}.observatory-ui .inventory-panel-v2 .context-effect{display:none}.observatory-ui .inventory-panel-v2 .context-empty-icon{color:var(--obs-cyan-dim);font-size:18px}.observatory-ui .inventory-panel-v2 .context-actions{display:flex;gap:5px}.observatory-ui .inventory-panel-v2 .context-actions button{position:relative;width:25px;height:23px;display:grid;place-items:center;padding:0;border:1px solid rgba(139,118,81,.62);border-radius:8px 3px;background:#041c1edb;color:#b8ded5;font-size:13px;line-height:1;font-weight:720;letter-spacing:.06em;cursor:pointer}.observatory-ui .inventory-panel-v2 .context-action-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.observatory-ui .inventory-panel-v2 .context-actions button:hover{border-color:var(--obs-cyan);color:var(--obs-cyan-bright)}.observatory-ui .observatory-tooltip{min-width:190px;max-width:260px;padding:11px 13px;border:1px solid rgba(139,118,81,.75);border-radius:12px 5px;background:#021012f5;box-shadow:0 12px 24px #000000ad,inset 0 1px #ffffff0f;color:var(--obs-text);font-family:var(--obs-font);z-index:1600}.observatory-ui .observatory-converter .converter-backdrop{background:#000607b8;backdrop-filter:blur(3px)}.observatory-ui .observatory-converter .converter-content{width:min(430px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(139,118,81,.82);border-radius:28px 9px 25px 11px;background:#071a1d;box-shadow:0 22px 55px #000000d1,inset 0 0 0 3px #42ddd214}.observatory-ui .observatory-converter .converter-header,.observatory-ui .observatory-converter .converter-footer{border-color:#8b765161;background:#0b2426}.observatory-ui .observatory-converter .converter-item,.observatory-ui .observatory-converter .converter-preview{border:1px solid rgba(66,221,210,.18);border-radius:12px 5px;background:#010c0e94}.observatory-ui .observatory-converter button{border-radius:10px 4px}.observatory-ui .observatory-converter .converter-confirm{background:#176a64;color:#e9fffa}@media (max-width: 1100px){.observatory-ui .stats-panel{width:min(700px,64vw)}.observatory-ui .action-bar{width:min(700px,68vw)}.observatory-ui .chat-container{width:min(320px,29vw)}#ui-root.observatory-ui #minimap-panel{--minimap-canvas-size: 180px !important;top:70px!important}}@media (min-width: 701px) and (max-width: 1100px){.observatory-ui .inventory-panel-v2{top:50%;width:min(900px,calc(100vw - 24px))}}@media (min-width: 1800px) and (max-width: 2100px) and (min-height: 850px) and (max-height: 1150px) and (max-resolution: 1.5dppx){body:not(.mobile) #ui-root.observatory-ui .chat-container:not(.minimized){height:clamp(292px,31.25vh,304px);aspect-ratio:auto}}@media (max-height: 760px) and (min-width: 701px){.observatory-ui .inventory-panel-v2{width:min(900px,calc(100vw - 24px))}.observatory-ui .chat-container{width:clamp(280px,25vw,320px);height:210px;aspect-ratio:auto}.observatory-ui .chat-messages{height:calc(100% - 63px)}}@media (max-width: 1100px) and (max-height: 760px) and (min-width: 701px){.observatory-ui .chat-container{bottom:104px}}@media (max-width: 700px){body.inventory-open:before{background:#000506c2}body.mobile .observatory-ui .stats-coins,body.mobile .observatory-ui .stats-players,body.mobile .observatory-ui .stats-autodig,body.mobile .observatory-ui .chat-container,body.mobile .observatory-ui #minimap-panel{display:none!important}body:not(.mobile) .observatory-ui .chat-container{display:block;bottom:104px;width:280px;height:190px;aspect-ratio:auto}body:not(.mobile) #ui-root.observatory-ui #minimap-panel{--minimap-canvas-size: 140px !important;top:104px!important;right:8px!important;display:block!important}.observatory-ui .stats-panel{width:96vw;top:2px}.observatory-ui .action-bar{width:96vw;bottom:max(8px,env(safe-area-inset-bottom))}.observatory-ui .ab-info{display:none}.observatory-ui .inventory-panel-v2,body.mobile .observatory-ui .inventory-panel-v2{top:max(6px,env(safe-area-inset-top));right:6px;bottom:max(6px,env(safe-area-inset-bottom));left:6px;width:auto;height:auto;max-width:none;max-height:none;aspect-ratio:auto;transform:none;border:0;border-radius:30px 12px 28px 14px;background-color:#06171a;background-size:100% 100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.8));overflow:hidden;isolation:isolate}.observatory-ui .inventory-panel-v2:after{content:"";position:absolute;inset:8px;z-index:0;border:1px solid rgba(139,118,81,.44);border-radius:24px 10px 22px 12px;background:#021215f0;box-shadow:inset 0 0 28px #000000a3;pointer-events:none}.observatory-ui .inventory-panel-v2.slide-in,body.mobile .observatory-ui .inventory-panel-v2.slide-in{animation:obsBoardMobileEnter .22s ease-out both}@keyframes obsBoardMobileEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.observatory-ui .inventory-panel-v2 .inv-header{top:17px;left:18px;width:calc(100% - 36px);height:42px;justify-content:flex-start;padding-left:14px}.observatory-ui .inventory-panel-v2 .inv-title{font-size:17px}.observatory-ui .inventory-panel-v2 .inv-close{top:0;right:0;left:auto;width:38px;height:38px}.observatory-ui .inventory-panel-v2 .inv-sidebar{top:72px;left:18px;width:calc(100% - 36px);height:48px}.observatory-ui .inventory-panel-v2 .inv-categories{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr;gap:5px}.observatory-ui .inventory-panel-v2 .cat-btn{grid-template-columns:1fr;gap:0;min-width:0;padding:4px;border-radius:10px 4px;background:#031a1d94}.observatory-ui .inventory-panel-v2 .cat-icon{font-size:18px}.observatory-ui .inventory-panel-v2 .cat-name{display:none}.observatory-ui .inventory-panel-v2 .cat-count{position:absolute;top:3px;right:4px;min-width:15px;padding:1px 3px;font-size:7px}.observatory-ui .inventory-panel-v2 .inv-main{top:130px;left:18px;width:calc(100% - 36px);height:clamp(170px,calc(50% - 140px),320px);padding:4px;border:1px solid rgba(66,221,210,.16);border-radius:16px 6px;background:#010d0f7a}.observatory-ui .inventory-panel-v2 .inv-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:70px;gap:6px;min-height:auto}.observatory-ui .inventory-panel-v2 .inv-item{border-color:#42ddd21f;background:#031b1ead}.observatory-ui .inventory-panel-v2 .inv-specimen{top:max(310px,52%);right:18px;width:calc(100% - 36px);height:calc(48% - 100px);border:1px solid rgba(66,221,210,.16);border-radius:18px 7px;background:#010e107a}.observatory-ui .inventory-panel-v2 .specimen-label{top:5px}.observatory-ui .inventory-panel-v2 .specimen-beetle{top:8%;left:38%;width:24%;height:84%}.observatory-ui .inventory-panel-v2 .beetle-slot{width:15%;height:34%}.observatory-ui .inventory-panel-v2 .slot-head{top:6%;left:8%}.observatory-ui .inventory-panel-v2 .slot-tool{top:58%;left:8%}.observatory-ui .inventory-panel-v2 .slot-carapace{top:6%;right:8%}.observatory-ui .inventory-panel-v2 .slot-back{top:58%;right:8%;left:auto}.observatory-ui .inventory-panel-v2 .slot-legs{top:58%;right:25%}.observatory-ui .inventory-panel-v2 .slot-accessory{top:6%;left:25%;width:15%;height:34%}.observatory-ui .inventory-panel-v2 .slot-mandibles{top:58%;left:25%}.observatory-ui .inventory-panel-v2 .beetle-slot-label{display:none}.observatory-ui .inventory-panel-v2 .inv-footer{left:18px;bottom:18px;width:calc(100% - 36px);height:54px;border:1px solid rgba(66,221,210,.16);border-radius:14px 5px;background:#010e10a3;z-index:2}.observatory-ui .inventory-panel-v2 .inv-body{z-index:1}.observatory-ui .inventory-panel-v2 .inv-context-strip{padding:6px 9px}.observatory-ui .inventory-panel-v2 .context-actions button{width:36px;height:36px;justify-content:center;padding:0;overflow:hidden;color:transparent;font-size:0}.observatory-ui .inventory-panel-v2 .context-actions button i{color:var(--obs-cyan);font-size:17px}}@media (hover: none),(pointer: coarse){.observatory-ui .ab-clear,.observatory-ui .inventory-panel-v2 .beetle-slot-remove{width:32px;height:32px;opacity:.9}.observatory-ui .ab-clear{top:-8px;right:-8px}.observatory-ui .inventory-panel-v2 .beetle-slot-remove{top:-8px;right:-8px;font-size:14px}}body.mobile .observatory-ui .ab-clear,body.mobile .observatory-ui .inventory-panel-v2 .beetle-slot.filled .beetle-slot-remove{width:30px;height:30px;opacity:.88}body.mobile .observatory-ui .inventory-panel-v2 .inv-close{min-width:44px;min-height:44px}@media (orientation: landscape) and (max-height: 600px){body.mobile .observatory-ui .inventory-panel-v2{inset:6px;width:auto;height:auto;max-width:none;max-height:none;aspect-ratio:auto;transform:none;border-radius:24px 10px 22px 12px;background-size:100% 100%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.8));overflow:hidden;isolation:isolate}body.mobile .observatory-ui .inventory-panel-v2.slide-in{animation:obsBoardLandscapeEnter .22s ease-out both}@keyframes obsBoardLandscapeEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.mobile .observatory-ui .inventory-panel-v2:after{content:"";position:absolute;inset:8px;z-index:0;border:1px solid rgba(139,118,81,.44);border-radius:18px 7px 18px 8px;background:#021215f2;box-shadow:inset 0 0 24px #0000009e;pointer-events:none}body.mobile .observatory-ui .inventory-panel-v2 .inv-header{top:8px;left:14px;width:calc(100% - 28px);height:34px;padding-left:10px;justify-content:flex-start}body.mobile .observatory-ui .inventory-panel-v2 .inv-title{font-size:15px}body.mobile .observatory-ui .inventory-panel-v2 .inv-close{top:0;right:0;left:auto;width:36px;height:36px}body.mobile .observatory-ui .inventory-panel-v2 .inv-body{z-index:1}body.mobile .observatory-ui .inventory-panel-v2 .inv-sidebar{top:50px;left:14px;width:48px;height:calc(100% - 62px)}body.mobile .observatory-ui .inventory-panel-v2 .inv-categories{grid-template:repeat(4,1fr) / 1fr;gap:4px}body.mobile .observatory-ui .inventory-panel-v2 .cat-btn{grid-template-columns:1fr;padding:3px;border-radius:9px 4px;background:#031a1d94}body.mobile .observatory-ui .inventory-panel-v2 .cat-name{display:none}body.mobile .observatory-ui .inventory-panel-v2 .cat-count{position:absolute;top:2px;right:3px;min-width:14px;padding:1px 2px;font-size:7px}body.mobile .observatory-ui .inventory-panel-v2 .inv-main{top:50px;bottom:56px;left:72px;width:43%;height:auto;padding:4px;border:1px solid rgba(66,221,210,.16);border-radius:14px 6px;background:#010d0f80}body.mobile .observatory-ui .inventory-panel-v2 .inv-grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:54px;gap:5px;min-height:auto}body.mobile .observatory-ui .inventory-panel-v2 .inv-item{border-color:#42ddd21f;background:#031b1ead}body.mobile .observatory-ui .inventory-panel-v2 .inv-specimen{top:50px;right:14px;bottom:56px;width:40%;height:auto;border:1px solid rgba(66,221,210,.16);border-radius:14px 6px;background:#010e1080}body.mobile .observatory-ui .inventory-panel-v2 .specimen-label{top:4px}body.mobile .observatory-ui .inventory-panel-v2 .specimen-beetle{top:8%;left:36%;width:28%;height:84%}body.mobile .observatory-ui .inventory-panel-v2 .beetle-slot{width:17%;height:34%}body.mobile .observatory-ui .inventory-panel-v2 .slot-head{top:5%;left:7%}body.mobile .observatory-ui .inventory-panel-v2 .slot-tool{top:58%;left:7%}body.mobile .observatory-ui .inventory-panel-v2 .slot-carapace{top:5%;right:7%}body.mobile .observatory-ui .inventory-panel-v2 .slot-back{top:58%;right:7%;left:auto}body.mobile .observatory-ui .inventory-panel-v2 .slot-legs{top:58%;right:25%}body.mobile .observatory-ui .inventory-panel-v2 .slot-accessory{top:5%;left:25%;width:17%;height:34%}body.mobile .observatory-ui .inventory-panel-v2 .slot-mandibles{top:58%;left:25%}body.mobile .observatory-ui .inventory-panel-v2 .beetle-slot-label{display:none}body.mobile .observatory-ui .inventory-panel-v2 .inv-footer{left:72px;bottom:9px;width:43%;height:40px;border:1px solid rgba(66,221,210,.16);border-radius:11px 4px;background:#010e10ad;z-index:2}body.mobile .observatory-ui .inventory-panel-v2 .inv-context-strip{padding:4px 7px}}@media (prefers-reduced-motion: reduce){.observatory-ui *,.observatory-ui *:before,.observatory-ui *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.network-indicator-blink{animation:none!important}}body.mobile{touch-action:manipulation;-webkit-touch-callout:none;overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}body.mobile #game-container,body.mobile #game-container canvas{touch-action:none!important;-webkit-user-select:none!important;user-select:none!important}body.mobile #ui-root{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}body.mobile-ui-active .stats-panel,body.mobile-ui-active .action-bar,body.mobile-ui-active .chat-panel,body.mobile-ui-active .minimap-panel,body.mobile-ui-active .build-mode-hint,body.mobile-ui-active .hotkey-hints,body.mobile-ui-active .event-notification{display:none!important}html body.mobile .chat-container,html body.mobile #chat-panel,html body.mobile [class*=chat-container],html body.mobile .settings-button,html body.mobile [class*=settings-button],html body.mobile .stats-panel,html body.mobile #stats-panel,html body.mobile [class*=stats-panel]:not(#mobile-stats-panel),html body.mobile .stats-autodig,html body.mobile [class*=stats-autodig],html body.mobile .action-bar,html body.mobile #action-bar,html body.mobile [class*=action-bar]:not(.mobile-action-buttons),html body.mobile .minimap-panel,html body.mobile #minimap-panel,html body.mobile .chat-hint{display:none!important;visibility:hidden!important;pointer-events:none!important}html body.mobile .network-indicator{top:auto!important;right:8px!important;bottom:8px!important;transform:scale(.7)!important;transform-origin:bottom right!important}body.mobile .mobile-chat-input,body.mobile #ui-root input,body.mobile #ui-root textarea,body.mobile #ui-root select,body.mobile #ui-root button,body.mobile #ui-root [role=button]{touch-action:manipulation!important}body.mobile .mobile-chat-input,body.mobile #ui-root input,body.mobile #ui-root textarea{-webkit-user-select:text!important;user-select:text!important}.mobile-action-buttons{padding-bottom:max(20px,env(safe-area-inset-bottom,20px))!important;padding-right:max(20px,env(safe-area-inset-right,20px))!important}body.mobile-ui-active.mobile-modal-open #ui-root{z-index:3000!important}body.mobile-modal-open #mobile-menu,body.mobile-modal-open #mobile-chat,body.mobile-modal-open #mobile-hotbar,body.mobile-modal-open #mobile-stats-panel,body.mobile-modal-open .mobile-action-buttons{display:none!important;pointer-events:none!important}@keyframes mobilePanelEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 900px),(hover: none) and (pointer: coarse){body.mobile-ui-active #ui-root .skills-panel,body.mobile-ui-active #ui-root .mc-build-panel,body.mobile-ui-active #ui-root .clan-panel,body.mobile-ui-active #ui-root .leaderboard-panel,body.mobile-ui-active #ui-root .settings-panel,body.mobile-ui-active #ui-root .character-panel,body.mobile-ui-active #ui-root .craft-panel,body.mobile-ui-active #ui-root .market-panel{position:fixed!important;top:max(6px,env(safe-area-inset-top,0px))!important;right:max(6px,env(safe-area-inset-right,0px))!important;bottom:max(6px,env(safe-area-inset-bottom,0px))!important;left:max(6px,env(safe-area-inset-left,0px))!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border-radius:14px!important;box-sizing:border-box!important;overflow:hidden!important;transform:none!important;z-index:3001!important;animation:mobilePanelEnter .16s ease-out!important}body.mobile-ui-active #ui-root .panel-header,body.mobile-ui-active #ui-root .mc-header{flex:0 0 auto;min-height:54px;padding:8px 12px!important;box-sizing:border-box}body.mobile-ui-active #ui-root .panel-title,body.mobile-ui-active #ui-root .mc-title{min-width:0;font-size:clamp(14px,4vw,18px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.mobile-ui-active #ui-root .panel-close,body.mobile-ui-active #ui-root .close-btn,body.mobile-ui-active #ui-root .mc-close{flex:0 0 44px;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;font-size:21px!important}body.mobile-ui-active #ui-root .panel-content,body.mobile-ui-active #ui-root .skills-content,body.mobile-ui-active #ui-root .clan-content,body.mobile-ui-active #ui-root .leaderboard-content,body.mobile-ui-active #ui-root .settings-content,body.mobile-ui-active #ui-root .character-content,body.mobile-ui-active #ui-root .craft-content,body.mobile-ui-active #ui-root .market-content{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.mobile-ui-active #ui-root .skills-branches{grid-template-columns:minmax(0,1fr)!important}body.mobile-ui-active #ui-root .settings-tabs{flex:0 0 auto;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;padding:6px 8px;scrollbar-width:none}body.mobile-ui-active #ui-root .settings-tabs::-webkit-scrollbar{display:none}body.mobile-ui-active #ui-root .settings-tab{min-height:44px;padding:8px 11px}body.mobile-ui-active #ui-root .settings-footer{flex:0 0 auto;padding-bottom:max(8px,env(safe-area-inset-bottom,0px))}body.mobile-ui-active #ui-root .clan-content,body.mobile-ui-active #ui-root .character-content,body.mobile-ui-active #ui-root .settings-content{padding:12px!important}body.mobile-ui-active #ui-root .mc-build-panel.hidden{opacity:0!important;transform:none!important;pointer-events:none!important}body.mobile-ui-active #ui-root .mc-build-panel.visible{opacity:1!important;transform:none!important}body.mobile-ui-active #ui-root .mc-panel-container{min-height:0}body.mobile-ui-active #ui-root .mc-categories{flex:0 0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:7px 8px}body.mobile-ui-active #ui-root .mc-category{min-width:0;min-height:58px;padding:6px 3px}body.mobile-ui-active #ui-root .mc-cat-icon{font-size:18px}body.mobile-ui-active #ui-root .mc-cat-name{max-width:100%;font-size:9px;overflow:hidden;text-overflow:ellipsis}body.mobile-ui-active #ui-root .mc-grid-container{min-height:0;padding:8px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}body.mobile-ui-active #ui-root .mc-grid{grid-template-columns:repeat(auto-fit,minmax(54px,1fr))!important;gap:6px}body.mobile-ui-active #ui-root .mc-cell{min-width:0}body.mobile-ui-active #ui-root .mc-footer{flex:0 0 auto;padding:7px 8px}body.mobile-ui-active #ui-root .mc-hint{font-size:10px}body.mobile-ui-active #ui-root .mc-cell:hover,body.mobile-ui-active #ui-root .panel-close:hover,body.mobile-ui-active #ui-root .mc-close:hover{transform:none!important}}@media (max-width: 900px) and (orientation: landscape){body.mobile-ui-active #ui-root .panel-header,body.mobile-ui-active #ui-root .mc-header{min-height:46px;padding-block:4px!important}body.mobile-ui-active #ui-root .mc-categories{grid-template-columns:repeat(4,minmax(84px,1fr))}body.mobile-ui-active #ui-root .mc-category{min-height:46px;flex-direction:row;justify-content:center}body.mobile-ui-active #ui-root .mc-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important}}@media (prefers-reduced-motion: reduce){body.mobile-ui-active #ui-root .skills-panel,body.mobile-ui-active #ui-root .mc-build-panel,body.mobile-ui-active #ui-root .clan-panel,body.mobile-ui-active #ui-root .leaderboard-panel,body.mobile-ui-active #ui-root .settings-panel,body.mobile-ui-active #ui-root .character-panel,body.mobile-ui-active #ui-root .craft-panel,body.mobile-ui-active #ui-root .market-panel{animation:none!important;transition:none!important}}.genes-panel-v2{--genome-common: #42ddd2;--genome-common-bright: #9afff5;--genome-rare: #4da6ff;--genome-legendary: #b366ff;--genome-mutated: #e4c65d;--genome-danger: #e45447;--genome-text: #e7f6ef;--genome-muted: #89aaa5;--genome-recess: rgba(2, 15, 18, .88);position:fixed;top:50%;left:50%;width:min(1120px,94vw,140.8svh);aspect-ratio:8 / 5;transform:translate(-50%,-50%);z-index:2400;overflow:hidden;color:var(--genome-text);font-family:var(--obs-font, "Roboto Condensed Variable", "Roboto Condensed", sans-serif);background:#020708 url(/ui/observatory/genome/genome-shell@2x.jpg?v=20260721) center / 100% 100% no-repeat;filter:drop-shadow(0 24px 34px rgba(0,0,0,.86));isolation:isolate;animation:genome-organ-enter .32s cubic-bezier(.2,.76,.25,1) both;user-select:none;touch-action:pan-y}.genes-panel-v2.hidden{display:none!important}.genes-panel-v2 button{color:inherit;font:inherit}.genes-panel-v2 button:focus-visible,.genes-panel-v2 [tabindex]:focus-visible{outline:2px solid var(--genome-common-bright);outline-offset:2px}.genome-title-recess{position:absolute;top:2.8%;left:38.1%;width:25.6%;height:8.2%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;text-align:center;text-shadow:0 2px 3px #000,0 0 13px rgba(66,221,210,.34)}.genome-title-recess .genome-eyebrow{color:var(--genome-muted);font-size:clamp(7px,.66vw,10px);font-weight:700;letter-spacing:.22em;line-height:1}.genome-title-recess h2{margin:4px 0 0;color:var(--genome-text);font-size:clamp(12px,1.05vw,17px);font-weight:800;letter-spacing:.15em;line-height:1}.genome-close{position:absolute;top:3%;right:3.35%;width:5.05%;aspect-ratio:1;display:grid;place-items:center;z-index:20;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .16s ease,filter .16s ease}.genome-close:before{position:absolute;inset:10%;border:1px solid transparent;border-radius:50%;background:radial-gradient(circle,#155b5b3d,#020e1100 68%);content:"";opacity:0;transition:opacity .16s ease,border-color .16s ease}.genome-close-glyph{position:relative;width:36%;aspect-ratio:1;filter:drop-shadow(0 1px 1px #000) drop-shadow(0 0 4px rgba(90,221,212,.32))}.genome-close-glyph:before,.genome-close-glyph:after{position:absolute;top:50%;left:50%;width:112%;height:2px;border-radius:999px 25%;background:linear-gradient(90deg,#5a766f,#d5eee6 47%,#79c8c0 54%,#39514d);box-shadow:0 -1px #fff3,0 1px #000000c7;content:"";transform-origin:center}.genome-close-glyph:before{transform:translate(-50%,-50%) rotate(45deg)}.genome-close-glyph:after{transform:translate(-50%,-50%) rotate(-45deg)}.genome-close:hover{filter:brightness(1.25);transform:scale(1.06)}.genome-close:hover:before{border-color:#5cd4ca38;opacity:1}.genome-close:active{transform:scale(.94)}.genome-mode-rail{position:absolute;top:13.2%;left:3.8%;width:17.4%;height:66.2%;display:grid;grid-template-rows:repeat(4,1fr);gap:2.1%;z-index:4}.genome-mode-button{position:relative;min-width:0;display:grid;grid-template-columns:28% 1fr;align-items:center;gap:6%;padding:8% 9%;border:1px solid transparent;border-radius:22%/28%;background:#000c0f2e;color:#789893;cursor:pointer;text-align:left;text-transform:uppercase;transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease}.genome-mode-button i{color:#618f8b;font-size:clamp(18px,2vw,29px);filter:drop-shadow(0 2px 2px #000)}.genome-mode-button span{overflow:hidden;font-size:clamp(9px,.93vw,14px);font-weight:800;letter-spacing:.08em;text-overflow:ellipsis}.genome-mode-button:hover{color:#c4ede6;background:#16535333;border-color:#42ddd233;transform:translate(2px)}.genome-mode-button.active{color:var(--genome-common-bright);background:radial-gradient(ellipse at 38% 48%,rgba(66,221,210,.2),transparent 74%);border-color:#7ff0e66b;box-shadow:inset 0 0 20px #166e6e33,0 0 13px #42ddd21f}.genome-mode-button.active i{color:var(--genome-common-bright)}.genome-workspace{position:absolute;top:12.8%;left:22.7%;width:53.1%;height:66.8%;overflow:hidden;border-radius:9%/8%;z-index:2}.genome-reservoir{position:absolute;top:13.2%;right:4.1%;width:18.9%;height:65.8%;display:flex;flex-direction:column;gap:8px;min-width:0;padding:2.8% 2.2% 3%;overflow:hidden;z-index:3}.genome-scroll-region{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(66,221,210,.38) rgba(0,0,0,.25)}.genome-scroll-region::-webkit-scrollbar{width:6px}.genome-scroll-region::-webkit-scrollbar-track{background:#00000038;border-radius:999px}.genome-scroll-region::-webkit-scrollbar-thumb{border-radius:999px;background:#42ddd266}.genome-matrix-core{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.genome-core-image{position:absolute;top:1.5%;left:17.5%;width:65%;height:87%;border-radius:50%;object-fit:cover;opacity:.45;mix-blend-mode:screen;pointer-events:none;animation:genome-core-breathe 4.8s ease-in-out infinite}.genome-matrix-core:before{position:absolute;inset:12% 22% 22%;border:1px solid rgba(66,221,210,.1);border-radius:50%;background:radial-gradient(circle,#000e1247,#00080ab8 72%);content:"";pointer-events:none}.genome-matrix-core.mutated:after,.genome-socket.mutated:after,.genome-sample-row.mutated:after{position:absolute;inset:0;border-radius:inherit;background:url(/ui/observatory/genome/mutation-veins@2x.jpg?v=20260721) center / cover no-repeat;content:"";mix-blend-mode:screen;opacity:.48;pointer-events:none}.genome-core-caption{position:absolute;top:31%;left:29%;width:42%;min-height:25%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:6;padding:3.5%;border:1px solid rgba(77,184,177,.22);border-radius:44%/35%;background:radial-gradient(ellipse,#031c1fe6,#020b0ed6);box-shadow:inset 0 1px #cbfff714,0 8px 18px #0000006b;text-align:center}.genome-detail-kicker{color:var(--genome-common);font-size:clamp(7px,.66vw,10px);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.genome-detail-kicker.rarity-rare,.rarity-rare .genome-detail-kicker{color:var(--genome-rare)}.genome-detail-kicker.rarity-legendary,.rarity-legendary .genome-detail-kicker{color:var(--genome-legendary)}.genome-core-caption>strong{max-width:100%;overflow:hidden;color:var(--genome-text);font-size:clamp(11px,1vw,15px);line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.genome-core-caption>small{display:-webkit-box;overflow:hidden;color:var(--genome-muted);font-size:clamp(8px,.7vw,10px);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.genome-detail-actions{display:flex;justify-content:center;gap:5px;margin-top:4px}.genome-detail-actions button,.genome-confirm-actions button{min-height:25px;padding:4px 9px;border:1px solid rgba(87,194,184,.34);border-radius:999px;background:#062d2fb3;color:#b9e9e2;font-size:clamp(8px,.69vw,10px);font-weight:700;cursor:pointer}.genome-detail-actions button:hover,.genome-confirm-actions button:hover{border-color:var(--genome-common);color:var(--genome-common-bright)}.genome-detail-actions button.danger,.genome-confirm-actions button.danger{border-color:#e454476b;background:#6319169e;color:#ffaaa2}.genome-socket{position:absolute;width:14.8%;aspect-ratio:1;display:grid;place-items:center;z-index:7;overflow:hidden;padding:0;border:1px solid rgba(95,172,166,.26);border-radius:50%;background:#020f12b8;box-shadow:inset 0 5px 12px #0000009e,0 0 0 2px #0000002e;color:#89aaa566;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.genome-socket img{height:90%;width:auto;max-width:90%;aspect-ratio:1;object-fit:cover;pointer-events:none}.genome-socket.empty span{font-size:clamp(10px,1vw,15px);font-weight:700}.genome-socket:hover,.genome-socket.selected{border-color:var(--genome-common-bright);box-shadow:inset 0 4px 12px #00000080,0 0 15px #42ddd261;transform:scale(1.06)}.genome-socket.rarity-rare{border-color:#4da6ffad;box-shadow:inset 0 4px 12px #00000085,0 0 12px #4da6ff42}.genome-socket.rarity-legendary{border-color:#b366ffb8;box-shadow:inset 0 4px 12px #00000085,0 0 14px #b366ff4d}.genome-socket.mutated{border-color:#e4c65dc7}.genome-socket-level{position:absolute;right:8%;bottom:5%;z-index:2;min-width:17px;padding:1px 4px;border:1px solid rgba(116,206,198,.32);border-radius:999px;background:#00080ad1;color:#c7e9e4;font-size:clamp(7px,.66vw,10px);font-weight:800}.genome-socket.slot-0{top:9.2%;left:26.4%}.genome-socket.slot-1{top:9.2%;right:25.8%}.genome-socket.slot-2{top:39.2%;left:9.1%}.genome-socket.slot-3{top:39.2%;right:8.7%}.genome-socket.slot-4{top:68.2%;left:26.3%}.genome-socket.slot-5{top:68.2%;right:25.7%}.genome-synergy-chain{position:absolute;right:3.5%;bottom:1.5%;left:3.5%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;z-index:8}.genome-chain-node{min-width:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:3px 6px;border:1px solid rgba(80,133,129,.18);border-radius:999px;background:#00090bad;color:#56716e}.genome-chain-node i{font-size:10px}.genome-chain-node span{overflow:hidden;font-size:clamp(7px,.58vw,9px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.genome-chain-node small{font-size:8px}.genome-chain-node.active{border-color:#42ddd266;color:var(--genome-common-bright);box-shadow:inset 0 0 10px #42ddd21f,0 0 8px #42ddd21f}.genome-reservoir-header{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:0 2px 6px;border-bottom:1px solid rgba(66,221,210,.18)}.genome-reservoir-header span,.genome-bonus-summary>span,.genome-cost-readout>span{color:var(--genome-muted);font-size:clamp(7px,.63vw,10px);font-weight:800;letter-spacing:.14em}.genome-reservoir-header strong{color:var(--genome-common-bright);font-size:clamp(11px,1vw,15px)}.genome-sample-list,.genome-fusion-list{display:flex;flex:1 1 auto;flex-direction:column;gap:5px;padding:1px 3px 1px 0}.genome-sample-row{position:relative;min-height:49px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 6px 4px 3px;overflow:hidden;border:1px solid rgba(80,145,139,.18);border-radius:13px 10px 14px 9px;background:linear-gradient(110deg,#041f22b8,#010e11c2);color:#bed9d5;cursor:pointer;text-align:left;transition:border-color .16s ease,background .16s ease,transform .16s ease}.genome-sample-row img{width:39px;height:39px;border-radius:10px;object-fit:cover}.genome-sample-row>span{min-width:0;display:flex;flex-direction:column;gap:2px}.genome-sample-row strong{overflow:hidden;font-size:clamp(8px,.73vw,11px);text-overflow:ellipsis;white-space:nowrap}.genome-sample-row small{overflow:hidden;color:#718d89;font-size:clamp(7px,.6vw,9px);text-overflow:ellipsis;white-space:nowrap}.genome-sample-row b{z-index:2;color:#d1ece6;font-size:10px}.genome-sample-row:hover,.genome-sample-row.selected{border-color:#42ddd28c;background:linear-gradient(110deg,#083b3bc2,#021518d1);transform:translate(-2px)}.genome-sample-row.rarity-rare{border-color:#4da6ff40}.genome-sample-row.rarity-legendary{border-color:#b366ff4d}.genome-bonus-summary{flex:0 0 auto;padding-top:6px;border-top:1px solid rgba(66,221,210,.16)}.genome-bonus-summary>small,.genome-reservoir-note{display:block;margin:5px 0 0;color:#6e8985;font-size:clamp(7px,.62vw,9px);line-height:1.3}.genome-bonus-line{margin-top:4px;padding-left:7px;border-left:2px solid var(--genome-common)}.genome-bonus-line strong,.genome-bonus-line small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.genome-bonus-line strong{font-size:clamp(7px,.64vw,10px)}.genome-bonus-line small{color:#6f908b;font-size:clamp(6px,.56vw,8px)}.genome-bonus-line.tone-rare{border-color:var(--genome-rare)}.genome-bonus-line.tone-legendary{border-color:var(--genome-legendary)}.genome-catalog-stage{position:absolute;inset:4% 4.5% 5%;display:flex;flex-direction:column;gap:10px}.genome-stage-heading{position:relative;flex:0 0 auto;text-align:center}.genome-stage-heading span{display:block;color:#b9dfda;font-size:clamp(9px,.9vw,13px);font-weight:800;letter-spacing:.12em}.genome-stage-heading small{color:#698983;font-size:clamp(7px,.65vw,10px)}.genome-specimen-grid{position:relative;display:grid;flex:1 1 auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:2px}.genome-catalog-specimen{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px;overflow:hidden;border:1px solid rgba(76,155,149,.22);border-radius:22% 18% 24% 17%/20%;background:radial-gradient(ellipse at 50% 35%,#114f4d42,#010f12b8 72%);color:#a9c9c4;cursor:pointer;text-align:center;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.genome-specimen-image{width:min(76px,50%);aspect-ratio:1;overflow:hidden;border:1px solid rgba(96,196,187,.24);border-radius:50%;background:#031014;box-shadow:inset 0 5px 13px #00000094}.genome-specimen-image img{width:100%;height:100%;object-fit:cover}.genome-catalog-specimen strong{max-width:100%;overflow:hidden;font-size:clamp(8px,.82vw,12px);text-overflow:ellipsis;white-space:nowrap}.genome-catalog-specimen small{display:-webkit-box;overflow:hidden;color:#688581;font-size:clamp(6px,.58vw,9px);line-height:1.2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.genome-catalog-specimen:hover,.genome-catalog-specimen.selected{border-color:var(--genome-common-bright);box-shadow:inset 0 0 20px #42ddd21f,0 0 12px #42ddd22e;transform:translateY(-2px)}.genome-catalog-specimen.rarity-rare:hover,.genome-catalog-specimen.rarity-rare.selected{border-color:var(--genome-rare);box-shadow:inset 0 0 20px #4da6ff24,0 0 12px #4da6ff33}.genome-catalog-specimen.rarity-legendary:hover,.genome-catalog-specimen.rarity-legendary.selected{border-color:var(--genome-legendary);box-shadow:inset 0 0 20px #b366ff26,0 0 14px #b366ff3b}.genome-specimen-header{position:relative;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;min-height:36%;text-align:center}.genome-specimen-header>img{width:58%;height:min(112px,15vh);margin-bottom:3px;border-radius:45% 45% 48% 42%;object-fit:cover;filter:drop-shadow(0 5px 7px rgba(0,0,0,.7))}.genome-specimen-header>strong{max-width:100%;overflow:hidden;color:#d8ebe7;font-size:clamp(10px,.95vw,14px);text-overflow:ellipsis;white-space:nowrap}.genome-specimen-header>small{display:-webkit-box;overflow:hidden;color:#75938e;font-size:clamp(7px,.62vw,9px);line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.genome-level-stack{position:relative;display:flex;flex:1 1 auto;flex-direction:column;gap:6px}.genome-level-control{position:relative;min-height:53px;display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;padding:6px 8px;border:1px solid rgba(101,136,132,.18);border-radius:11px 8px 12px;background:#031518ad;color:#6a817e;cursor:pointer;text-align:left}.genome-level-control.available{border-color:#42ddd257;color:#c8eae5}.genome-level-control:hover:not(:disabled){border-color:var(--genome-common);background:#09393ab3;transform:translateY(-1px)}.genome-level-control:disabled{opacity:.48;cursor:not-allowed}.genome-level-index{color:var(--genome-common);font-size:13px;font-weight:800}.genome-level-control>span:nth-child(2){min-width:0;display:flex;flex-direction:column}.genome-level-control strong{font-size:clamp(8px,.72vw,11px)}.genome-level-control small{overflow:hidden;color:#738e89;font-size:clamp(6px,.56vw,8px);text-overflow:ellipsis;white-space:nowrap}.genome-relic-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:0 0 auto;width:min(320px,70%);margin:0 auto}.genome-relic-switch button{position:relative;min-height:32px;border:1px solid rgba(89,135,131,.24);border-radius:999px;background:#000a0d94;color:#718d89;font-size:clamp(8px,.72vw,11px);font-weight:800;cursor:pointer}.genome-relic-switch button:first-child.active{border-color:var(--genome-rare);color:#afd5ff;box-shadow:inset 0 0 14px #4da6ff29}.genome-relic-switch button:last-child.active{border-color:var(--genome-legendary);color:#d9b7ff;box-shadow:inset 0 0 14px #b366ff2b}.genome-relic-data{display:grid;grid-template-columns:1fr 1fr;gap:5px}.genome-relic-data>div{padding:6px;border:1px solid rgba(93,146,141,.16);border-radius:9px;background:#010c0f99;text-align:center}.genome-relic-data span,.genome-relic-data strong{display:block}.genome-relic-data span{color:#718c88;font-size:clamp(6px,.55vw,8px)}.genome-relic-data strong{margin-top:2px;color:#d4e8e4;font-size:clamp(9px,.8vw,12px)}.genome-cost-readout{position:relative;padding:7px 8px;border:1px solid rgba(228,84,71,.24);border-radius:10px;background:#240a0b5c}.genome-cost-readout.available{border-color:#42ddd238;background:#041f2173}.genome-cost-readout p{margin:3px 0 0;color:#9bb7b2;font-size:clamp(7px,.62vw,9px);line-height:1.25}.genome-primary-action{position:relative;min-height:39px;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 10px;border:1px solid rgba(66,221,210,.42);border-radius:12px 9px 14px;background:linear-gradient(180deg,#115b58b8,#042c2fe0);color:var(--genome-common-bright);font-size:clamp(8px,.7vw,10px);font-weight:800;cursor:pointer;text-transform:uppercase;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.genome-primary-action.rarity-rare{border-color:#4da6ff85;background:linear-gradient(180deg,#225490c2,#092b56e6);color:#c1ddff}.genome-primary-action.rarity-legendary{border-color:#b366ff8c;background:linear-gradient(180deg,#60308bc7,#2c1249eb);color:#e1c8ff}.genome-primary-action:hover:not(:disabled){box-shadow:0 0 16px #42ddd240,inset 0 1px #ffffff1a;filter:brightness(1.12);transform:translateY(-1px)}.genome-primary-action:active:not(:disabled){transform:translateY(1px) scale(.99)}.genome-primary-action:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.35)}.genome-fusion-stage{position:absolute;inset:6% 6% 5%;display:grid;grid-template-columns:38% 18% 44%;grid-template-rows:1fr auto;align-items:center}.genome-fusion-source{position:relative;width:100%;height:70%}.genome-fusion-cell{position:absolute;width:47%;aspect-ratio:1;overflow:hidden;border:1px solid rgba(66,221,210,.35);border-radius:50%;background:#031014;box-shadow:0 0 14px #42ddd224,inset 0 4px 10px #0000008f}.genome-fusion-cell.source-0{top:0;left:25%}.genome-fusion-cell.source-1{bottom:0;left:2%}.genome-fusion-cell.source-2{right:2%;bottom:0}.genome-fusion-cell img,.genome-fusion-result img{width:100%;height:100%;object-fit:cover}.genome-fusion-cell span{position:absolute;right:8px;bottom:6px;padding:2px 5px;border-radius:999px;background:#000709d1;color:#c7eae5;font-size:8px;font-weight:800}.genome-fusion-conduit{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--genome-mutated);text-align:center}.genome-fusion-conduit i{font-size:clamp(28px,3.4vw,48px);filter:drop-shadow(0 0 8px rgba(228,198,93,.34))}.genome-fusion-conduit span{font-size:clamp(7px,.63vw,9px);font-weight:800;text-transform:uppercase}.genome-fusion-result{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.genome-fusion-result img{width:55%;aspect-ratio:1;border:1px solid rgba(228,198,93,.44);border-radius:50%;background:#031014;box-shadow:0 0 24px #e4c65d33,inset 0 4px 12px #0009}.genome-fusion-result span{margin-top:7px;color:#f0e2a6;font-size:clamp(9px,.9vw,13px);font-weight:800}.genome-fusion-result small{color:#7f9995;font-size:clamp(7px,.63vw,9px)}.genome-fusion-stage>.genome-primary-action{grid-column:1 / -1;justify-self:center;width:min(280px,62%)}.genome-fusion-empty{position:absolute;inset:0;display:grid;place-items:center}.genome-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;color:#76918d;text-align:center}.genome-empty-state i{color:#4e7773;font-size:clamp(24px,3vw,44px)}.genome-empty-state strong{color:#abc7c2;font-size:clamp(9px,.9vw,13px)}.genome-empty-state small{max-width:260px;font-size:clamp(7px,.63vw,9px);line-height:1.35}.genome-resources{position:absolute;bottom:4.1%;left:22.3%;width:53.7%;height:10.2%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.2%;z-index:5}.genome-resource-ampoule{min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:5px;padding:9%;border:1px solid transparent;border-radius:20%/28%;background:#000a0c2e;color:#72908b}.genome-resource-ampoule i{grid-row:1 / 3;color:var(--genome-common);font-size:clamp(13px,1.5vw,21px)}.genome-resource-ampoule span{align-self:end;overflow:hidden;font-size:clamp(6px,.53vw,8px);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.genome-resource-ampoule strong{align-self:start;color:#d1e8e4;font-size:clamp(9px,.85vw,13px)}.genome-resource-ampoule.tone-rare i{color:var(--genome-rare)}.genome-resource-ampoule.tone-legendary i{color:var(--genome-legendary)}.genome-resource-ampoule.tone-void i{color:#8f78bd}.genome-resource-ampoule.tone-crystal i{color:#70c6d9}.genome-resource-ampoule.tone-diamond i{color:#a8ddeb}.genome-status{position:absolute;top:10.2%;left:34%;width:34%;min-height:28px;display:flex;align-items:center;justify-content:center;gap:6px;z-index:18;padding:5px 12px;border:1px solid rgba(66,221,210,.3);border-radius:999px;background:#010f12eb;box-shadow:0 6px 16px #0000007a;color:#bde8e2;font-size:clamp(7px,.66vw,10px);text-align:center}.genome-status.tone-success{border-color:#42ddd26b;color:var(--genome-common-bright)}.genome-status.tone-error{border-color:#e454478f;color:#ffaaa2}.genome-status.tone-pending i{animation:genome-spin .8s linear infinite}.genome-confirmation-backdrop{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:#000507b8;backdrop-filter:blur(3px)}.genome-confirmation{position:relative;width:min(430px,68%);padding:26px 30px;border:1px solid rgba(66,221,210,.42);border-radius:34px 27px 38px 25px;background:radial-gradient(ellipse at 50% 0,rgba(66,221,210,.1),transparent 56%),linear-gradient(180deg,#072427fa,#010f12fc);box-shadow:inset 0 1px #ffffff14,inset 0 -18px 32px #00000052,0 24px 48px #000000b8;text-align:center;animation:genome-confirm-enter .18s ease-out both}.genome-confirmation.danger{border-color:#e4544785;background:radial-gradient(ellipse at 50% 0,rgba(228,84,71,.12),transparent 56%),linear-gradient(180deg,#2c1616fa,#0f080afc)}.genome-confirmation h3{margin:8px 0 7px;color:var(--genome-text);font-size:clamp(16px,1.8vw,24px)}.genome-confirmation p{margin:0;color:#b5cfca;font-size:clamp(10px,.95vw,13px);line-height:1.4}.genome-confirmation>small{display:block;margin-top:9px;color:#78938f;font-size:clamp(8px,.75vw,11px);line-height:1.4}.genome-confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:18px}.genome-confirm-actions button{min-width:112px;min-height:37px}.genome-confirm-actions button.primary{border-color:#42ddd285;background:#094846c7;color:var(--genome-common-bright)}.genome-safe-error{position:absolute;inset:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;border:1px solid rgba(228,84,71,.48);border-radius:28px;background:#16080af0;color:#ffaaa2;text-align:center}.genome-safe-error i{font-size:36px}.genome-safe-error small{color:#b18e8b}.genome-safe-error button{min-height:38px;padding:7px 18px;border:1px solid rgba(228,84,71,.5);border-radius:999px;background:#531817b3;cursor:pointer}body.genome-open #game-canvas{pointer-events:none}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-mode-button[data-mode=matrix]{top:7.3%!important;left:17.6%!important;width:72.6%!important;height:87.3%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-mode-button[data-mode=synthesis]{top:6.7%!important;left:12.6%!important;width:82.5%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-mode-button[data-mode=relics]{top:11.2%!important;left:8.7%!important;width:86.2%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-mode-button[data-mode=fusion]{top:20.6%!important;left:3.8%!important;width:93.3%!important;grid-template-columns:24% minmax(0,1fr);gap:3%;padding-right:6%;padding-left:6%}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-mode-button[data-mode=fusion] span{letter-spacing:.045em}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-workspace{left:21.5%!important;width:56.7%!important;height:67.2%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-matrix-core{top:-1%!important;left:-.2%!important;width:99.9%!important;height:107.7%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="0"]{top:6.5%!important;left:25%!important;width:11.7%!important;height:14.5%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="1"]{top:5.8%!important;right:23.6%!important;width:12.6%!important;height:14.8%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="2"]{top:36.4%!important;left:11.4%!important;width:12.5%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="3"]{top:37.5%!important;right:11.4%!important;width:12.1%!important;height:14.9%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="4"]{top:68.5%!important;left:23.1%!important;width:13.6%!important;height:16.2%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-socket[data-slot="5"]{top:70%!important;right:23.1%!important;width:12.1%!important;height:12.7%!important}body:not(.mobile) #ui-root.observatory-ui .genes-panel-v2 .genome-resources{bottom:5.6%!important;left:21.1%!important;width:59.5%!important}.genome-code-shell{display:none}@media (min-width: 701px){.genes-panel-v2.genome-material-procedural{--genome-code-brass: #8b7651;--genome-code-rim: #b6a977;--genome-code-well: #061d20;--genome-code-shadow: #010607;border-radius:6.2% 5.3% 6.8% 5.1%/9% 7% 10% 8%;background:radial-gradient(ellipse at 50% 42%,rgba(13,74,75,.42),transparent 43%),radial-gradient(circle at 7% 19%,rgba(86,111,75,.18),transparent 20%),radial-gradient(circle at 91% 83%,rgba(126,104,61,.14),transparent 24%),repeating-linear-gradient(128deg,rgba(227,218,158,.018) 0 1px,transparent 1px 11px),#010708;box-shadow:inset 0 0 0 1px #cdbe7d38,inset 0 -24px 42px #00000094,0 28px 48px #000000c7;filter:drop-shadow(0 11px 11px rgba(0,0,0,.62))}.genome-material-procedural .genome-code-shell{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;border-radius:inherit;pointer-events:none}.genome-material-procedural .genome-code-shell svg{position:relative;z-index:1;width:100%;height:100%;display:block}.genome-material-procedural .genome-code-shell:after{position:absolute;inset:0;z-index:2;background:url(/ui/observatory/genome/procedural/genome-outer-shell-v1@2x.webp?v=20260721) center / 100% 100% no-repeat;content:"";filter:drop-shadow(0 7px 7px rgba(0,0,0,.62));pointer-events:none}.genome-material-procedural .genome-code-shell-mass,.genome-material-procedural .genome-code-scale-field,.genome-material-procedural .genome-code-outer-rim,.genome-material-procedural .genome-code-plate-seams{opacity:0}.genome-material-procedural .genome-code-inner-rim{filter:drop-shadow(0 5px 4px rgba(0,0,0,.76))}.genome-material-procedural .genome-code-divider{fill:none;stroke:url(#genome-code-rim);stroke-linecap:round;stroke-width:10;filter:drop-shadow(0 3px 2px rgba(0,0,0,.82))}.genome-material-procedural .genome-code-divider-cyan{stroke:#41ada88a;stroke-width:2;filter:drop-shadow(0 0 5px rgba(66,221,210,.22))}.genome-material-procedural .genome-code-nodes{filter:drop-shadow(0 2px 2px rgba(0,0,0,.82))}.genome-material-procedural .genome-code-title-legacy{opacity:0}.genome-material-procedural .genome-title-recess{z-index:7;border:0;background:none;box-shadow:none}.genome-material-procedural .genome-title-recess:before{position:absolute;top:50%;left:50%;width:182%;aspect-ratio:2121 / 454;z-index:0;background:url(/ui/observatory/genome/procedural/genome-title-crown-v1@2x.webp?v=20260721) center / contain no-repeat;content:"";filter:drop-shadow(0 5px 5px rgba(0,0,0,.72));transform:translate(-50%,-50%)}.genome-material-procedural .genome-title-recess .genome-eyebrow,.genome-material-procedural .genome-title-recess h2{position:relative;z-index:1}.genome-material-procedural .genome-close{border:1px solid rgba(177,159,102,.66);background:radial-gradient(circle at 42% 32%,rgba(63,168,158,.28),transparent 31%),radial-gradient(circle,#08383b 0 34%,#031518 62%,#010708 72%);box-shadow:inset 0 2px 3px #d7fff51f,inset 0 -7px 12px #000000b3,0 0 0 4px #1f241aeb,0 0 0 6px #8b765185,0 5px 9px #000000b8}.genome-material-procedural .genome-close:hover{border-color:#97fff4c7;box-shadow:inset 0 2px 3px #d7fff526,inset 0 -7px 12px #000000a8,0 0 0 4px #1f241aeb,0 0 0 6px #8b765194,0 0 13px #42ddd252}.genome-material-procedural .genome-mode-rail{padding:.65%;border:1px solid rgba(137,125,83,.48);border-radius:29% 20% 25% 18%/8%;background:radial-gradient(ellipse at 46% 35%,rgba(13,82,81,.28),transparent 55%),linear-gradient(105deg,#021a1df0,#00090cf7);box-shadow:inset 0 0 0 4px #00050794,inset 8px 0 20px #38675214,0 7px 14px #0000007a;box-sizing:border-box}.genome-material-procedural .genome-mode-button{overflow:hidden;border-color:#65846647;background:radial-gradient(ellipse at 32% 30%,rgba(75,147,127,.12),transparent 46%),linear-gradient(145deg,#08292ae0,#011013f0 64%,#00080afa);box-shadow:inset 0 1px #dafff612,inset 0 -10px 16px #00000070,0 3px 7px #0000005c}.genome-material-procedural .genome-mode-button:before{position:absolute;inset:5%;border:1px solid rgba(108,196,184,.08);border-radius:inherit;background:linear-gradient(112deg,rgba(255,255,255,.045),transparent 28% 70%,rgba(124,213,198,.025));content:"";pointer-events:none}.genome-material-procedural .genome-mode-button:hover{border-color:#6ee2d675;background:radial-gradient(ellipse at 32% 30%,rgba(65,203,190,.19),transparent 48%),linear-gradient(145deg,#093939e6,#011316f5);box-shadow:inset 0 1px #dafff61a,inset 0 -9px 14px #0000006b,0 0 12px #42ddd224}.genome-material-procedural .genome-mode-button.active{border-color:#96fff4ad;background:radial-gradient(ellipse at 35% 42%,rgba(77,225,211,.28),transparent 62%),linear-gradient(145deg,#094645eb,#01181bfa);box-shadow:inset 0 1px #e0fffa29,inset 0 -12px 18px #00000061,0 0 16px #42ddd233}.genome-material-procedural .genome-mode-button:active{filter:brightness(.92);transform:translate(1px,2px) scale(.99)}.genome-material-procedural .genome-workspace{border:1px solid rgba(84,167,157,.3);background:radial-gradient(ellipse at 50% 43%,#0a494b9e,#02181ce0 58%,#00080bf5),repeating-radial-gradient(circle at 48% 42%,rgba(98,189,178,.025) 0 1px,transparent 1px 12px);box-shadow:inset 0 0 0 5px #00060894,inset 0 18px 32px #28766e12,inset 0 -24px 36px #00000075,0 7px 15px #0000006b}.genome-material-procedural .genome-reservoir{border:1px solid rgba(118,132,88,.42);border-radius:34% 22% 30% 18%/8%;background:radial-gradient(ellipse at 50% 12%,rgba(23,104,101,.24),transparent 40%),linear-gradient(180deg,#031b1ff5,#000a0dfa);box-shadow:inset 0 0 0 4px #00060899,inset 0 -20px 32px #0000006b,0 7px 15px #00000075}.genome-material-procedural .genome-resources{padding:.35%;border:1px solid rgba(139,125,82,.46);border-radius:9%/31%;background:linear-gradient(180deg,#111f19e0,#010a0cf2);box-shadow:inset 0 0 0 3px #00050794,0 6px 12px #0000007a;box-sizing:border-box}.genome-material-procedural .genome-resource-ampoule{border-color:#8b7d5261;background:radial-gradient(ellipse at 42% 28%,rgba(43,154,146,.15),transparent 42%),linear-gradient(180deg,#052527f0,#000c0ffa);box-shadow:inset 0 1px #e5fff814,inset 0 -8px 12px #00000070}.genome-material-procedural .genome-socket{border-color:#998e5ead;background:radial-gradient(circle at 40% 34%,rgba(32,124,119,.26),transparent 34%),radial-gradient(circle,#062d31 0 55%,#021215 70%,#000608);box-shadow:inset 0 5px 12px #000000b3,inset 0 -2px #c5f4e80f,0 0 0 3px #171d15eb,0 0 0 5px #8b765180,0 7px 12px #00000094}.genome-material-procedural .genome-socket:before{position:absolute;inset:6%;z-index:2;border:1px solid rgba(118,222,211,.18);border-radius:50%;box-shadow:inset 0 1px #dafff714,0 0 7px #42ddd214;content:"";pointer-events:none}.genome-material-procedural .genome-socket img,.genome-material-procedural .genome-socket.empty span{position:relative;z-index:1}.genome-material-procedural .genome-socket:hover,.genome-material-procedural .genome-socket.selected{border-color:var(--genome-common-bright);box-shadow:inset 0 4px 11px #00000094,0 0 0 3px #171d15eb,0 0 0 5px #54bbaf94,0 0 18px #42ddd257}.genome-material-procedural .genome-core-caption,.genome-material-procedural .genome-catalog-specimen,.genome-material-procedural .genome-sample-row,.genome-material-procedural .genome-level-control,.genome-material-procedural .genome-cost-readout,.genome-material-procedural .genome-primary-action{backdrop-filter:none;box-shadow:inset 0 1px #e7fff80e,inset 0 -8px 14px #0000003d}}@keyframes genome-organ-enter{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes genome-core-breathe{0%,to{opacity:.39;transform:scale(.992)}50%{opacity:.5;transform:scale(1.008)}}@keyframes genome-confirm-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes genome-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px) and (min-width: 701px){.genome-reservoir{gap:5px}.genome-sample-row{min-height:43px;grid-template-columns:34px minmax(0,1fr) auto}.genome-sample-row img{width:34px;height:34px}.genome-specimen-header>img{height:min(88px,14vh)}.genome-level-control{min-height:46px}}@media (max-width: 700px){.genes-panel-v2,body.mobile .genes-panel-v2{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;display:grid;grid-template-rows:auto auto minmax(300px,1fr) minmax(190px,.72fr) auto;gap:8px;padding:max(12px,env(safe-area-inset-top)) 10px max(8px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;border-radius:0!important;background:radial-gradient(ellipse at 50% 0,rgba(33,99,92,.2),transparent 34%),linear-gradient(180deg,#071516,#020708 72%);filter:none;transform:none!important;animation:genome-mobile-enter .24s ease-out both;box-sizing:border-box}.genes-panel-v2.hidden{display:none!important}.genes-panel-v2:before{position:fixed;inset:0;z-index:-1;border:8px solid transparent;border-image:linear-gradient(135deg,#8b7651b8,#1f534d80,#8b7651ad) 1;content:"";pointer-events:none}.genome-title-recess{position:relative;top:auto;left:auto;width:auto;height:56px;grid-row:1;padding:0 48px;border-bottom:1px solid rgba(66,221,210,.16)}.genome-title-recess .genome-eyebrow{font-size:8px}.genome-title-recess h2{font-size:15px}.genome-close{position:fixed;top:max(13px,env(safe-area-inset-top));right:13px;width:44px;height:44px;background:#000c0fb8}.genome-mode-rail{position:relative;top:auto;left:auto;width:auto;height:64px;display:grid;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:5px}.genome-mode-button{min-height:56px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:5px 3px;border-radius:15px 12px 17px 11px;background:#03181bc2;text-align:center}.genome-mode-button:hover{transform:none}.genome-mode-button i{font-size:21px}.genome-mode-button span{font-size:8px}.genome-workspace{position:relative;top:auto;left:auto;width:auto;height:auto;min-height:300px;grid-row:3;overflow:hidden;border:1px solid rgba(76,151,143,.2);border-radius:28px 22px 32px 20px;background:radial-gradient(ellipse at 50% 46%,#073335bd,#010d10eb);box-shadow:inset 0 0 35px #00000080}.genome-reservoir{position:relative;top:auto;right:auto;width:auto;height:auto;min-height:190px;grid-row:4;padding:16px;border:1px solid rgba(76,151,143,.2);border-radius:26px 20px 30px 18px;background:#031a1dd6}.genome-resources{position:sticky;right:auto;bottom:-1px;left:auto;width:auto;height:auto;min-height:116px;display:grid;grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;z-index:30;padding:7px;border:1px solid rgba(76,151,143,.2);border-radius:22px 18px 0 0;background:#010e11f5;box-shadow:0 -10px 22px #00000061}.genome-resource-ampoule{min-height:48px;padding:6px 10px;border:1px solid rgba(77,143,137,.14);border-radius:13px;background:#05222494}.genome-resource-ampoule i{font-size:19px}.genome-resource-ampoule span{font-size:8px}.genome-resource-ampoule strong{font-size:12px}.genome-core-caption{top:32%;left:25%;width:50%;min-height:25%}.genome-core-caption>strong{font-size:13px}.genome-core-caption>small{font-size:9px}.genome-detail-actions button{min-height:34px;font-size:9px}.genome-socket{width:17%}.genome-socket.slot-0{top:7%;left:24%}.genome-socket.slot-1{top:7%;right:24%}.genome-socket.slot-2{top:38%;left:5%}.genome-socket.slot-3{top:38%;right:5%}.genome-socket.slot-4{top:69%;left:24%}.genome-socket.slot-5{top:69%;right:24%}.genome-synergy-chain{right:4%;bottom:2%;left:4%}.genome-chain-node:nth-child(n+4){display:none}.genome-catalog-stage{inset:16px}.genome-specimen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.genome-catalog-specimen{min-height:150px}.genome-catalog-specimen strong{font-size:11px}.genome-catalog-specimen small{font-size:8px}.genome-specimen-header{min-height:124px}.genome-specimen-header>img{width:88px;height:88px}.genome-specimen-header>strong{font-size:13px}.genome-specimen-header>small{font-size:9px}.genome-level-control{min-height:58px}.genome-level-control strong{font-size:10px}.genome-level-control small{font-size:8px}.genome-primary-action{min-height:46px;font-size:9px}.genome-status{position:fixed;top:calc(max(12px,env(safe-area-inset-top)) + 54px);left:50%;width:min(86vw,360px);min-height:38px;font-size:9px;transform:translate(-50%)}.genome-confirmation-backdrop{position:fixed}.genome-confirmation{width:min(86vw,430px);padding:24px 20px}.genome-confirm-actions button{min-width:0;min-height:44px;flex:1}}@media (orientation: landscape) and (max-height: 600px){.genes-panel-v2,body.mobile .genes-panel-v2{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;display:grid;grid-template-columns:108px minmax(360px,1fr) minmax(230px,31vw);grid-template-rows:48px minmax(0,1fr) 68px;gap:6px;padding:max(7px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));overflow:hidden;background:linear-gradient(180deg,#071516,#020708);transform:none!important;box-sizing:border-box}.genome-title-recess{position:relative;top:auto;left:auto;width:auto;height:auto;grid-column:2;grid-row:1;padding:0 48px}.genome-title-recess .genome-eyebrow{display:none}.genome-title-recess h2{margin:0;font-size:13px}.genome-close{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));width:44px;height:44px;background:#000c0fc7}.genome-mode-rail{position:relative;top:auto;left:auto;width:auto;height:auto;display:grid;grid-column:1;grid-row:1 / 4;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr);gap:5px}.genome-mode-button{min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:3px;border-radius:13px;background:#03181bc2;text-align:center}.genome-mode-button i{font-size:18px}.genome-mode-button span{font-size:7px}.genome-workspace{position:relative;top:auto;left:auto;width:auto;height:auto;min-height:0;grid-column:2;grid-row:2;border:1px solid rgba(76,151,143,.2);border-radius:20px;background:radial-gradient(ellipse,#073335bd,#010d10eb)}.genome-reservoir{position:relative;top:auto;right:auto;width:auto;height:auto;min-height:0;grid-column:3;grid-row:1 / 3;padding:10px;border:1px solid rgba(76,151,143,.2);border-radius:20px;background:#031a1dd6}.genome-resources{position:relative;right:auto;bottom:auto;left:auto;width:auto;height:auto;min-height:0;display:grid;grid-column:2 / 4;grid-row:3;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px;border:1px solid rgba(76,151,143,.2);border-radius:16px;background:#010e11f0}.genome-resource-ampoule{min-height:48px;padding:4px 6px;border-radius:10px;background:#05222494}.genome-resource-ampoule span{font-size:6px}.genome-resource-ampoule strong{font-size:10px}.genome-resource-ampoule i{font-size:16px}.genome-core-caption{top:29%;left:27%;width:46%}.genome-synergy-chain{display:none}.genome-socket{width:15%}.genome-socket.slot-0{top:5%;left:25%}.genome-socket.slot-1{top:5%;right:25%}.genome-socket.slot-2{top:38%;left:8%}.genome-socket.slot-3{top:38%;right:8%}.genome-socket.slot-4{top:70%;left:25%}.genome-socket.slot-5{top:70%;right:25%}.genome-specimen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.genome-catalog-stage{inset:9px}.genome-catalog-specimen{min-height:92px;padding:3px}.genome-specimen-image{width:42px}.genome-catalog-specimen strong{font-size:8px}.genome-catalog-specimen small{display:none}.genome-specimen-header{min-height:34%}.genome-specimen-header>img{width:64px;height:64px}.genome-level-control{min-height:42px}.genome-reservoir-note{display:none}.genome-fusion-stage{inset:3%}.genome-fusion-result img{width:42%}.genome-fusion-stage>.genome-primary-action{min-height:34px}.genome-status{position:fixed;top:8px;left:calc(50% - 35px);width:min(300px,42vw);transform:translate(-50%)}.genome-confirmation-backdrop{position:fixed}.genome-confirmation{width:min(470px,72vw);padding:18px 24px}}@media (hover: none),(pointer: coarse){.genome-mode-button,.genome-socket,.genome-sample-row,.genome-catalog-specimen,.genome-primary-action,.genome-level-control{-webkit-tap-highlight-color:transparent}.genome-mode-button:hover,.genome-socket:hover,.genome-sample-row:hover,.genome-catalog-specimen:hover,.genome-primary-action:hover:not(:disabled),.genome-level-control:hover:not(:disabled){transform:none}}@media (prefers-reduced-motion: reduce){.genes-panel-v2,.genome-confirmation,.genome-core-image,.genome-status.tone-pending i{animation:none!important}.genes-panel-v2 *,.genes-panel-v2 *:before,.genes-panel-v2 *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes genome-mobile-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}body.genome-preview{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(7,46,48,.24),transparent 36%),repeating-linear-gradient(135deg,rgba(66,221,210,.018) 0 2px,transparent 2px 18px),#010607}.genome-preview-toolbar{position:fixed;top:14px;left:14px;z-index:5000;display:flex;flex-wrap:wrap;gap:7px;max-width:min(720px,calc(100vw - 28px));padding:8px;border:1px solid rgba(66,221,210,.26);border-radius:14px;background:#010e11eb;box-shadow:0 8px 24px #00000080;color:#c6e5e0;font:12px var(--obs-font, sans-serif)}.genome-preview-toolbar label{display:flex;align-items:center;gap:5px}.genome-preview-toolbar select,.genome-preview-toolbar button{min-height:31px;border:1px solid rgba(66,221,210,.28);border-radius:8px;background:#082326;color:#d7efeb;font:inherit}.genome-preview-toolbar button{padding:4px 9px;cursor:pointer}.character-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000}.character-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;animation:charFadeIn .2s ease-out}@keyframes charFadeIn{0%{opacity:0}to{opacity:1}}.character-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(900px,94vw);height:min(85vh,800px);background:radial-gradient(ellipse 80% 50% at 20% 30%,rgba(78,205,196,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 80% at 80% 70%,rgba(162,155,254,.06) 0%,transparent 50%),radial-gradient(ellipse 40% 30% at 50% 90%,rgba(150,206,180,.05) 0%,transparent 40%),linear-gradient(180deg,#0f1919fa,#0a1416fc,#081214);border-radius:24px 20px 28px 22px;border:2px solid rgba(78,205,196,.25);box-shadow:0 0 60px #000c,0 0 30px #4ecdc41a,inset 0 0 80px #00000080,inset 0 2px #4ecdc41a;display:flex;flex-direction:column;overflow:hidden;animation:charSlideIn .25s ease-out}@keyframes charSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.character-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(90deg,rgba(78,205,196,.15) 0%,rgba(78,205,196,.05) 50%,transparent 100%);border-bottom:1px solid rgba(78,205,196,.2);flex-shrink:0}.character-title-row{display:flex;align-items:baseline;gap:16px}.character-name{font-size:24px;font-weight:600;color:#7fdbca;text-shadow:0 0 20px rgba(78,205,196,.5);letter-spacing:1px}.character-level{font-size:16px;color:gold;font-weight:700;text-shadow:0 0 10px rgba(255,215,0,.4);padding:4px 12px;background:#ffd7001a;border-radius:12px;border:1px solid rgba(255,215,0,.2)}.character-panel .panel-close{width:40px;height:40px;border-radius:50%;border:none;background:#ff6b6b33;color:#ff6b6b;font-size:20px;cursor:pointer;transition:all .2s}.character-panel .panel-close:hover{background:#ff6b6b66;transform:scale(1.1);box-shadow:0 0 15px #ff6b6b66}.character-panel .character-content{flex:1;overflow-y:auto!important;overflow-x:hidden;padding:20px 24px;display:flex;flex-direction:column;gap:20px;max-height:calc(85vh - 80px)}.character-panel .character-content::-webkit-scrollbar{width:8px}.character-panel .character-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.character-panel .character-content::-webkit-scrollbar-thumb{background:#4ecdc466;border-radius:4px}.character-panel .character-content::-webkit-scrollbar-thumb:hover{background:#4ecdc499}.character-top-section{display:grid;grid-template-columns:280px 1fr;gap:20px}@media (max-width: 700px){.character-top-section{grid-template-columns:1fr}}.character-class-card{background:radial-gradient(ellipse at 30% 30%,rgba(162,155,254,.1) 0%,transparent 60%),#0f1623b3;border-radius:16px;padding:20px;border:1px solid rgba(162,155,254,.2);display:flex;flex-direction:column;gap:16px}.class-main{display:flex;align-items:center;gap:16px}.class-icon-large{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),transparent 60%);border:3px solid;box-shadow:0 0 20px currentColor}.class-info{flex:1}.class-name{font-size:18px;font-weight:700;margin-bottom:4px}.class-desc{font-size:12px;color:#889;line-height:1.4}.character-form-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#ffd7001a,#ffb4000d);border-radius:10px;border:1px solid rgba(255,215,0,.25)}.form-icon{font-size:24px}.form-name{font-size:14px;font-weight:700;color:gold}.character-progress-card{background:#0f162399;border-radius:16px;padding:20px;border:1px solid rgba(78,205,196,.15);display:flex;flex-direction:column;gap:16px}.xp-section{display:flex;flex-direction:column;gap:6px}.xp-label{font-size:12px;color:#7fdbca;font-weight:500}.xp-bar-container{position:relative;height:24px;background:#141e28cc;border-radius:12px;overflow:hidden;border:1px solid rgba(78,205,196,.3)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,#2a8a7a,#4ecdc4,#7fdbca);transition:width .3s ease;box-shadow:0 0 10px #4ecdc480}.xp-bar-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8)}.char-resources-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}@media (max-width: 500px){.char-resources-grid{grid-template-columns:1fr}}.char-resource-item{display:flex;align-items:center;gap:10px;padding:12px;background:#0000004d;border-radius:10px;border:1px solid rgba(78,205,196,.1)}.char-res-icon{font-size:20px;flex-shrink:0}.char-res-bar-wrap{flex:1;display:flex;flex-direction:column;gap:4px}.char-res-bar{height:10px;background:#0006;border-radius:5px;overflow:hidden}.char-res-fill{height:100%;transition:width .3s}.char-res-fill.hp{background:linear-gradient(90deg,#ff4757,#ff6b6b)}.char-res-fill.energy{background:linear-gradient(90deg,#f0932b,gold)}.char-res-text{font-size:11px;color:#aab}.char-resource-item.coins{background:linear-gradient(135deg,#ffd7001a,#0000004d);border-color:#ffd70033}.char-coins-value{font-size:18px;font-weight:700;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.character-panel .character-stats-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 600px){.character-panel .character-stats-section{grid-template-columns:1fr}}.character-panel .stats-card{background:#0f162399;border-radius:16px;padding:16px 20px;border:1px solid rgba(78,205,196,.15)}.character-panel .stats-card-title{font-size:14px;font-weight:700;color:#7fdbca;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(78,205,196,.2);display:flex;align-items:center;gap:8px}.character-panel .stats-card.combat .stats-card-title{color:#ff6b6b;border-color:#ff6b6b33}.character-panel .stats-card.survival .stats-card-title{color:#55efc4;border-color:#55efc433}.character-panel .stats-list{display:flex;flex-direction:column;gap:8px}.character-panel .stat-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#00000040;border-radius:10px;border:1px solid transparent;transition:all .15s}.character-panel .stat-item:hover{background:#00000059;border-color:#4ecdc426}.character-panel .stat-main{display:flex;align-items:center;gap:10px}.character-panel .stat-icon{font-size:16px;width:24px;text-align:center;flex-shrink:0}.character-panel .stat-name{flex:1;font-size:13px;color:#ccd}.character-panel .stat-value{position:static!important;font-size:15px;font-weight:700;color:#7fdbca;min-width:70px;text-align:right;flex-shrink:0}.character-panel .stat-breakdown{display:flex;flex-wrap:wrap;gap:6px;padding-left:34px}.character-panel .bonus-tag{font-size:10px;padding:3px 8px;border-radius:6px;display:flex;align-items:center;gap:4px}.character-panel .bonus-tag.class{color:#a29bfe;background:#a29bfe26}.character-panel .bonus-tag.genes{color:#ff9ff3;background:#ff9ff326}.character-panel .bonus-tag.skills{color:#ffeaa7;background:#ffeaa726}.character-panel .bonus-tag.equip{color:#74b9ff;background:#74b9ff26}.character-panel .bonus-tag.aura{color:#55efc4;background:#55efc426}.character-synergies-section{background:linear-gradient(135deg,#ffd7000d,#0f162399);border-radius:16px;padding:16px 20px;border:1px solid rgba(255,215,0,.15)}.synergies-title{font-size:14px;font-weight:700;color:gold;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(255,215,0,.15);display:flex;align-items:center;gap:8px}.synergies-list{display:flex;flex-direction:column;gap:8px}.synergy-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffd7000d;border-radius:10px;border:1px solid rgba(255,215,0,.1);transition:all .15s}.synergy-item:hover{background:#ffd7001a;transform:translate(4px)}.synergy-icon{font-size:20px}.synergy-name{font-size:13px;font-weight:700;color:gold}.synergy-effect{margin-left:auto;font-size:12px;color:#aab}.synergies-empty{text-align:center;padding:16px;color:#556;font-size:13px}.character-player-stats-section{background:#0f162399;border-radius:16px;padding:16px 20px;border:1px solid rgba(78,205,196,.15)}.player-stats-title{font-size:14px;font-weight:700;color:#7fdbca;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(78,205,196,.2);display:flex;align-items:center;gap:8px}.player-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 600px){.player-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 400px){.player-stats-grid{grid-template-columns:repeat(2,1fr)}}.player-stat-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;background:#0000004d;border-radius:12px;border:1px solid rgba(78,205,196,.08);transition:all .15s}.player-stat-card:hover{transform:translateY(-3px);background:#0006;box-shadow:0 4px 12px #0000004d}.player-stat-icon{font-size:22px}.player-stat-value{font-size:20px;font-weight:700;color:#fff}.player-stat-label{font-size:11px;color:#778;text-align:center}.player-stat-card.kd{background:linear-gradient(135deg,#ffd7001a,#0000004d);border-color:#ffd70026}.player-stat-card.kd .player-stat-value{color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.character-clan-section{background:linear-gradient(135deg,#a29bfe0d,#0f162399);border-radius:16px;padding:16px 20px;border:1px solid rgba(162,155,254,.15)}.clan-title{font-size:14px;font-weight:700;color:#a29bfe;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(162,155,254,.15);display:flex;align-items:center;gap:8px}.clan-bonuses-list{display:flex;flex-wrap:wrap;gap:10px}.clan-bonus-item{font-size:12px;padding:8px 14px;background:#a29bfe1a;border-radius:8px;color:#a29bfe;border:1px solid rgba(162,155,254,.15);display:flex;align-items:center;gap:6px}.stats-class-circle{cursor:pointer;transition:transform .15s,box-shadow .15s}.stats-class-circle:hover{transform:scale(1.08);box-shadow:0 0 25px #4ecdc480!important}.stats-class-circle:active{transform:scale(1.02)}