*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}.grass-plant{position:relative;display:flex;align-items:flex-end;justify-content:center;width:24px;height:24px}.grass-plant .seed-dot{width:6px;height:4px;background:#8b7355;border-radius:50%;border:1px solid #5a4530;position:absolute;bottom:0}.grass-blade{position:absolute;bottom:0;width:4px;background:var(--plant-color, #7cb342);border-radius:2px 2px 0 0}.plant.grass.growth-1 .blade-1{left:8px;height:10px;transform:rotate(-10deg)}.plant.grass.growth-1 .blade-2{left:12px;height:10px;transform:rotate(10deg)}.plant.grass.growth-2 .blade-1{left:6px;height:20px;transform:rotate(-12deg)}.plant.grass.growth-2 .blade-2{left:14px;height:20px;transform:rotate(12deg)}.plant.grass.growth-2 .blade-3{left:10px;height:26px}.mushroom-plant{position:relative;width:32px;height:32px}.mushroom-spore{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:3px;background:var(--mushroom-color, #8b6914);border-radius:50%;opacity:.7}.mushroom-small{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mushroom-small .mushroom-stem{width:4px;height:6px;background:beige;border:1px solid #d4c896;border-radius:1px;margin:0 auto}.mushroom-small .mushroom-cap{width:10px;height:6px;background:var(--mushroom-color, #c0392b);border:1px solid rgba(0,0,0,.3);border-radius:50% 50% 20% 20%;margin:0 auto -1px}.mushroom-medium{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mushroom-medium .mushroom-stem{width:6px;height:10px;background:beige;border:1px solid #d4c896;border-radius:2px;margin:0 auto}.mushroom-medium .mushroom-cap{width:16px;height:10px;background:var(--mushroom-color, #c0392b);border:1px solid rgba(0,0,0,.3);border-radius:50% 50% 20% 20%;margin:0 auto -2px;position:relative}.mushroom-medium .mushroom-spots{position:absolute;top:2px;left:50%;transform:translate(-50%);width:14px;height:8px}.mushroom-medium .mushroom-spots:before,.mushroom-medium .mushroom-spots:after{content:"";position:absolute;background:#fff;border-radius:50%}.mushroom-medium .mushroom-spots:before{width:3px;height:3px;top:0;left:2px}.mushroom-medium .mushroom-spots:after{width:2px;height:2px;top:2px;right:3px}.mushroom-large{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.mushroom-large .mushroom-stem{width:8px;height:14px;background:linear-gradient(to right,beige,#ebe8d0,beige);border:1px solid #d4c896;border-radius:2px;margin:0 auto}.mushroom-large .mushroom-cap{width:22px;height:14px;background:var(--mushroom-color, #c0392b);border:2px solid rgba(0,0,0,.3);border-radius:50% 50% 20% 20%;margin:0 auto -3px;position:relative;box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003}.mushroom-large .mushroom-spots{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:12px}.mushroom-large .mushroom-spots:before,.mushroom-large .mushroom-spots:after{content:"";position:absolute;background:#fff;border-radius:50%}.mushroom-large .mushroom-spots:before{width:4px;height:4px;top:2px;left:3px}.mushroom-large .mushroom-spots:after{width:3px;height:3px;top:4px;right:4px}.mushroom-glowing .mushroom-cap{box-shadow:inset 2px 2px 4px #ffffff80,0 0 8px var(--mushroom-color, #00ff88),0 0 16px var(--mushroom-color, #00ff88)}.mushroom-large .mushroom-glow{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:30px;height:20px;background:radial-gradient(ellipse,var(--mushroom-color, #00ff88) 0%,transparent 70%);opacity:.4;pointer-events:none}.mushroom-plant .mushroom-small{display:block}.mushroom-plant .mushroom-medium,.mushroom-plant .mushroom-large,.plant.mushroom.growth-2 .mushroom-small{display:none}.plant.mushroom.growth-2 .mushroom-medium{display:block}.plant.mushroom.growth-3 .mushroom-small,.plant.mushroom.growth-3 .mushroom-medium{display:none}.plant.mushroom.growth-3 .mushroom-large{display:block}.flower-plant{position:relative;width:32px;height:48px}.flower-plant .seed-dot{width:6px;height:4px;background:var(--plant-color, #8b7355);border-radius:50%;border:1px solid #5a4530;position:absolute;bottom:0;left:13px}.flower-stem{position:absolute;bottom:0;left:15px;width:3px;height:12px;background:#1a3d1a;border-radius:1px;box-shadow:0 0 0 1px #00000080}.plant.flower.growth-2 .flower-stem{height:18px}.plant.flower.growth-3 .flower-stem{height:26px}.plant.flower.growth-4 .flower-stem{height:34px}.plant.flower.growth-5 .flower-stem{height:40px}.flower-leaf{position:absolute;width:10px;height:6px;background:#2d5a2d;border-radius:50%;border:1px solid #1a3d1a;box-shadow:0 0 0 1px #00000080}.flower-leaf.leaf-1{bottom:10px;left:3px;transform:rotate(-35deg)}.flower-leaf.leaf-2{bottom:18px;left:19px;transform:rotate(35deg)}.flower-bud{position:absolute;top:6px;left:11px;width:10px;height:10px;background:var(--plant-color, #ff6b6b);border-radius:50%;border:1px solid rgba(0,0,0,.3)}.flower-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:24px}.flower-daisy .flower-head{width:20px;height:20px}.flower-daisy .petal{position:absolute;width:4px;height:8px;background:#fff;border-radius:50%;left:50%;top:50%;transform-origin:center bottom;border:1px solid #ddd}.flower-daisy .petal-1{transform:translate(-50%,-100%) rotate(0)}.flower-daisy .petal-2{transform:translate(-50%,-100%) rotate(45deg)}.flower-daisy .petal-3{transform:translate(-50%,-100%) rotate(90deg)}.flower-daisy .petal-4{transform:translate(-50%,-100%) rotate(135deg)}.flower-daisy .petal-5{transform:translate(-50%,-100%) rotate(180deg)}.flower-daisy .petal-6{transform:translate(-50%,-100%) rotate(225deg)}.flower-daisy .petal-7{transform:translate(-50%,-100%) rotate(270deg)}.flower-daisy .petal-8{transform:translate(-50%,-100%) rotate(315deg)}.flower-daisy .flower-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#ffeb3b;border-radius:50%;border:1px solid #fbc02d}.flower-orangedaisy .flower-head{width:20px;height:20px}.flower-orangedaisy .petal{position:absolute;width:4px;height:8px;background:#ff8c00;border-radius:50%;left:50%;top:50%;transform-origin:center bottom;border:1px solid #e67300}.flower-orangedaisy .petal-1{transform:translate(-50%,-100%) rotate(0)}.flower-orangedaisy .petal-2{transform:translate(-50%,-100%) rotate(45deg)}.flower-orangedaisy .petal-3{transform:translate(-50%,-100%) rotate(90deg)}.flower-orangedaisy .petal-4{transform:translate(-50%,-100%) rotate(135deg)}.flower-orangedaisy .petal-5{transform:translate(-50%,-100%) rotate(180deg)}.flower-orangedaisy .petal-6{transform:translate(-50%,-100%) rotate(225deg)}.flower-orangedaisy .petal-7{transform:translate(-50%,-100%) rotate(270deg)}.flower-orangedaisy .petal-8{transform:translate(-50%,-100%) rotate(315deg)}.flower-orangedaisy .flower-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#8b4513;border-radius:50%;border:1px solid #5d2e0c}.flower-sunflower .flower-head{width:28px;height:28px}.flower-sunflower .petal{position:absolute;width:5px;height:10px;background:#ffc107;border-radius:50%;left:50%;top:50%;transform-origin:center bottom;border:1px solid #ff9800}.flower-sunflower .petal-1{transform:translate(-50%,-100%) rotate(0)}.flower-sunflower .petal-2{transform:translate(-50%,-100%) rotate(30deg)}.flower-sunflower .petal-3{transform:translate(-50%,-100%) rotate(60deg)}.flower-sunflower .petal-4{transform:translate(-50%,-100%) rotate(90deg)}.flower-sunflower .petal-5{transform:translate(-50%,-100%) rotate(120deg)}.flower-sunflower .petal-6{transform:translate(-50%,-100%) rotate(150deg)}.flower-sunflower .petal-7{transform:translate(-50%,-100%) rotate(180deg)}.flower-sunflower .petal-8{transform:translate(-50%,-100%) rotate(210deg)}.flower-sunflower .petal-9{transform:translate(-50%,-100%) rotate(240deg)}.flower-sunflower .petal-10{transform:translate(-50%,-100%) rotate(270deg)}.flower-sunflower .petal-11{transform:translate(-50%,-100%) rotate(300deg)}.flower-sunflower .petal-12{transform:translate(-50%,-100%) rotate(330deg)}.flower-sunflower .flower-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#5d4037;border-radius:50%;border:1px solid #3e2723}.flower-rose .flower-head{width:18px;height:18px}.flower-rose .rose-bloom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#ff4d6d,#c9184a 60%,#a4133c);border-radius:50%;border:2px solid #800f2f;box-shadow:inset 0 0 4px #0000004d}.flower-rose .rose-bloom:before{content:"";position:absolute;top:3px;left:3px;width:4px;height:4px;background:#ff758f;border-radius:50%}.flower-whiterose .flower-head{width:18px;height:18px}.flower-whiterose .rose-bloom.white{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:radial-gradient(circle at 30% 30%,#fff,#f0f0f0 60%,#e0e0e0);border-radius:50%;border:2px solid #c0c0c0;box-shadow:inset 0 0 4px #0003}.flower-whiterose .rose-bloom.white:before{content:"";position:absolute;top:3px;left:3px;width:4px;height:4px;background:#fff;border-radius:50%}.plant.flower.growth-5 .flower-bud{display:none}.fern-plant{position:relative;width:100px;height:95px}.fern-seed{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:4px;background:var(--fern-color, #4a7c4e);border-radius:50%;border:1px solid rgba(0,0,0,.4)}.fern-fiddlehead{position:absolute;bottom:0;left:50%;transform:translate(-50%)}.fiddlehead-stem{width:3px;height:14px;background:#2a5a2e;border-radius:1px;box-shadow:0 0 0 1px #0006}.fiddlehead-curl{position:absolute;top:-6px;left:-2px;width:8px;height:8px;border:3px solid #3d6b3d;border-radius:50%;border-bottom-color:transparent;border-left-color:transparent;transform:rotate(-45deg)}.fern-svg{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:100px;height:95px;overflow:visible}.bush-plant{position:relative;width:36px;height:80px}.bush-seed{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:5px;background:#1d4d1d;border-radius:50%;border:1px solid rgba(0,0,0,.4)}.bush-svg{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:36px;height:80px;overflow:visible}.bush-plant.rounded{width:56px;height:60px}.bush-plant.rounded .bush-svg{width:56px;height:60px;bottom:-10px}.tree-plant{position:relative;width:320px;height:400px}.tree-seed{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:16px;height:12px;background:#5d4037;border-radius:50%;border:1px solid rgba(0,0,0,.4)}.tree-scale-wrapper{position:absolute;bottom:-10px;left:50%;transform-origin:bottom center}.tree-svg{display:block;overflow:visible;transform:scaleX(-1)}.tree-stage-1,.tree-stage-1 .tree-svg{width:60px;height:80px}.tree-stage-10,.tree-stage-10 .tree-svg{width:120px;height:165px}.tree-stage-20{width:320px;height:420px}.tree-stage-20 .tree-svg{width:320px;height:420px;position:relative;top:40px}.tree-stage-20.tree-maple{width:160px;height:200px}.tree-stage-20.tree-maple .tree-svg{width:160px;height:200px;top:10px}.tree-stage-20.tree-redwood{width:200px;height:560px}.tree-stage-20.tree-redwood .tree-svg{width:200px;height:560px;top:0}.plant-body{border-radius:50%;border:2px solid rgba(0,0,0,.5);box-shadow:inset 0 -2px 4px #0000004d,0 2px 4px #0000004d}.plant.fully-grown .plant-body{box-shadow:inset 0 -2px 4px #0000004d,0 2px 4px #0000004d,0 0 8px #64b46466}.plant{position:absolute;transform:translate(-50%,-100%);z-index:15}.minimap{position:fixed;bottom:20px;right:20px;width:150px;height:100px;background-color:#000000b3;border:2px solid rgba(255,255,255,.3);border-radius:4px;z-index:1001;overflow:hidden;cursor:pointer}.minimap-content{position:relative;width:100%;height:100%;background-color:#3d7a3d}.minimap-viewport{position:absolute;border:2px solid #fff;background-color:#ffffff1a;box-sizing:border-box}.minimap-hole{position:absolute;width:3px;height:3px;background-color:#2a1a0a;border-radius:50%;transform:translate(-50%,-50%)}.minimap-plant{position:absolute;width:3px;height:3px;border-radius:50%;transform:translate(-50%,-50%)}.minimap-player{position:absolute;width:4px;height:4px;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.5)}.minimap-me{background-color:#fc0;width:5px;height:5px;border:1px solid #000;z-index:1}.minimap-terrain{position:absolute;border-radius:3px}.minimap-quarry{left:25.5%;top:55%;width:9%;height:10%;background-color:#6b6b6b;border:1px solid #4a4a4a;border-radius:2px}.minimap-lake{left:60%;top:18%;width:20%;height:23%;background-color:#4a90b8;border:1px solid #1a4a6a;clip-path:polygon(18% 15%,35% 6%,60% 2%,68% 3%,72% 6%,66% 20%,72% 35%,74% 42%,72% 48%,50% 52%,48% 56%,50% 60%,80% 59%,98% 64%,99% 82%,94% 98%,72% 99%,48% 98%,3% 90%,0% 65%,3% 40%,12% 20%)}.cursor{position:absolute;pointer-events:none;transform:translate(-50%,-50%);z-index:9999}.other-cursor{transition:left .05s linear,top .05s linear}.cursor-dot{width:10px;height:10px;border-radius:50%;border:2px solid #000;box-shadow:0 0 0 1px #fff9,1px 1px 2px #0000004d}.cursor-label{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:10px;white-space:nowrap;border:1px solid rgba(255,255,255,.3)}.my-cursor .cursor-dot{background-color:#fc0;border-color:#c90}.other-cursor .cursor-dot{background-color:#ff6b6b}.on-cooldown .cursor-dot{background-color:#444!important;border-color:#333!important}.on-cooldown .cursor-label{background:#3c3c3ccc}.disabled .cursor-dot{background-color:#444!important;border-color:#333!important}.player-count{position:fixed;top:20px;left:20px;z-index:1001;display:flex;align-items:center;gap:12px}.player-number{font-family:Courier New,monospace;font-size:48px;font-weight:700;color:#fff;text-shadow:4px 4px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 4px 0 #000,0 -2px 0 #000,4px 0 0 #000,-2px 0 0 #000,0 0 8px rgba(255,200,100,.8),0 0 20px rgba(255,150,50,.5);letter-spacing:-2px;-webkit-text-stroke:2px #2a1a0a;paint-order:stroke fill}.connection-status{width:16px;height:16px;border-radius:50%;border:3px solid #000;box-shadow:0 0 0 2px #ffffff4d,inset 0 -4px 8px #0000004d,0 2px 4px #00000080}.connection-status.connected{background:radial-gradient(circle at 30% 30%,#90ff90,#0c0 60%,#090);box-shadow:0 0 0 2px #ffffff4d,inset 0 -4px 8px #0000004d,0 2px 4px #00000080,0 0 12px #0f09}.connection-status.disconnected{background:radial-gradient(circle at 30% 30%,#ffcc80,#ff9800 60%,#e65100);box-shadow:0 0 0 2px #ffffff4d,inset 0 -4px 8px #0000004d,0 2px 4px #00000080,0 0 12px #ff980099}.role-area{position:fixed;top:20px;right:20px;z-index:1001;display:flex;align-items:center;gap:12px}.settings-btn,.stats-btn,.change-role-btn{font-family:Courier New,monospace;font-size:28px;font-weight:700;color:gold;background:transparent;border:none;cursor:pointer;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 10px rgba(255,215,0,.5);transition:transform .1s}.settings-btn:hover,.stats-btn:hover,.change-role-btn:hover{transform:scale(1.1)}.settings-btn:active,.stats-btn:active,.change-role-btn:active{transform:scale(.95)}.user-role{font-family:Courier New,monospace;font-size:24px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:2px;padding:8px 16px;background:transparent;border:none;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 10px rgba(255,215,0,.5);cursor:pointer;transition:transform .1s}.user-role:hover{transform:scale(1.05)}.user-role:active{transform:scale(.98)}.role-picker-container{position:relative;padding-bottom:10px;margin-bottom:-10px}.role-dropdown{position:absolute;top:100%;right:0;background:#1e1e1ef2;border:2px solid #ffd700;border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:120px;box-shadow:0 4px 12px #00000080}.role-dropdown-item{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#fff;background:transparent;border:1px solid transparent;border-radius:4px;padding:8px 12px;cursor:pointer;text-align:left;transition:all .1s}.role-dropdown-item:hover{background:#ffd70033;border-color:gold}.role-dropdown-item.current{color:gold;background:#ffd7001a}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.popup{background-color:#1a1a2e;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border-radius:12px;padding:28px 32px;max-width:360px;text-align:center;font-family:Courier New,monospace;box-shadow:0 12px 40px #000c;cursor:default;position:relative}.popup-title{font-size:18px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;text-shadow:2px 2px 0 #000}.popup-game-description{color:#9ab;font-size:15px;line-height:1.5;margin-bottom:20px}.popup-role{background-color:#12121f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border-radius:8px;padding:16px 20px;margin-bottom:20px}.popup-role-name{display:block;font-size:28px;font-weight:700;color:gold;text-transform:uppercase;letter-spacing:3px;margin-bottom:8px;text-shadow:2px 2px 0 #000,0 0 12px rgba(255,215,0,.4)}.popup-role-description{color:#bcc;font-size:13px;line-height:1.5;margin:0}.popup-close{padding:12px 32px;font-size:14px;font-family:Courier New,monospace;font-weight:700;background-color:#3a8a3a;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border:none;border-radius:6px;color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #000;box-shadow:0 4px 12px #0006;transition:all .1s}.popup-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080;background-color:#4a9a4a}.popup-close:active{transform:translateY(1px);box-shadow:0 2px 8px #0006}.role-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.role-option{padding:14px 12px;font-size:13px;font-family:Courier New,monospace;font-weight:700;background-color:#12121f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border:none;border-radius:6px;color:#889;cursor:pointer;text-transform:uppercase;letter-spacing:1px;box-shadow:0 3px 8px #0000004d;transition:all .1s}.role-option:hover{background-color:#1f1f2f;color:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #0006}.role-option:active{transform:translateY(1px);box-shadow:0 2px 6px #0000004d}.role-option.current{background-color:#2a2510;color:gold;box-shadow:0 3px 8px #0000004d}.stats-content{background-color:#12121f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border-radius:8px;padding:16px 20px;margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.stat-row:last-child{border-bottom:none}.stat-label{color:#889;font-size:14px;text-transform:uppercase;letter-spacing:1px}.stat-value{color:gold;font-size:18px;font-weight:700;text-shadow:0 0 8px rgba(255,215,0,.4)}.settings-content{background-color:#12121f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 2px,transparent 2px,transparent 4px);border-radius:8px;padding:16px 20px;margin-bottom:20px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}.setting-section{padding:12px 0}.setting-label{color:#889;font-size:13px;text-transform:uppercase;letter-spacing:1px}.setting-value{color:#fff;font-size:15px;font-weight:700}.mode-value{color:#7af;text-transform:capitalize}.theme-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.theme-option{padding:8px 14px;font-size:12px;font-family:Courier New,monospace;font-weight:700;background-color:#0a0a15;border:2px solid #333;border-radius:4px;color:#889;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .1s}.theme-option:hover{background-color:#1a1a2a;border-color:#555;color:#fff}.theme-option.active{background-color:#1a3020;border-color:#4a8a4a;color:#7f7}.rock{position:absolute;border:3px solid;transform:translate(-50%,-50%);image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:inset 3px 3px #fff3,inset -3px -3px #00000040,3px 3px #0000004d}.rock-highlight{position:absolute;top:15%;left:15%;width:25%;height:15%;background:#ffffff40;border-radius:50%}.rock-chip{position:absolute;width:4px;height:4px;background:#0003;border-radius:50%}.rock.size-6 .rock-highlight,.rock.size-7 .rock-highlight,.rock.size-8 .rock-highlight,.rock.size-9 .rock-highlight,.rock.size-10 .rock-highlight{width:30%;height:18%}.rock.size-7 .rock-chip,.rock.size-8 .rock-chip,.rock.size-9 .rock-chip,.rock.size-10 .rock-chip{width:6px;height:6px}.rock.size-7,.rock.size-8,.rock.size-9,.rock.size-10{border-width:4px}.cooldown-timer{position:fixed;top:70px;right:20px;z-index:1000;display:flex;align-items:center;gap:10px;font-family:Courier New,monospace}.cooldown-label{color:#f44;font-size:14px;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 10px rgba(255,68,68,.8);animation:label-pulse .5s ease-in-out infinite}@keyframes label-pulse{0%,to{opacity:1}50%{opacity:.7}}.cooldown-bar-container{position:relative;width:120px;height:14px;border-radius:3px;overflow:hidden;border:3px solid #000;box-shadow:0 0 0 2px #ff64644d,0 2px 4px #00000080}.cooldown-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(90deg,#c22,#f33,#f55 30%,#f33,#f55 70%,#f33,#c22);background-size:24px 100%;animation:cooldown-drain linear forwards,bar-scroll .2s linear infinite;box-shadow:0 0 12px #ff3232cc,inset 0 2px 4px #ffffff4d}.cooldown-bar-glow{position:absolute;top:0;left:0;height:100%;width:100%;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,transparent 50%,rgba(0,0,0,.3) 100%);animation:cooldown-drain linear forwards;pointer-events:none}@keyframes cooldown-drain{0%{width:100%}to{width:0%}}@keyframes bar-scroll{0%{background-position:0 0}to{background-position:24px 0}}.joystick-container{position:fixed;bottom:30px;left:30px;z-index:1000;touch-action:none;user-select:none;-webkit-user-select:none}.joystick-base{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#0000004d;border:3px solid rgba(255,255,255,.3)}.joystick-knob{position:absolute;top:50%;left:50%;border-radius:50%;background:#fffc;border:3px solid rgba(0,0,0,.3);box-shadow:0 2px 8px #0000004d;transition:transform .05s ease-out}.joystick-knob.active{background:#fc0;border-color:#c90;transition:none}@media(hover:hover)and (pointer:fine){.joystick-container{display:none}}.viewport{width:100vw;height:100vh;position:relative;overflow:hidden;cursor:none}.viewport:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.03) 50%,transparent 50%);background-size:100% 2px;pointer-events:none;z-index:999}.garden{position:absolute;top:0;left:0;will-change:transform;image-rendering:pixelated;image-rendering:crisp-edges;background-size:8px 8px;box-sizing:border-box;transition:background-color 2s ease,background-image 2s ease}.garden.day{background-color:#4a8c4a;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#478747 4px,#478747 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,#478747 4px,#478747 8px),repeating-linear-gradient(0deg,#4d904d 0px,#4d904d 2px,transparent 2px,transparent 4px)}.garden.dawn{background-color:#5a8a5a;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#5a7a55 4px,#5a7a55 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,#5a7a55 4px,#5a7a55 8px),repeating-linear-gradient(0deg,#6a8a60 0px,#6a8a60 2px,transparent 2px,transparent 4px)}.garden.dusk{background-color:#4a6a4a;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#3d5a40 4px,#3d5a40 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,#3d5a40 4px,#3d5a40 8px),repeating-linear-gradient(0deg,#4a6a4d 0px,#4a6a4d 2px,transparent 2px,transparent 4px)}.garden.night{background-color:#1a3c2a;background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,#153525 4px,#153525 8px),repeating-linear-gradient(90deg,transparent,transparent 4px,#153525 4px,#153525 8px),repeating-linear-gradient(0deg,#1d402d 0px,#1d402d 2px,transparent 2px,transparent 4px)}.garden:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 20px 10px #5a4530}.hole{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:3px solid #1a0f05;box-shadow:inset 0 4px 8px #0009,inset 0 -2px 4px #5a453066,0 2px 4px #0000004d;z-index:10}.hole.depth-1{width:16px;height:16px;background:radial-gradient(ellipse at center,#4a3520,#5a4530 40%,#6a5540,#7a6550)}.hole.depth-2{width:28px;height:28px;background:radial-gradient(ellipse at center,#3d2a15,#4a3520 40%,#5a4530,#6a5540)}.hole.depth-3{width:32px;height:32px;background:radial-gradient(ellipse at center,#2a1a0a,#3d2a15 40%,#4a3520,#5a4530)}.hole.depth-4{width:36px;height:36px;background:radial-gradient(ellipse at center,#1a0f05,#2a1a0a 40%,#3d2a15,#4a3520)}.hole.depth-5{width:40px;height:40px;background:radial-gradient(ellipse at center,#0d0805,#1a0f05 40%,#2a1a0a,#3d2a15)}.hole.planted{border:none;box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #0003}.hole.planted.growth-0{background:radial-gradient(ellipse at center,#3d2a15,#4a3520 50%,#5a4530 80%,#6a5540)}.hole.planted.growth-1{background:radial-gradient(ellipse at center,#4a3520,#5a4530 50%,#6a5540 80%,#7a6550)}.hole.planted.growth-2{background:radial-gradient(ellipse at center,#5a4530,#6a5540 50%,#7a6550 80%,#8a7560)}.hole.planted.growth-3{background:radial-gradient(ellipse at center,#6a5540,#7a6550 50%,#8a7560 80%,#9a8570)}.hole.planted.growth-4{background:radial-gradient(ellipse at center,#7a6550,#8a7560 50%,#9a8570 80%,#aa9580)}.hole.planted.growth-5{background:radial-gradient(ellipse at center,#8a7560,#9a8570 50%,#aa9580 80%,#baa590)}.terrain{position:absolute;z-index:5;image-rendering:pixelated;image-rendering:crisp-edges}.lake-svg{left:2700px;top:550px;width:900px;height:700px}.admin-container{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);padding:40px;font-family:Courier New,monospace;color:#fff}.admin-login{max-width:400px;margin:100px auto;text-align:center}.admin-login h1{font-size:32px;color:gold;text-shadow:2px 2px 0 #000,0 0 20px rgba(255,215,0,.5);margin-bottom:30px}.admin-login form{display:flex;flex-direction:column;gap:16px}.admin-login input{padding:16px;font-size:18px;font-family:Courier New,monospace;background:#00000080;border:3px solid #444;border-radius:8px;color:#fff;text-align:center}.admin-login input:focus{outline:none;border-color:gold;box-shadow:0 0 20px #ffd7004d}.admin-login button,.logout-btn{padding:16px 32px;font-size:18px;font-family:Courier New,monospace;font-weight:700;background:linear-gradient(180deg,#4a9c4a,#2d7a2d);border:3px solid #1a5a1a;border-radius:8px;color:#fff;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 #000;box-shadow:0 4px #1a4a1a,0 6px 10px #0000004d;transition:all .1s}.admin-login button:hover,.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px #1a4a1a,0 8px 15px #0000004d}.admin-login button:active,.logout-btn:active{transform:translateY(2px);box-shadow:0 2px #1a4a1a,0 3px 5px #0000004d}.error{color:#ff6b6b;margin-top:16px;text-shadow:0 0 10px rgba(255,100,100,.5)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;max-width:1200px;margin-left:auto;margin-right:auto}.admin-header h1{font-size:48px;color:gold;text-shadow:3px 3px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,0 0 30px rgba(255,215,0,.5);margin:0}.logout-btn{padding:12px 24px;font-size:14px;background:linear-gradient(180deg,#9c4a4a,#7a2d2d);border-color:#5a1a1a;box-shadow:0 4px #4a1a1a,0 6px 10px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:1200px;margin:0 auto 40px}.stat-card{background:linear-gradient(180deg,#0009,#141428cc);border:3px solid #444;border-radius:12px;padding:24px;text-align:center;box-shadow:0 4px 20px #0000004d}.stat-card.online{border-color:#4a9c4a;box-shadow:0 4px 20px #0000004d,0 0 30px #4a9c4a33}.stat-number{font-size:64px;font-weight:700;color:#fff;text-shadow:3px 3px 0 #000,0 0 20px rgba(255,255,255,.3)}.stat-card.online .stat-number{color:#90ff90;text-shadow:3px 3px 0 #000,0 0 20px rgba(144,255,144,.5)}.stat-label{font-size:14px;color:#888;text-transform:uppercase;letter-spacing:2px;margin-top:8px}.roles-section,.users-section{max-width:1200px;margin:0 auto 40px}.roles-section h2,.users-section h2{font-size:24px;color:gold;text-shadow:2px 2px 0 #000;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.edit-btn,.save-btn,.cancel-btn{padding:8px 16px;font-size:12px;font-family:Courier New,monospace;font-weight:700;border-radius:6px;cursor:pointer;text-transform:uppercase;text-shadow:1px 1px 0 #000;transition:all .1s}.edit-btn{background:linear-gradient(180deg,#5a7abf,#3d5a9c);border:2px solid #2a3a6c;color:#fff;box-shadow:0 3px #2a3a6c}.save-btn{background:linear-gradient(180deg,#4a9c4a,#2d7a2d);border:2px solid #1a5a1a;color:#fff;box-shadow:0 3px #1a4a1a}.cancel-btn{background:linear-gradient(180deg,#666,#444);border:2px solid #333;color:#fff;box-shadow:0 3px #222}.edit-btn:hover,.save-btn:hover,.cancel-btn:hover{transform:translateY(-1px)}.edit-btn:active,.save-btn:active,.cancel-btn:active{transform:translateY(2px);box-shadow:none}.roles-editor{background:#0006;border:2px solid #444;border-radius:8px;padding:16px}.roles-editor textarea{width:100%;background:#00000080;border:2px solid #333;border-radius:6px;color:#fff;font-family:Courier New,monospace;font-size:16px;padding:12px;resize:vertical;min-height:200px}.roles-editor textarea:focus{outline:none;border-color:gold}.editor-buttons{display:flex;gap:12px;margin-top:16px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.role-card{display:flex;justify-content:space-between;align-items:center;background:#0006;border:2px solid #333;border-radius:8px;padding:12px 16px}.role-name{color:#ccc}.role-count{font-size:24px;font-weight:700;color:gold;text-shadow:1px 1px 0 #000}.users-table{background:#0006;border:2px solid #333;border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 20px;background:#00000080;border-bottom:2px solid #333;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#888}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid #222;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff0d}.user-name{display:flex;align-items:center;gap:10px}.color-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(0,0,0,.5)}.status{font-size:12px;text-transform:uppercase;font-weight:700}.status.online{color:#90ff90;text-shadow:0 0 10px rgba(144,255,144,.5)}.status.offline{color:#666}