*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:2rem}.top-hud-container{width:100%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.wellbeing-panel{pointer-events:auto;display:flex;flex-direction:column;background:#282828b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;cursor:help;min-width:180px}.wellbeing-panel:hover{background:#323232d9;border-color:#fff3;box-shadow:0 12px 40px #0006}.wellbeing-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-weight:700;margin-bottom:.4rem}.wellbeing-content{display:flex;flex-direction:column;gap:.4rem}.wellbeing-gauge{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.wellbeing-gauge-fill{height:100%;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1),background-color .5s ease}.wellbeing-stats{display:flex;justify-content:space-between;align-items:center}.wellbeing-value{font-size:1.1rem;font-weight:800;transition:color .5s ease}.wellbeing-status{font-size:.8rem;font-weight:600;color:#fff;opacity:.9}.wellbeing-tooltip{position:absolute;top:calc(100% + 10px);left:0;background:#191919f2;border:1px solid rgba(255,255,255,.15);padding:.75rem 1rem;border-radius:8px;box-shadow:0 10px 25px #00000080;display:flex;flex-direction:column;gap:.4rem;min-width:180px;z-index:200;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .2s ease,transform .2s ease}.wellbeing-panel:hover .wellbeing-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.tooltip-row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:600;color:#fffc}.tooltip-row span:last-child{color:#fff;font-weight:700}.resource-bar-container{pointer-events:none}.resource-bar{pointer-events:auto;display:flex;flex-direction:column;background:#282828b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.75rem 1.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;gap:.75rem}.resource-item{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:1.2rem}.resource-icon-wood{width:24px;height:12px;background:linear-gradient(to bottom,#966f42,#704e28);border-radius:3px;position:relative;box-shadow:0 4px 8px #704e2866}.resource-icon-wood:after{content:"";position:absolute;right:0;top:0;width:8px;height:100%;background:#eac086;border-radius:50%;border:1px solid #704e28;box-sizing:border-box;box-shadow:inset 0 0 3px #00000026}.resource-icon-stone{width:20px;height:20px;background:linear-gradient(135deg,#a9a9a9,#696969);border-radius:60% 40% 50% 50%/50% 40% 60% 50%;box-shadow:0 4px 8px #0000004d;position:relative;margin:0 2px}.resource-icon-stone:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:6px;background:#ffffff40;border-radius:50%}.resource-icon-metal{width:24px;height:12px;background:linear-gradient(135deg,#e0e0e0,#b0b0b0,#707070);transform:skew(-15deg);border-radius:2px;border:1px solid #b0b0b0;box-shadow:0 4px 8px #0000004d}.resource-icon-microchip{width:18px;height:18px;background:#1f5f38;border-radius:3px;border:1px solid #144426;position:relative;box-shadow:0 4px 8px #0000004d}.resource-icon-microchip:before{content:"";position:absolute;top:4px;left:4px;width:8px;height:8px;background:linear-gradient(135deg,#d4af37,#aa7c11);border-radius:1px}.resource-icon-microchip:after{content:"";position:absolute;top:-2px;left:3px;width:10px;height:20px;border-left:2px dotted #c0c0c0;border-right:2px dotted #c0c0c0}.resource-icon-plank{width:22px;height:10px;background:linear-gradient(to right,tan,#c19a6b);border:1px solid #8b5a2b;border-radius:1px;box-shadow:0 4px 6px #0000004d;position:relative}.resource-icon-plank:after{content:"";position:absolute;top:3px;left:0;width:100%;height:1px;background:#8b5a2b4d;box-shadow:0 2px #8b5a2b33}.resource-icon-cog{font-size:1.35rem;line-height:1;color:#b0b0b0;text-shadow:0 3px 6px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;width:22px;height:22px}.resource-icon-extract{width:14px;height:20px;position:relative;display:flex;flex-direction:column;align-items:center}.resource-icon-extract:before{content:"";width:5px;height:7px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);border-bottom:none;border-radius:1px 1px 0 0;box-sizing:border-box}.resource-icon-extract:after{content:"";width:16px;height:13px;background:linear-gradient(to top,#39ff14 60%,#ffffff26 60%);border:1px solid rgba(255,255,255,.4);border-radius:50% 50% 30% 30%/30% 30% 70% 70%;box-shadow:0 4px 8px #39ff144d;box-sizing:border-box}.resource-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;font-weight:700;margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.resource-group-items{display:flex;flex-direction:column;gap:.6rem}.resource-group-divider{height:1px;background:#ffffff26;margin:.4rem 0}.resource-icon-water{width:14px;height:14px;background:linear-gradient(135deg,#5dade2,#2980b9);border-radius:0% 100% 100%;transform:rotate(45deg);box-shadow:0 3px 6px #2980b980;position:relative;margin:2px 5px 2px 3px}.resource-icon-water:after{content:"";position:absolute;top:2px;left:2px;width:4px;height:4px;background:#ffffff80;border-radius:50%}.resource-icon-food{width:11px;height:18px;background:linear-gradient(135deg,#ff9233,#e65c00);border-radius:50%/30% 30% 70% 70%;transform:rotate(-15deg);position:relative;box-shadow:0 4px 6px #e65c004d;margin:0 6px 0 4px}.resource-icon-food:before{content:"";position:absolute;top:-6px;left:4px;width:3px;height:8px;background:#27ae60;border-radius:2px;transform:rotate(15deg);box-shadow:-3px 1px #2ecc71}.resource-icon-fuel{width:12px;height:16px;background:linear-gradient(135deg,#f4d03f,#f39c12);border-radius:2px;box-shadow:0 4px 6px #f39c124d;position:relative;margin:1px 6px 1px 4px}.resource-icon-fuel:before{content:"";position:absolute;top:-3px;left:3px;width:6px;height:3px;background:#7f8c8d;border-radius:1px 1px 0 0}.resource-icon-fuel:after{content:"F";position:absolute;top:1px;left:2px;font-size:10px;font-weight:700;color:#000000a6;font-family:sans-serif;line-height:1}.resource-icon-spaceFuel,.resource-icon-spacePart,.resource-icon-rocket{font-size:14px;margin:1px 6px 1px 4px;display:inline-flex;align-items:center;justify-content:center}.launch-btn{width:100%;padding:10px;background:#e67e22;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;box-shadow:0 4px 6px #00000026;transition:all .2s ease;font-family:inherit}.launch-btn:hover:not(:disabled){background:#d35400;transform:translateY(-1px)}.launch-btn:active:not(:disabled){transform:translateY(0)}.launch-btn:disabled{background:#7f8c8d;cursor:not-allowed;opacity:.6}.hotbar{pointer-events:auto;display:flex;gap:.75rem;background:#1e1e1ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.75rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #0006;position:absolute;bottom:2rem;left:50%;transform:translate(-50%);align-items:center;z-index:110}.hotbar-slot{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:10px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.hotbar-slot:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.hotbar-slot.active{background:#50c87833;border-color:#50c878;box-shadow:0 0 15px #50c8784d,inset 0 0 10px #50c8781a;transform:scale(1.05)}.hotbar-slot.demolish-active{background:#ff4c4c33;border-color:#ff4c4c;box-shadow:0 0 15px #ff4c4c4d,inset 0 0 10px #ff4c4c1a}.hotbar-slot.drag-over{border:2px dashed #50c878;background:#50c8781a}.slot-number{position:absolute;top:8px;left:10px;font-size:.85rem;font-weight:700;color:#ffffff59}.slot-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffd9;text-shadow:0 1px 2px rgba(0,0,0,.8)}.build-btn>div[class^=build-icon],.hotbar-slot>div[class^=build-icon],.inventory-item-icon-container>div[class^=build-icon]{position:absolute;top:15px}.hotbar-slot>div[class^=build-icon]{top:22px;scale:1.15}.inventory-item-icon-container>div[class^=build-icon]{top:24px;scale:1.15}.build-icon-house{width:32px;height:32px;background-color:#50c878;border-radius:4px;box-shadow:0 4px 10px #50c87866;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.build-icon-path{width:32px;height:12px;background-color:#7a7a7a;border-radius:2px;margin-top:10px;box-shadow:0 4px 10px #7a7a7a66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.build-icon-office{width:32px;height:48px;background-color:#4a90e2;border-radius:4px;top:5px!important;box-shadow:0 4px 10px #4a90e266;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.build-icon-mine{width:38px;height:20px;background-color:#704e28;border-radius:4px;top:20px!important;box-shadow:0 4px 10px #704e2866;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-mine:before{content:"⚙";position:absolute;font-size:14px;color:#8a8a8a;top:-8px;left:10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.build-icon-extractMine{width:38px;height:20px;background-color:#111;border-radius:4px;top:20px!important;box-shadow:0 4px 10px #0006;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-extractMine:before{content:"⚙";position:absolute;font-size:14px;color:#10cb10;top:-8px;left:10px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.build-icon-shop{width:32px;height:38px;background-color:#87ceeb;border-radius:4px;top:10px!important;box-shadow:0 4px 10px #87ceeb66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.build-icon-tree{width:24px;height:24px;background-color:#1f4f29;border-radius:50%;top:15px!important;box-shadow:0 4px 10px #1f4f2966;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-tree:before{content:"";position:absolute;width:8px;height:12px;background-color:#5c4033;top:20px;left:8px;border-radius:2px}.build-icon-demolish{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ff4c4c;font-weight:700;text-shadow:0 2px 8px rgba(255,76,76,.4)}.build-icon-wall{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center}.build-icon-wall:before{content:"";position:absolute;width:28px;height:28px;background-color:#8b6914;border-radius:2px;border-left:3px solid #6B4F12;border-right:3px solid #6B4F12;box-shadow:inset 0 8px #6b4f124d,inset 0 16px #6b4f1226}.build-icon-stoneWall{width:32px;height:32px;position:relative;display:flex;align-items:center;justify-content:center}.build-icon-stoneWall:before{content:"";position:absolute;width:28px;height:28px;background-color:#8a8a8a;border-radius:2px;border-left:3px solid #555555;border-right:3px solid #555555;box-shadow:inset 0 8px #5555554d,inset 0 16px #55555526}.build-icon-farmhouse{width:32px;height:32px;background-color:#7a5230;border-radius:4px;box-shadow:0 4px 10px #7a523066;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-farmhouse:before{content:"";position:absolute;width:32px;height:12px;background-color:#a62b2b;top:0;left:0;border-top-left-radius:4px;border-top-right-radius:4px}.build-icon-pump{width:24px;height:36px;background-color:#8c6239;border-radius:4px;top:10px!important;box-shadow:0 4px 10px #8c623966;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-pump:before{content:"";position:absolute;width:14px;height:4px;background-color:#08c;top:16px;left:-10px;border-radius:2px}.build-icon-plankFactory{width:32px;height:32px;background-color:#d7bd96;border-radius:4px;box-shadow:0 4px 10px #d7bd9666;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-plankFactory:before{content:"⚙";position:absolute;font-size:14px;color:#a0a0a0;top:8px;left:18px}.build-icon-cogFactory{width:32px;height:32px;background-color:#a62b2b;border-radius:4px;box-shadow:0 4px 10px #a62b2b66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-cogFactory:before{content:"⚙";position:absolute;font-size:16px;color:#fc0;top:4px;left:4px}.build-icon-entertainment{width:32px;height:32px;background-color:indigo;border-radius:4px;box-shadow:0 4px 10px #4b008266;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #ff00ff}.build-icon-entertainment:before{content:"★";position:absolute;font-size:14px;color:#0ff;top:8px;left:8px;text-shadow:0 0 5px #00ffff}.build-btn.demolish-active{background:#ff4c4c33;border-color:#ff4c4c;box-shadow:0 0 15px #ff4c4c4d,inset 0 0 10px #ff4c4c1a}.info-panel{position:absolute;top:100px;right:2rem;background:#282828d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;color:#fff;pointer-events:auto;min-width:150px;text-align:right}.info-panel h3{margin:0 0 .5rem;font-size:1.2rem;text-transform:capitalize;color:#fff}.info-panel p{margin:0;font-size:1rem;color:#ccc;font-weight:500}.inventory-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:auto}.inventory-menu{background:#1e1e1ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:680px;max-width:90%;padding:2rem;box-shadow:0 20px 60px #0009,0 0 40px #50c8780d;color:#fff;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.inventory-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.inventory-header h2{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a9a9a9);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.inventory-close-btn{background:none;border:none;color:#ffffff80;font-size:1.5rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.inventory-close-btn:hover{background:#ffffff1a;color:#fff}.inventory-tip{font-size:.85rem;color:#ffffff80;margin-bottom:1.5rem;line-height:1.5;background:#ffffff05;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #50c878}.inventory-grid{display:flex;flex-direction:column;gap:1.2rem;max-height:400px;overflow-y:auto;padding:4px}.palette-group{display:flex;flex-direction:column;gap:.5rem}.palette-group-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#ffffff59;padding:0 4px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.palette-group-items{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.inventory-grid::-webkit-scrollbar{width:6px}.inventory-grid::-webkit-scrollbar-track{background:transparent}.inventory-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.inventory-grid::-webkit-scrollbar-thumb:hover{background:#ffffff40}.inventory-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;height:135px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12px;cursor:grab;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;-webkit-user-select:none;user-select:none}.inventory-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.inventory-item:active{cursor:grabbing}.inventory-item.active{border-color:#50c878;background:#50c8781a;box-shadow:inset 0 0 10px #50c8780d}.inventory-item-icon-container{position:absolute;top:0;left:0;right:0;height:90px;display:flex;justify-content:center;align-items:center}.inventory-item-info{width:100%;text-align:center;display:flex;flex-direction:column;gap:2px;padding:0 4px}.inventory-item-name{font-size:.85rem;font-weight:600;color:#fff}.inventory-item-cost{font-size:.68rem;color:#fff6;font-weight:500}.build-icon-metalFactory{width:32px;height:32px;background:linear-gradient(135deg,#5c5c5c,#3a3a3a 60%,#4a4a4a);border-radius:4px;box-shadow:0 4px 10px #4a4a4a80;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #6a6a6a}.build-icon-metalFactory:before{content:"🏭";position:absolute;font-size:14px;top:4px;left:5px}.build-icon-fuelFactory{width:32px;height:32px;background:linear-gradient(135deg,#424949,#2c3e50 60%,#34495e);border-radius:4px;box-shadow:0 4px 10px #42494980;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #7f8c8d}.build-icon-fuelFactory:before{content:"⚡";position:absolute;font-size:16px;color:#f39c12;top:4px;left:6px}.build-icon-spaceFuelFactory{width:32px;height:32px;background:linear-gradient(135deg,#8e44ad,#2c3e50 60%,#3498db);border-radius:4px;box-shadow:0 4px 10px #8e44ad80;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #9b59b6}.build-icon-spaceFuelFactory:before{content:"🧪";position:absolute;font-size:14px;top:4px;left:6px}.build-icon-spacePartFactory{width:32px;height:32px;background:linear-gradient(135deg,#7f8c8d,#34495e 60%,#95a5a6);border-radius:4px;box-shadow:0 4px 10px #7f8c8d80;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #bdc3c7}.build-icon-spacePartFactory:before{content:"🔩";position:absolute;font-size:14px;top:4px;left:6px}.build-icon-spaceCentre{width:32px;height:32px;background:linear-gradient(135deg,#1abc9c,#16a085 60%,#2c3e50);border-radius:4px;box-shadow:0 4px 10px #1abc9c80;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #1abc9c}.build-icon-spaceCentre:before{content:"🚀";position:absolute;font-size:14px;top:4px;left:5px}.build-icon-substation{width:32px;height:32px;background:linear-gradient(135deg,#f1c40f,#d35400 60%,#2c3e50);border-radius:4px;box-shadow:0 4px 10px #f1c40f80;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #f1c40f}.build-icon-substation:before{content:"⚡";position:absolute;font-size:14px;top:4px;left:8px}.time-controls{position:absolute;bottom:2rem;left:2rem;z-index:100;pointer-events:auto;display:flex;gap:.5rem;background:#1e1e1ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.time-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .2s ease}.time-btn:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-1px)}.time-btn:active{transform:translateY(1px)}.time-btn.active{background:#3498db;border-color:#2980b9;box-shadow:0 0 12px #3498db80;font-weight:700}.build-icon-road{width:32px;height:12px;background-color:#333;border-radius:2px;margin-top:10px;box-shadow:0 4px 10px #3336;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-road:before{content:"";position:absolute;top:5px;left:0;width:32px;height:2px;background-color:#f1c40f;background-image:linear-gradient(to right,#f1c40f 50%,transparent 50%);background-size:8px 2px}.wellbeing-ticks{display:flex;justify-content:space-between;width:100%;margin-top:2px;line-height:1}.wellbeing-tick-label{font-size:8px;font-family:monospace;color:#ffffff73}.notifications-container{position:absolute;top:6rem;right:2rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.notification-toast{background:#1e1e1ed9;color:#fff;padding:.75rem 1.25rem;border-radius:8px;font-size:.85rem;font-weight:600;box-shadow:0 4px 15px #0000004d;border-left:4px solid #2ecc71;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideIn .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:auto}@keyframes slideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.build-icon-fuelStation{width:32px;height:32px;background:linear-gradient(135deg,#e67e22,#d35400 60%,#e67e22);border-radius:4px;box-shadow:0 4px 10px #d3540066;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #e67e22}.build-icon-fuelStation:before{content:"⛽";position:absolute;font-size:16px;color:#fff;top:4px;left:6px}.build-icon-turret{width:32px;height:32px;background:linear-gradient(135deg,#7f8c8d,#34495e 60%,#7f8c8d);border-radius:4px;box-shadow:0 4px 10px #34495e66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #7f8c8d}.build-icon-turret:before{content:"🎯";position:absolute;font-size:16px;color:#fff;top:4px;left:6px}.build-icon-gate{width:32px;height:32px;background:linear-gradient(135deg,#8e44ad,#4a154b 60%,#8e44ad);border-radius:4px;box-shadow:0 4px 10px #8e44ad66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #9b59b6}.build-icon-gate:before{content:"⛩️";position:absolute;font-size:16px;color:#fff;top:4px;left:6px}.tests-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.tests-modal{background:#1e1e1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;width:600px;max-width:90%;max-height:80vh;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;color:#fff;font-family:inherit;overflow:hidden}.tests-modal-header{padding:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.tests-modal-header h2{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.tests-modal-close-btn{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:color .2s}.tests-modal-close-btn:hover{color:#fff}.tests-modal-body{padding:1.2rem;overflow-y:auto;flex:1}.test-suite-group{margin-bottom:1.5rem}.test-suite-title{font-size:1rem;font-weight:700;color:#9b59b6;margin-bottom:.6rem;border-bottom:1px solid rgba(142,68,173,.3);padding-bottom:.2rem}.test-case-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.6rem;border-radius:8px;background:#ffffff08;margin-bottom:.4rem;border:1px solid rgba(255,255,255,.05)}.test-case-info{display:flex;flex-direction:column;gap:.2rem}.test-case-name{font-size:.9rem;font-weight:500}.test-case-error{font-size:.8rem;color:#e74c3c;font-family:monospace;margin-top:.3rem;background:#e74c3c1a;padding:.4rem;border-radius:4px;border-left:3px solid #e74c3c;white-space:pre-wrap}.test-case-status{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.status-passed{color:#2ecc71;font-weight:700}.status-failed{color:#e74c3c;font-weight:700}.status-running{color:#3498db;font-weight:700;animation:testPulse 1s infinite alternate}@keyframes testPulse{0%{opacity:.6}to{opacity:1}}.tests-modal-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#14141480}.run-tests-action-btn{background:#3498db;border:none;color:#fff;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.run-tests-action-btn:hover{background:#2980b9}.test-suite-summary-text{font-size:.9rem;color:#ffffffb3}.goals-trigger-container{position:absolute;bottom:8.5rem;left:2rem;z-index:100;pointer-events:auto}.goals-btn{background:#e67e22d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #e67e2266;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.goals-btn:hover{background:#e67e22;transform:translateY(-2px);box-shadow:0 6px 20px #e67e2299}.milestones-trigger-container{position:absolute;bottom:5.5rem;left:2rem;z-index:100;pointer-events:auto}.milestones-btn{background:#27ae60d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 4px 15px #27ae6066;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.milestones-btn:hover{background:#27ae60;transform:translateY(-2px);box-shadow:0 6px 20px #27ae6099}.inventory-item.locked{opacity:.55;cursor:not-allowed!important;background:#00000040!important;border:1px dashed rgba(255,255,255,.15)!important}.inventory-item.locked:hover{background:#00000040!important;transform:none!important}.hotbar-slot.locked{opacity:.5;cursor:not-allowed!important;background:#00000040!important;border:1px dashed rgba(255,255,255,.15)!important}.hotbar-slot.locked:hover{background:#00000040!important;transform:none!important}.goals-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999}.goals-modal{background:#1e1e1ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;width:650px;max-width:90%;max-height:80vh;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;color:#fff;font-family:inherit;overflow:hidden}.goals-modal-header{padding:1.2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.goals-modal-header h2{margin:0;font-size:1.3rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.goals-modal-close-btn{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;transition:color .2s}.goals-modal-close-btn:hover{color:#fff}.goals-modal-body{padding:1.2rem;overflow-y:auto;flex:1}.goals-grid{display:flex;flex-direction:column;gap:.8rem}.goal-card{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.goal-card.completed{border-color:#2ecc7166;background:#2ecc710d}.goal-info{flex:1;margin-right:1.5rem}.goal-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.goal-card-title{font-size:.95rem;font-weight:600}.goal-card-desc{font-size:.8rem;color:#fff9;margin-bottom:.5rem}.goal-progress-row{display:flex;align-items:center;gap:.8rem}.goal-progress-bar-container{flex:1;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.goal-progress-bar{height:100%;background:#e67e22;border-radius:3px;transition:width .3s ease}.goal-card.completed .goal-progress-bar{background:#2ecc71}.goal-progress-text{font-size:.75rem;color:#fffc;font-family:monospace;min-width:70px;text-align:right}.goal-status-badge{font-size:.8rem;font-weight:700;padding:.3rem .6rem;border-radius:6px;min-width:90px;text-align:center}.badge-in-progress{background:#e67e2226;color:#e67e22;border:1px solid rgba(230,126,34,.3)}.badge-completed{background:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3);box-shadow:0 0 10px #2ecc7133}.goals-modal-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#14141480}.goals-completed-summary{font-size:.9rem;color:#ffffffbf;font-weight:500}.build-icon-apartment{width:32px;height:32px;background:linear-gradient(135deg,#b0bec5,#37474f 60%,#b0bec5);border-radius:4px;box-shadow:0 4px 10px #37474f66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative;border:1px solid #b0bec5}.build-icon-apartment:before{content:"🏢";position:absolute;font-size:16px;color:#fff;top:4px;left:6px}.sphere-portrait-panel{position:fixed;top:100px;left:2rem;width:280px;background:#1e1e1ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0006;color:#fff;z-index:100;display:flex;flex-direction:column;gap:12px}.sphere-info-panel{position:fixed;top:100px;right:2rem;width:280px;background:#1e1e1ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem;border-radius:16px;border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 40px #0006;color:#fff;z-index:100;display:flex;flex-direction:column;gap:12px}.sphere-panel-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#fff9;font-size:20px;font-weight:700;cursor:pointer;transition:color .2s ease}.sphere-panel-close:hover{color:#ff5252}.sphere-panel-title{font-size:1.1rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#a4be7c;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px;margin-bottom:4px}.sphere-info-field{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;padding:4px 0}.sphere-info-label{color:#fff9;font-weight:500}.sphere-info-value{font-weight:700;color:#fff}.status-employed{color:#4cd137}.status-unemployed{color:#eccc68}.build-icon-platform{width:32px;height:24px;background-color:#d35400;border-radius:4px;margin-top:4px;box-shadow:0 4px 10px #d3540066;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d}.build-icon-stairs{width:32px;height:24px;background-color:#8b5a2b;border-radius:4px;margin-top:4px;box-shadow:0 4px 10px #8b5a2b66;transform:rotateX(45deg) rotate(45deg);transform-style:preserve-3d;position:relative}.build-icon-stairs:before{content:"🪜";font-size:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.main-menu-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:10000;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at center,#0f172a73,#080c18cc);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:fadeIn .4s ease-out}.main-menu-card{background:#1e293ba6;border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:48px 40px;width:460px;text-align:center;box-shadow:0 24px 50px #00000080,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;gap:1.5rem;transform:scale(.98);animation:scaleUp .45s cubic-bezier(.34,1.56,.64,1) forwards}.main-menu-title-container{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.5rem}.main-menu-title{font-size:3.2rem;font-weight:800;letter-spacing:-1.5px;margin:0;line-height:1.1;background:linear-gradient(135deg,#a4be7c,#eccc68,#4cd137);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(164,190,124,.25))}.main-menu-subtitle{font-size:1.05rem;font-weight:600;color:#ffffff80;letter-spacing:2px;text-transform:uppercase}.main-menu-divider{width:60px;height:4px;background:#a4be7c;border-radius:2px;margin:.5rem 0;box-shadow:0 0 12px #a4be7c80}.main-menu-modes{display:flex;flex-direction:column;gap:1.25rem;width:100%}.main-menu-button{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px 24px;text-align:left;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:1.25rem;width:100%;position:relative;overflow:hidden}.main-menu-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.04),transparent);opacity:0;transition:opacity .3s ease}.main-menu-button:hover:before{opacity:1}.main-menu-button:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d;background:#ffffff0f}.main-menu-button-icon{font-size:2.2rem;line-height:1.2}.main-menu-button-content{display:flex;flex-direction:column;gap:3px}.main-menu-button-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0}.main-menu-button-desc{font-size:.85rem;color:#ffffff73;line-height:1.35;margin:0}.btn-survival{border-left:4px solid #eccc68}.btn-survival:hover{border-color:#f1c40f;box-shadow:0 12px 30px #f1c40f26,0 0 0 1px #f1c40f33}.btn-creative{border-left:4px solid #a4be7c}.btn-creative:hover{border-color:#50c878;box-shadow:0 12px 30px #50c87826,0 0 0 1px #50c87833}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}.dimension-switch-container{position:absolute;top:90px;right:20px;display:flex;align-items:center;gap:10px;z-index:100;background:#1e293bb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 12px;box-shadow:0 8px 32px #0000004d;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:all .3s ease}.dimension-switch-container:hover{background:#283750d9;border-color:#fff3}.dim-switch-btn:hover:not(:disabled){transform:translateY(-1px)}.dim-switch-btn:active:not(:disabled){transform:translateY(0)}.sphere-details-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:auto}.sphere-details-menu{background:#1e1e1ed9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:20px;width:900px;max-width:95%;max-height:90vh;box-shadow:0 25px 60px #0009;display:flex;flex-direction:column;color:#fff;overflow:hidden;animation:modalFadeIn .25s cubic-bezier(.4,0,.2,1) forwards}.sphere-details-header{padding:1.25rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.sphere-details-header h2{margin:0;font-size:1.4rem;font-weight:700;color:#a4be7c;letter-spacing:.5px}.sphere-details-close-btn{background:none;border:none;color:#fff9;font-size:24px;font-weight:700;cursor:pointer;transition:color .2s ease}.sphere-details-close-btn:hover{color:#ff5252}.sphere-details-body{padding:2rem;display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;overflow-y:auto;flex:1}.sphere-details-preview-container{display:flex;flex-direction:column;gap:1rem}.sphere-details-badge-container{display:flex;justify-content:center;gap:10px;margin-top:4px}.sphere-details-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:700;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.sphere-details-badge.status.employed{color:#2ecc71;background:#2ecc7126;border-color:#2ecc7133}.sphere-details-badge.status.unemployed{color:#e74c3c;background:#e74c3c26;border-color:#e74c3c33}.sphere-details-controls{display:flex;flex-direction:column;gap:1.25rem}.details-form-group{display:flex;flex-direction:column;gap:6px}.details-form-group label{font-weight:700;font-size:.9rem;color:#ffffffb3;letter-spacing:.3px;text-transform:uppercase}.details-label{font-weight:700;font-size:.9rem;color:#fff}.details-name-input{background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px 14px;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;width:100%}.details-name-input:focus{border-color:#a4be7c}.details-star-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:10px 18px;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s;height:42px}.details-star-btn.active{background:#f1c40f26;border-color:#f1c40f;color:#f1c40f}.details-select{background:#0006;border:1px solid rgba(255,255,255,.15);color:#fff;padding:10px;border-radius:8px;font-size:.9rem;outline:none;cursor:pointer;width:100%}.details-error-msg{color:#ff7675;font-size:.75rem;font-weight:500;margin-top:2px}.details-separator{height:1px;background:#ffffff1a;margin:4px 0}.details-lock-badge{background:#e74c3c26;border:1px solid rgba(231,76,60,.3);color:#ff7675;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.details-lock-container{background:#e74c3c14;border:1px dashed rgba(231,76,60,.3);padding:14px;border-radius:10px;text-align:center}.details-color-grid{display:flex;gap:8px;flex-wrap:wrap}.details-color-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.5);cursor:pointer;transition:transform .15s,border-color .15s}.details-color-btn:hover{transform:scale(1.1)}.details-color-btn.square{border-radius:6px}.details-color-btn.selected{border:2px solid white;box-shadow:0 0 8px #ffffff4d;transform:scale(1.15)}.sphere-details-footer{padding:1.25rem 2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:flex-end}.details-close-action-btn{background:#a4be7c;color:#1e1e1e;border:none;padding:10px 24px;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;transition:background .2s,transform .1s}.details-close-action-btn:hover{background:#b5cfa3;transform:translateY(-1px)}.details-close-action-btn:active{transform:translateY(0)}