*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#233022;background:#bfe3ff}#game{display:block;width:100%;height:100%;cursor:crosshair}.performanceStats{position:fixed;top:14px;right:14px;z-index:5;display:grid;gap:7px;min-width:146px;padding:9px 10px 10px;border:1px solid rgba(75,105,70,.24);border-radius:8px;color:#2c3b2a;background:#fffdf4d1;box-shadow:0 10px 28px #32503724;backdrop-filter:blur(10px);font-size:11px;font-weight:800;line-height:1.1;pointer-events:auto}.performanceStatsMetrics{display:grid;grid-template-columns:repeat(2,auto);gap:3px 10px;pointer-events:none}.timeControls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.timeControls button{height:24px;min-width:0;border-radius:6px;padding:0 6px;font-size:10px;line-height:1}#hud{position:fixed;left:16px;right:16px;bottom:16px;display:grid;grid-template-columns:1fr;align-items:end;gap:10px;pointer-events:none}.status,#hud .variantBar,#hotbar,#terrainTools,#cameraButton,#buildButton,#terrainButton,#clearButton{pointer-events:auto;border:1px solid rgba(75,105,70,.22);background:#fffaebd6;box-shadow:0 10px 30px #32503724;backdrop-filter:blur(10px)}.variantBar{display:flex;grid-column:1 / -1;justify-self:center;width:min(560px,calc(100vw - 64px));min-height:48px;padding:6px;border-radius:14px;opacity:0;pointer-events:none;transform:translateY(18px);transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .13s ease}.variantBar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.variantGroup{display:none;width:100%;gap:6px}.variantGroup.active{display:flex}.variantButton{height:34px;min-width:76px;border:1px solid transparent;border-radius:9px;padding:0 12px;color:#6f6a5f;background:transparent;font-size:11px;font-weight:750}.variantButton:hover{background:#f5e9c68c}.variantButton.active{color:#513d21;border-color:#bd8f437a;background:#fff2cb}.status{display:flex;flex-direction:column;gap:4px;min-width:148px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700}#cameraButton,#buildButton,#terrainButton,#clearButton,#terrainTools,#terrainTools.visible,.status{display:none}#onlineCount{color:#557052;font-weight:600}button{height:42px;border:0;border-radius:7px;padding:0 13px;color:#233022;background:#ffffffb8;font:inherit;font-size:13px;font-weight:800;cursor:pointer}button:hover{background:#fff7d6}button.active{color:#1f3820;background:#cdecae}#cameraButton,#buildButton{min-width:86px}#terrainButton,#clearButton{min-width:76px}#terrainTools{display:none;gap:7px;padding:8px;border-radius:8px;overflow-x:auto}#terrainTools.visible{display:flex}#raiseButton,#lowerButton{min-width:76px}#terrainTools button{min-width:66px;white-space:nowrap}.toolbarDivider{width:1px;height:28px;align-self:center;flex:0 0 auto;background:#4b694638}#hotbar{display:flex;grid-column:1 / -1;justify-self:center;width:min(920px,calc(100vw - 32px));gap:3px;padding:10px 14px;border-radius:14px;overflow-x:auto;background:#fffdf4e6;box-shadow:0 18px 45px #32422e2e,inset 0 1px #ffffffe0;opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px));transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .14s ease;will-change:transform,opacity}#hotbar.visible{opacity:1;pointer-events:auto;transform:translateY(0)}#hotbar .hotbarItem{position:relative;display:grid;grid-template-rows:42px 16px;align-items:center;justify-items:center;min-width:70px;height:78px;padding:8px 6px 9px;border:1px solid transparent;border-radius:11px;color:#6f6a5f;background:transparent;box-shadow:none;font-size:11px;font-weight:700;white-space:nowrap}#hotbar.terrain-active .placementHotbarItem{display:none}.terrainHotbar{display:none;align-items:center;gap:3px;min-height:78px}#hotbar.terrain-active .terrainHotbar{display:flex}.terrainHotbarItem{min-width:70px}.terrainHotbarItem:hover{background:#fff7d6}.terrainHotbarItem.active{color:#1f3820;background:#cdecae}#hotbar .hotbarItem:hover{background:#f5e9c68c}#hotbar .hotbarItem.active{z-index:1;color:#513d21;border-color:#bd8f438c;background:#fff2cb;box-shadow:0 8px 20px #75532221,inset 0 1px #ffffffb3}.hotbarIcon{position:relative;display:block;width:34px;height:32px}.hotbarLabel{align-self:end;line-height:1}.iconPart{position:absolute;display:block}.hotbarIcon:before{content:"";position:absolute;left:7px;right:7px;bottom:3px;height:11px;border-radius:2px;background:#cf9a4b;transform:skewY(-26deg)}.hotbarIcon:after{content:"";position:absolute;left:7px;right:7px;bottom:12px;height:11px;border-radius:2px;background:#f0da89;transform:skewY(26deg)}.hotbarIcon-tree .iconPart-a{left:15px;bottom:12px;width:6px;height:15px;border-radius:2px;background:#9b6d39}.hotbarIcon-tree .iconPart-b,.hotbarIcon-tree .iconPart-c{left:9px;bottom:21px;width:18px;height:14px;border-radius:8px 8px 5px 5px;background:#a9d765}.hotbarIcon-tree .iconPart-c{left:12px;bottom:29px;width:12px;height:10px;background:#c6ed82}.hotbarIcon-fence .iconPart-a,.hotbarIcon-fence .iconPart-b{left:8px;width:23px;height:4px;border-radius:2px;background:#d99e45}.hotbarIcon-fence .iconPart-a{bottom:20px}.hotbarIcon-fence .iconPart-b{bottom:28px}.hotbarIcon-fence .iconPart-c{left:10px;bottom:15px;width:5px;height:21px;border-radius:2px;background:#b97835;box-shadow:15px 0 #b97835}.hotbarIcon-flower .iconPart-a,.hotbarIcon-flower .iconPart-b,.hotbarIcon-flower .iconPart-c{width:7px;height:13px;border-radius:7px 7px 2px 2px;background:#f7d363}.hotbarIcon-flower .iconPart-a{left:10px;bottom:19px;transform:rotate(-18deg)}.hotbarIcon-flower .iconPart-b{left:17px;bottom:20px;background:#ef8f9d}.hotbarIcon-flower .iconPart-c{left:22px;bottom:18px;background:#b8dc67;transform:rotate(18deg)}.hotbarIcon-crop .iconPart-a,.hotbarIcon-crop .iconPart-b,.hotbarIcon-crop .iconPart-c{bottom:19px;width:5px;height:14px;border-radius:5px 5px 0 0;background:#9eb85a}.hotbarIcon-crop .iconPart-a{left:10px}.hotbarIcon-crop .iconPart-b{left:16px;height:17px;background:#d6c45d}.hotbarIcon-crop .iconPart-c{left:23px}.hotbarIcon-house .iconPart-a{left:11px;bottom:16px;width:16px;height:16px;border-radius:2px;background:#eadc9d}.hotbarIcon-house .iconPart-b{left:8px;bottom:30px;width:22px;height:13px;border-radius:2px;background:#ef756e;clip-path:polygon(50% 0,100% 70%,88% 100%,12% 100%,0 70%)}.hotbarIcon-house .iconPart-c{left:18px;bottom:16px;width:5px;height:8px;border-radius:1px 1px 0 0;background:#8a6a3c}.hotbarIcon-lantern .iconPart-a{left:15px;bottom:15px;width:5px;height:21px;border-radius:2px;background:#6f5b3b}.hotbarIcon-lantern .iconPart-b{left:9px;bottom:27px;width:17px;height:12px;border-radius:7px 7px 4px 4px;background:#ffd66e;box-shadow:0 0 10px #ffd05d8c}.hotbarIcon-lantern .iconPart-c{left:8px;bottom:37px;width:19px;height:3px;border-radius:2px;background:#6f5b3b}.hotbarIcon-water:after{background:#8ed9ef}.hotbarIcon-water:before{background:#43a9cf}.hotbarIcon-water .iconPart-a,.hotbarIcon-water .iconPart-b,.hotbarIcon-water .iconPart-c{left:10px;bottom:20px;width:18px;height:3px;border-radius:8px;background:#2f8eba}.hotbarIcon-water .iconPart-b{left:7px;bottom:26px}.hotbarIcon-water .iconPart-c{left:14px;bottom:31px}.hotbarIcon-path:after{background:#ead58f}.hotbarIcon-path:before{background:#c59b53}.hotbarIcon-path .iconPart-a,.hotbarIcon-path .iconPart-b,.hotbarIcon-path .iconPart-c{width:10px;height:4px;border-radius:1px;background:#a47d43}.hotbarIcon-path .iconPart-a{left:10px;bottom:22px;transform:rotate(-14deg)}.hotbarIcon-path .iconPart-b{left:19px;bottom:27px;transform:rotate(12deg)}.hotbarIcon-path .iconPart-c{left:8px;bottom:32px;transform:rotate(10deg)}.hotbarIcon-rock:after{background:#b5b8ad}.hotbarIcon-rock:before{background:#777d73}.hotbarIcon-rock .iconPart-a,.hotbarIcon-rock .iconPart-b,.hotbarIcon-rock .iconPart-c{border-radius:45% 55% 48% 52%;background:#8b9087;transform:rotate(-8deg)}.hotbarIcon-rock .iconPart-a{left:7px;bottom:19px;width:15px;height:12px}.hotbarIcon-rock .iconPart-b{left:17px;bottom:22px;width:17px;height:15px;background:#686d66;transform:rotate(12deg)}.hotbarIcon-rock .iconPart-c{left:12px;bottom:31px;width:12px;height:9px;background:#b5b8ad;transform:rotate(18deg)}.hotbarIcon-animals:after,.hotbarIcon-chicken:after,.hotbarIcon-pig:after{background:#fff0bd}.hotbarIcon-animals:before,.hotbarIcon-chicken:before,.hotbarIcon-pig:before{background:#d9a34b}.hotbarIcon-animals .iconPart-a,.hotbarIcon-chicken .iconPart-a,.hotbarIcon-pig .iconPart-a{left:10px;bottom:19px;width:18px;height:16px;border-radius:50% 50% 46% 46%;background:#fff5d6}.hotbarIcon-animals .iconPart-b,.hotbarIcon-chicken .iconPart-b,.hotbarIcon-pig .iconPart-b{left:20px;bottom:28px;width:11px;height:11px;border-radius:50%;background:#fff5d6;box-shadow:4px 1px 0 -2px #f0a43a}.hotbarIcon-animals .iconPart-c,.hotbarIcon-chicken .iconPart-c,.hotbarIcon-pig .iconPart-c{left:22px;bottom:38px;width:7px;height:7px;border-radius:6px 6px 2px 2px;background:#d94f45}.hotbarIcon-decoration:after,.hotbarIcon-wallPot:after,.hotbarIcon-wallLight:after{background:#eadc9d}.hotbarIcon-decoration:before,.hotbarIcon-wallPot:before,.hotbarIcon-wallLight:before{background:#c7a56a}.hotbarIcon-decoration .iconPart-a,.hotbarIcon-wallPot .iconPart-a{left:13px;bottom:18px;width:12px;height:11px;border-radius:2px 2px 6px 6px;background:#b86f4b}.hotbarIcon-decoration .iconPart-b,.hotbarIcon-wallPot .iconPart-b{left:11px;bottom:29px;width:16px;height:10px;border-radius:8px 8px 4px 4px;background:#7fc36a}.hotbarIcon-decoration .iconPart-c,.hotbarIcon-wallPot .iconPart-c{left:22px;bottom:22px;width:7px;height:12px;border-radius:6px 6px 3px 3px;background:#ffd66e;box-shadow:0 0 8px #ffd05d80}.hotbarIcon-wallPot .iconPart-c{bottom:32px;width:6px;height:6px;border-radius:50%;background:#ef8f9d;box-shadow:none}.hotbarIcon-wallLight .iconPart-a{left:15px;bottom:16px;width:8px;height:20px;border-radius:3px;background:#6f5b3b}.hotbarIcon-wallLight .iconPart-b{left:10px;bottom:22px;width:18px;height:12px;border-radius:8px 8px 5px 5px;background:#ffd66e;box-shadow:0 0 10px #ffd05d94}.hotbarIcon-wallLight .iconPart-c{left:12px;bottom:35px;width:14px;height:4px;border-radius:3px;background:#6f5b3b}.hotbarIcon-terrain-raise:after,.hotbarIcon-terrain-lower:after,.hotbarIcon-brush-1:after,.hotbarIcon-brush-2:after,.hotbarIcon-brush-3:after{background:#91d56f}.hotbarIcon-terrain-raise:before,.hotbarIcon-terrain-lower:before,.hotbarIcon-brush-1:before,.hotbarIcon-brush-2:before,.hotbarIcon-brush-3:before{background:#5eac55}.hotbarIcon-terrain-raise .iconPart-a,.hotbarIcon-terrain-lower .iconPart-a{left:13px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent}.hotbarIcon-terrain-raise .iconPart-a{bottom:31px;border-bottom:9px solid #4e8d48}.hotbarIcon-terrain-lower .iconPart-a{bottom:18px;border-top:9px solid #4e8d48}.hotbarIcon-terrain-raise .iconPart-b,.hotbarIcon-terrain-lower .iconPart-b{left:15px;width:6px;height:13px;border-radius:4px;background:#4e8d48}.hotbarIcon-terrain-raise .iconPart-b{bottom:19px}.hotbarIcon-terrain-lower .iconPart-b{bottom:26px}.hotbarIcon-terrain-raise .iconPart-c,.hotbarIcon-terrain-lower .iconPart-c{left:9px;bottom:16px;width:19px;height:5px;border-radius:5px 5px 2px 2px;background:#d5ef8f}.hotbarIcon-brush-1 .iconPart-a,.hotbarIcon-brush-2 .iconPart-a,.hotbarIcon-brush-2 .iconPart-b,.hotbarIcon-brush-3 .iconPart-a,.hotbarIcon-brush-3 .iconPart-b,.hotbarIcon-brush-3 .iconPart-c{width:8px;height:8px;border-radius:3px;background:#f5e7a4;box-shadow:inset 0 -2px #5789462e}.hotbarIcon-brush-1 .iconPart-a{left:14px;bottom:23px}.hotbarIcon-brush-2 .iconPart-a{left:10px;bottom:25px}.hotbarIcon-brush-2 .iconPart-b{left:19px;bottom:21px}.hotbarIcon-brush-3 .iconPart-a{left:9px;bottom:28px}.hotbarIcon-brush-3 .iconPart-b{left:17px;bottom:23px}.hotbarIcon-brush-3 .iconPart-c{left:24px;bottom:18px}@media (max-width: 680px){#hud{grid-template-columns:1fr auto}.status{grid-column:1 / 2}#hotbar{grid-column:1 / -1;order:3;justify-self:stretch}#terrainTools{grid-column:1 / -1;order:3}}