@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:"Press Start 2P",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{width:100%;min-width:320px;min-height:100vh;margin:0;display:flex;overflow-x:hidden}.auth-container{background:linear-gradient(#87ceeb 0%,#98fb98 50%,#228b22 100%);justify-content:center;align-items:center;width:100%;height:100vh;padding:20px;display:flex}.auth-card{text-align:center;background:linear-gradient(#fff9c4,#ffeb3b);border:4px solid #333;border-radius:30px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000004d}.auth-header{margin-bottom:30px}.auth-emoji{margin-bottom:15px;font-size:64px;animation:2s ease-in-out infinite bounce;display:block}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-header h1{color:#333;margin:0 0 10px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:28px}.auth-header p{color:#666;margin:0;font-size:14px}.auth-btn{cursor:pointer;color:#fff;background:linear-gradient(#81c784,#4caf50);border:3px solid #333;border-radius:20px;width:100%;margin-bottom:20px;padding:20px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #0003}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.auth-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px #0003}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{color:#666;margin:0;font-size:12px;line-height:1.5}.auth-form{flex-direction:column;gap:15px;margin-top:20px;display:flex}.auth-input{color:#000;text-align:center;background:#fff;border:3px solid #333;border-radius:15px;width:100%;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:14px}.auth-input::placeholder{color:#999}@media (width<=480px){.auth-card{padding:30px 20px}.auth-emoji{font-size:48px}.auth-header h1{font-size:20px}.auth-header p{font-size:12px}.auth-btn{padding:15px;font-size:14px}.auth-footer{font-size:10px}}.character{z-index:10;flex-direction:column;align-items:center;transition:left .3s,top .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.character:after{content:"";filter:blur(5px);z-index:-1;background:#0000004d;border-radius:50%;width:40px;height:10px;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.character-emoji{filter:drop-shadow(0 8px 12px #00000080);font-size:48px;animation:2s ease-in-out infinite bounce}.character-image{object-fit:contain;filter:drop-shadow(0 8px 12px #00000080);width:80px;height:80px;animation:2s ease-in-out infinite bounce}.character-image-girl{width:69px;height:69px}.character-accessory{filter:drop-shadow(0 2px 4px #0000004d);z-index:2;font-size:25px;animation:2s ease-in-out .5s infinite bounce;position:absolute;top:-14px;left:23%;transform:translate(0%)}@media (width<=500px){.character-accessory{font-size:26px;top:-18px;left:13%}}.chat-bubble{z-index:4;background:#fff;border:3px solid #333;border-radius:20px;min-width:80px;max-width:200px;padding:12px 16px;animation:.3s fadeIn;position:absolute;bottom:70px;box-shadow:0 4px 12px #0003}.chat-bubble-tail{border-top:12px solid #fff;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.chat-bubble:after{content:"";border-top:14px solid #333;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.chat-message{color:#333;word-wrap:break-word;text-align:center;font-size:14px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.name-tag{color:#fff;white-space:nowrap;border:2px solid #333;border-radius:10px;padding:4px 8px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;font-weight:700;position:absolute;top:-30px}.name-tag.local{background:#4caf50}.name-tag.remote{background:#8b4513}.character.local .character-emoji{filter:drop-shadow(0 0 10px #4caf5080)}.character.remote .character-emoji{filter:drop-shadow(0 0 10px #2196f380)}@media (width<=480px){.character-emoji{font-size:36px}.chat-bubble{max-width:150px;padding:10px 12px;bottom:50px}.chat-message{font-size:12px}}.garden-world{background:#000;width:100%;height:100vh;position:relative;overflow:hidden}.world-container{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;z-index:1;width:100%;height:100%;position:relative}.garden-background{width:100%;height:100%;position:absolute;top:0;left:0}.garden-background:before{content:"";opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.garden-background[data-pattern=meadow]:before{background-image:radial-gradient(circle at 20% 30%,#32cd32 2px,#0000 2px),radial-gradient(circle at 80% 20%,#228b22 3px,#0000 3px),radial-gradient(circle at 40% 70%,#32cd32 2px,#0000 2px),radial-gradient(circle at 60% 80%,#228b22 2px,#0000 2px);background-size:100px 100px}.garden-background[data-pattern=beach]:before{background-image:radial-gradient(circle at 30% 60%,#f4a460 4px,#0000 4px),radial-gradient(circle at 70% 70%,#deb887 3px,#0000 3px),radial-gradient(circle at 50% 80%,#f4a460 2px,#0000 2px);background-size:80px 80px}.garden-background[data-pattern=forest]:before,.garden-background[data-pattern=sunset]:before{display:none!important}.garden-background[data-pattern=night]:before{background-image:radial-gradient(circle at 20% 20%,#fff 1px,#0000 1px),radial-gradient(circle at 80% 30%,#fff 1.5px,#0000 1.5px),radial-gradient(circle at 40% 60%,#fff 1px,#0000 1px),radial-gradient(circle at 70% 80%,#fff 1.5px,#0000 1.5px);background-size:150px 150px}.garden-background[data-pattern=snow]:before{background-image:radial-gradient(circle at 10% 20%,#fff 2px,#0000 2px),radial-gradient(circle at 90% 30%,#fff 1.5px,#0000 1.5px),radial-gradient(circle at 30% 60%,#fff 2px,#0000 2px),radial-gradient(circle at 70% 70%,#fff 1.5px,#0000 1.5px),radial-gradient(circle at 50% 85%,#fff 2px,#0000 2px);background-size:100px 100px}.garden-background[data-pattern=desert]:before{background-image:radial-gradient(circle at 25% 65%,#8b4513 3px,#0000 3px),radial-gradient(circle at 75% 75%,sienna 2px,#0000 2px),radial-gradient(circle at 50% 85%,#8b4513 2px,#0000 2px);background-size:70px 70px}.grass-pattern{background:radial-gradient(circle at 20% 30%,#228b224d 0%,#0000 50%),radial-gradient(circle at 80% 70%,#228b224d 0%,#0000 50%),radial-gradient(circle,#32cd3233 0%,#0000 70%);width:100%;height:100%}.decorations{width:100%;height:100%;position:absolute}.decoration{filter:drop-shadow(0 4px 8px #0003);font-size:40px;animation:3s ease-in-out infinite sway;position:absolute}.flower1{animation-delay:0s;top:15%;left:10%}.flower2{animation-delay:.5s;top:25%;right:15%}.flower3{animation-delay:1s;bottom:30%;left:20%}.tree1{font-size:60px;animation-delay:1.5s;top:10%;right:25%}.tree2{font-size:50px;animation-delay:2s;bottom:15%;right:10%}.bush1{font-size:35px;animation-delay:.3s;bottom:20%;left:10%}.bush2{font-size:30px;animation-delay:.8s;top:40%;left:5%}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.room-modal{z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.room-modal-content{text-align:center;background:linear-gradient(#fff9c4,#ffeb3b);border:4px solid #333;border-radius:25px;width:100%;max-width:400px;padding:40px;box-shadow:0 8px 32px #0000004d}.room-modal-content h2{color:#333;margin-bottom:15px;font-size:24px}.room-modal-content p{color:#666;margin-bottom:25px;font-size:14px}.room-btn{cursor:pointer;color:#fff;background:linear-gradient(#81c784,#4caf50);border:3px solid #333;border-radius:15px;width:100%;margin-bottom:15px;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.room-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.room-btn:disabled{opacity:.5;cursor:not-allowed}.room-divider{color:#333;margin:15px 0;font-size:18px;font-weight:700}.room-input{color:#000;background:#fff;border:3px solid #333;border-radius:15px;width:100%;margin-bottom:15px;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px}.room-input::placeholder{color:#999}.controls{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;left:20px}.locations{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.location-btn.active{color:#fff;background:#4caf50;border-color:#2e7d32}.control-btn{cursor:pointer;background:#fff;border:3px solid #333;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;transition:all .2s;display:flex;box-shadow:0 4px 12px #0000004d}.control-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0006}.control-btn:active{transform:scale(.95)}.room-info{color:#333;z-index:200;background:#ffffffe6;border:2px solid #333;border-radius:15px;align-items:center;gap:10px;padding:10px 15px;font-size:12px;font-weight:700;display:flex;position:fixed;top:5px;left:20px;box-shadow:0 4px 12px #0003}.change-room-btn{cursor:pointer;z-index:300;background:#ffffffe6;border:2px solid #333;border-radius:10px;padding:8px 12px;font-size:18px;transition:transform .1s;position:fixed;top:5px;right:20px;box-shadow:0 4px 12px #0003}.change-room-btn:hover{transform:scale(1.1)}.change-room-btn:active{transform:scale(.95)}.change-name-btn{cursor:pointer;z-index:300;background:#ffffffe6;border:2px solid #333;border-radius:10px;padding:8px 12px;font-size:18px;transition:transform .1s;position:fixed;top:5px;right:70px;box-shadow:0 4px 12px #0003}.change-name-btn:hover{transform:scale(1.1)}.change-name-btn:active{transform:scale(.95)}@media (width<=500px){.change-name-btn{padding:6px 10px;font-size:14px;right:55px}.change-room-btn{padding:6px 10px;font-size:14px;right:5px}}.name-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.name-modal-content{text-align:center;background:#fff;border:3px solid #333;border-radius:20px;min-width:300px;padding:20px;box-shadow:0 4px 12px #0003}.name-modal-content h2{color:#333;margin-top:0;margin-bottom:15px;font-family:"Press Start 2P",system-ui,sans-serif}.name-input{color:#000;background:#fff;border:2px solid #333;border-radius:10px;width:100%;margin-bottom:15px;padding:10px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px}.name-modal-buttons{justify-content:center;gap:10px;display:flex}.name-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #333;border-radius:10px;padding:10px 20px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px;transition:transform .1s}.name-btn.cancel:hover{background:#f0f0f0}.name-btn.confirm{color:#fff;background:#4caf50;border-color:#4caf50}.name-btn.confirm:hover{background:#45a049}.name-btn:hover{transform:scale(1.05)}.name-btn:active{transform:scale(.95)}.chat-panel{z-index:100;box-sizing:border-box;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:200px;padding:6px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.chat-panel-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:4px;display:flex}.chat-panel-header h3{color:#333;margin:0;font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px}.chat-panel-body{z-index:100;box-sizing:border-box;gap:4px;width:calc(100% - 40px);max-width:200px;display:flex;position:fixed;bottom:100px;left:47%;transform:translate(-50%)}.chat-input{color:#000;background:#fff;border:2px solid #333;border-radius:15px;flex:1;padding:4px 8px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:8px}.chat-input::placeholder{color:#999}.send-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(#4fc3f7,#2196f3);border:2px solid #333;border-radius:15px;justify-content:center;align-items:center;padding:8px 12px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:16px;font-weight:700;display:flex}.emoji-picker{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;max-height:350px;padding:15px;position:fixed;bottom:100px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.emoji-picker-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.emoji-picker-header h3{color:#333;margin:0;font-family:"Press Start 2P",system-ui,sans-serif;font-size:12px}.emoji-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.emoji-picker::-webkit-scrollbar{width:8px}.emoji-picker::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.emoji-picker::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.emoji-picker::-webkit-scrollbar-thumb:hover{background:#555}.emoji-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:10px;padding:10px;font-size:32px;transition:all .2s}.emoji-option:hover{border-color:#333;transform:scale(1.2)}.garden-flower{cursor:pointer;z-index:5;flex-direction:column;align-items:center;min-width:40px;min-height:40px;transition:transform .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.garden-flower:hover{transform:translate(-50%,-50%)scale(1.1)}.garden-flower.watering{animation:.5s ease-in-out water-bounce}@keyframes water-bounce{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.3)}}.flower-emoji{filter:drop-shadow(0 2px 4px #0000004d);font-size:40px;line-height:1;animation:3s ease-in-out infinite sway}.flower-water-bar{background:#ffffff80;border:2px solid #333;border-radius:3px;width:40px;height:6px;margin-top:4px;overflow:hidden}.flower-water-fill{background:linear-gradient(90deg,#4fc3f7,#2196f3);height:100%;transition:width .3s}.flower-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.flower-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.flower-menu-header h3{color:#333;margin:0;font-size:12px}.close-btn{color:#fff;cursor:pointer;background:#f44336;border:2px solid #333;border-radius:50%;width:25px;height:25px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:14px}.flower-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.flower-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:10px;flex-direction:column;align-items:center;padding:10px;transition:all .2s;display:flex}.flower-option:hover{background:#f0f0f0;border-color:#333;transform:scale(1.05)}.flower-option-emoji{margin-bottom:5px;font-size:28px}.flower-option-name{color:#333;text-align:center;font-size:9px}.background-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:320px;padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.background-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.background-menu-header h3{color:#333;margin:0;font-size:12px}.background-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.background-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:10px;flex-direction:column;align-items:center;padding:10px;transition:all .2s;display:flex}.background-option:hover{background:#f0f0f0;border-color:#333;transform:scale(1.05)}.background-option.active{background:#e8f5e9;border-color:#4caf50}.background-preview{border:2px solid #333;border-radius:8px;width:100%;height:50px;margin-bottom:8px}.background-name{color:#333;text-align:center;font-size:9px}.accessory-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;max-height:350px;padding:20px;position:fixed;bottom:100px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.accessory-menu::-webkit-scrollbar{width:8px}.accessory-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.accessory-menu::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.accessory-menu::-webkit-scrollbar-thumb:hover{background:#555}.accessory-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.accessory-menu-header h3{color:#333;margin:0;font-size:12px}.accessory-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.accessory-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:10px;flex-direction:column;align-items:center;padding:10px;transition:all .2s;display:flex}.accessory-option:hover{background:#f0f0f0;border-color:#333;transform:scale(1.05)}.accessory-option.active{background:#e8f5e9;border-color:#4caf50}.accessory-option-emoji{margin-bottom:5px;font-size:28px}.accessory-option-name{color:#333;text-align:center;font-size:9px}.clear-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;padding:15px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.clear-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.clear-menu-header h3{color:#333;margin:0;font-family:"Press Start 2P",system-ui,sans-serif;font-size:12px}.clear-options{flex-direction:column;gap:10px;display:flex}.clear-option{cursor:pointer;background:#fff;border:2px solid #333;border-radius:10px;align-items:center;gap:10px;padding:12px;font-family:"Press Start 2P",system-ui,sans-serif;transition:all .2s;display:flex}.clear-option:hover{background:#f5f5f5;transform:scale(1.02)}.clear-option-emoji{font-size:24px}.clear-option-name{color:#333;font-size:10px}.draw-btn.active{color:#fff;background:#ff5722;border-color:#e64a19}.clear-btn.active{color:#fff;background:#9c27b0;border-color:#7b1fa2}.flower-action-menu{z-index:1000;background:#fff;border:3px solid #333;border-radius:15px;width:auto;max-width:100px;height:120px;padding:2px;position:absolute;box-shadow:0 8px 32px #0000004d}.flower-action-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:2px;display:flex}.flower-action-menu-header h3{color:#333;margin:0;font-family:"Press Start 2P",system-ui,sans-serif;font-size:6px}.flower-action-options{flex-direction:row;gap:2px;display:flex}.flower-action-option{cursor:pointer;background:#fff;border:2px solid #333;border-radius:10px;flex-direction:column;align-items:center;gap:1px;min-width:40px;padding:2px;font-family:"Press Start 2P",system-ui,sans-serif;transition:all .2s;display:flex}.flower-action-option:hover{background:#f5f5f5;transform:scale(1.05)}.flower-action-option.pressed{background:#e0e0e0;transition:transform .1s;transform:scale(.95)}.flower-action-option-emoji{font-size:12px}.flower-action-option-name{color:#333;font-size:4px}@media (width<=480px){.flower-action-menu{max-width:280px;padding:12px;bottom:120px}.flower-action-menu-header h3{font-size:10px}.flower-action-option{padding:10px}.flower-action-option-emoji{font-size:20px}.flower-action-option-name{font-size:9px}.decoration{font-size:30px}.tree1{font-size:45px}.tree2{font-size:40px}.room-modal-content{padding:25px}.room-modal-content h2{font-size:18px}.room-modal-content p{font-size:12px}.room-info{padding:8px 12px;font-size:10px;top:10px;left:10px}.control-btn{width:50px;height:50px;font-size:20px}.chat-panel{width:95%}.emoji-picker{grid-template-columns:repeat(3,1fr);padding:10px}.emoji-option{padding:8px;font-size:28px}}.character-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.character-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.character-menu-header h3{color:#333;margin:0;font-size:12px}.character-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.character-option{cursor:pointer;color:#333;background:#fff;border:2px solid #333;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;transition:all .2s;display:flex}.character-option:hover{background:#f0f0f0;transform:scale(1.05)}.character-option:active{transform:scale(.95)}.character-preview{object-fit:contain;width:60px;height:60px}.main-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.main-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.main-menu-header h3{color:#333;margin:0;font-size:12px}.main-menu-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.main-menu-option{cursor:pointer;color:#333;background:#fff;border:2px solid #333;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;transition:all .2s;display:flex}.main-menu-option:hover{background:#f0f0f0;transform:scale(1.05)}.main-menu-option:active{transform:scale(.95)}.build-menu{z-index:100;background:#fff;border:3px solid #333;border-radius:20px;width:calc(100% - 40px);max-width:300px;padding:20px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.build-menu-header{border-bottom:2px solid #333;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.build-menu-header h3{color:#333;margin:0;font-size:12px}.build-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.build-option{cursor:pointer;color:#333;background:#fff;border:2px solid #333;border-radius:15px;flex-direction:column;align-items:center;gap:8px;padding:15px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;transition:all .2s;display:flex}.build-option:hover{background:#f0f0f0;transform:scale(1.05)}.build-option:active{transform:scale(.95)}.build-preview{object-fit:contain;width:60px;height:60px}.garden-structure{pointer-events:auto;z-index:10;cursor:pointer;position:absolute;transform:translate(-50%,-50%)}.structure-image{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:120px;height:120px;image-rendering:smooth;image-rendering:-webkit-optimize-contrast;image-rendering:high-quality}.flower-action-btn{cursor:pointer;color:#333;background:#fff;border:2px solid #333;border-radius:10px;padding:10px 20px;font-family:"Press Start 2P",system-ui,sans-serif;font-size:10px;transition:all .2s;box-shadow:0 4px 12px #0003}.flower-action-btn:hover{background:#f0f0f0;transform:scale(1.05)}.flower-action-btn:active{transform:scale(.95)}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#282c34;width:100%;margin:0;padding:0;font-family:"Press Start 2P",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden}#root{text-align:center;flex-direction:column;align-items:center;width:100%;height:100%;min-height:100vh;margin:0;padding:0;display:flex;overflow-x:hidden}.loading-screen{background:linear-gradient(#87ceeb 0%,#98fb98 50%,#228b22 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#4caf50;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen p{color:#2e7d32;font-size:16px;font-weight:700}