*{margin:0;padding:0;box-sizing:border-box}:root{--morning-bg:linear-gradient(135deg,#ffe4b5,#ffdab9 30%,#87ceeb);--day-bg:linear-gradient(135deg,#87ceeb,#98d8e8 50%,#b0e0e6);--sunset-bg:linear-gradient(135deg,#ff6b35,#ff8c42 30%,gold 60%,#ff4500);--night-bg:linear-gradient(135deg,#0f2027,#203a43 50%,#2c5364);--transition-speed:2s}@keyframes pulse{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.1)}}@keyframes seedIconPulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(1.2)}}.container{min-height:100vh;width:100vw;position:relative;overflow:hidden;transition:background var(--transition-speed) ease-in-out;will-change:background}.container.morning{background:var(--morning-bg)}.container.day{background:var(--day-bg)}.container.sunset{background:var(--sunset-bg)}.container.night{background:var(--night-bg)}.map-viewport{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1;background:#1a202c}.map-transform-layer{position:absolute;top:0;left:0;will-change:transform;transform-origin:0 0}.isometric-map{position:absolute;background-color:#1a202c;background-image:url(/isometric-map.webp);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;opacity:1}.time-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;transition:opacity 2s ease-in-out,background 2s ease-in-out}.time-overlay.morning{background:linear-gradient(180deg,rgba(255,200,150,.2),rgba(255,180,120,.15))}.time-overlay.day{background:transparent}.time-overlay.sunset{background:linear-gradient(180deg,rgba(180,100,60,.4),rgba(200,120,70,.35) 50%,rgba(160,90,50,.45))}.time-overlay.night{background:linear-gradient(180deg,rgba(10,15,40,.75),rgba(15,20,50,.7) 50%,rgba(12,18,45,.75))}.objects-viewport{z-index:2}.campfire-base-viewport,.objects-viewport{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.campfire-base-viewport{z-index:1}.campfire-viewport{z-index:4}.campfire-viewport,.light-viewport{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.light-viewport{z-index:5}.fireflies-viewport{z-index:6}.fireflies-viewport,.npc-indicators-viewport{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden;pointer-events:none}.npc-indicators-viewport{z-index:4}.objects-transform-layer{position:absolute;top:0;left:0;will-change:transform;transform-origin:0 0;pointer-events:none}.campfire-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;overflow:visible}.campfire-container.hovered .campfire{filter:drop-shadow(0 0 4px #FFD700) drop-shadow(0 0 8px #FFD700) drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.4))!important;transition:filter .2s ease,transform .2s ease}.campfire{background-repeat:no-repeat;background-position:bottom;background-size:contain;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;position:relative;transition:filter .3s ease}.campfire.lit{filter:brightness(1.1) drop-shadow(0 0 20px rgba(255,107,53,.6));animation:campfirePulse 2s ease-in-out infinite}@keyframes campfirePulse{0%,to{transform:scale(1);filter:brightness(1.1) drop-shadow(0 0 20px rgba(255,107,53,.6))}50%{transform:scale(1.02);filter:brightness(1.2) drop-shadow(0 0 25px rgba(255,107,53,.8))}}.campfire.extinguished{filter:brightness(.85) saturate(.8);opacity:1}.fire-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.6) 0,rgba(255,140,66,.3) 40%,transparent 70%);z-index:3;animation:glow 2s ease-in-out infinite;pointer-events:none}@keyframes glow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}25%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.1);opacity:1}75%{transform:translate(-50%,-50%) scale(1.05);opacity:.9}}.lamp-container{position:relative}.lamp-container,.lamp-image{transition:filter .2s ease,transform .2s ease}.lamp-image{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.lamp-container.hovered .lamp-image{filter:drop-shadow(0 0 4px #FFD700) drop-shadow(0 0 8px #FFD700) drop-shadow(0 0 12px rgba(255,215,0,.8)) drop-shadow(0 4px 8px rgba(0,0,0,.4))}.lamp-glow{animation:lampFlicker 3s ease-in-out infinite}@keyframes lampFlicker{0%,to{opacity:.9;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}25%{opacity:.95;transform:translate(-50%,-50%) scale(1.02)}75%{opacity:.97;transform:translate(-50%,-50%) scale(1.03)}}.game-object{position:absolute;pointer-events:auto}.game-object,.game-object-image{transition:filter .2s ease,transform .2s ease}.game-object-image{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.mine-container.hovered .game-object-image{filter:drop-shadow(0 0 12px rgba(255,215,0,.9)) brightness(1.15)}@keyframes mine-glow{0%,to{filter:drop-shadow(0 0 6px rgba(255,215,0,.45))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.95))}}.campfire-container.hovered,.campfire-container.hovered .campfire,.campfire-container.hovered .campfire-image,.game-object.hovered,.game-object.hovered .game-object-image{filter:drop-shadow(0 0 4px #FFD700)!important}.trolley-container{filter:drop-shadow(0 0 10px rgba(255,215,0,.7))}@keyframes wild-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(255,215,0,.9))}50%{filter:drop-shadow(0 0 14px rgba(255,215,0,1))}}.wild-plant-pulse{animation:wild-pulse 1.6s ease-in-out infinite}.decor-lantern-glow{border-radius:50%;background:radial-gradient(circle,rgba(255,200,110,.55) 0,rgba(255,170,70,.28) 45%,transparent 70%);animation:lanternFlicker 2.6s ease-in-out infinite;pointer-events:none}@keyframes lanternFlicker{0%,to{opacity:.85}25%{opacity:.95}50%{opacity:1}75%{opacity:.9}}.game-object .click-zone{cursor:default}.game-object.hovered .click-zone{cursor:pointer}.ui-panels{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.ui-panels>*{pointer-events:auto}.time-indicator{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);padding:15px 20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.4);min-width:200px;border:1px solid hsla(0,0%,100%,.1);z-index:1000}.time-label{font-size:18px;font-weight:700;margin-bottom:8px;color:#e2e8f0}.time-progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;margin-bottom:8px}.time-progress-fill{height:100%;background:linear-gradient(90deg,gold,#ff8c42,#ff4500,#4169e1);transition:width .1s linear;border-radius:4px}.time-duration{font-size:11px;color:#a0aec0;margin-bottom:4px}.camera-info{font-size:12px;color:#a0aec0;font-weight:500;text-align:right;margin-bottom:10px}.time-control-btn{width:100%;padding:10px 18px;font-size:13px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#8247e5,#5c2db8)}.time-control-btn:hover{background:linear-gradient(135deg,#9559f0,#6d3ec9);transform:translateY(-2px);box-shadow:0 4px 12px rgba(130,71,229,.4)}.controls{display:none!important}.zoom-indicator{position:fixed;top:200px;right:20px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);padding:12px 16px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.4);min-width:160px;border:1px solid hsla(0,0%,100%,.1);z-index:1000}.zoom-label{font-size:14px;font-weight:700;margin-bottom:6px;color:#a0aec0}.zoom-status{font-size:13px;color:#e2e8f0;font-weight:600}.coords-indicator{position:fixed;top:290px;right:20px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);padding:12px 16px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.4);min-width:160px;border:1px solid hsla(0,0%,100%,.1);z-index:1000}.coords-label{font-size:13px;font-weight:700;margin-bottom:6px;color:#a0aec0}.coords-value{font-size:12px;color:#e2e8f0;font-weight:500;font-family:Courier New,monospace;line-height:1.4}.coords-hint{color:#718096;font-style:italic;font-size:12px}.player-panel{top:16px;left:16px;min-width:220px;padding:12px;flex-direction:column;gap:10px;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.1)}.action-buttons,.player-panel{position:fixed;display:flex;z-index:1000}.action-buttons{bottom:20px;right:20px;flex-direction:row-reverse;gap:12px;align-items:flex-end}.action-btn{width:56px;height:56px;border-radius:50%;border:2px solid rgba(255,215,0,.5);background:rgba(0,0,0,.75);backdrop-filter:blur(8px);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.4)}.action-btn:hover{transform:scale(1.1);border-color:gold;box-shadow:0 4px 16px rgba(255,215,0,.4)}.chat-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.inventory-btn{background:linear-gradient(135deg,#10b981,#059669)}.settings-btn{background:linear-gradient(135deg,#6b7280,#4b5563)}.chat-window{position:fixed;bottom:90px;right:20px;width:320px;height:400px;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;flex-direction:column;z-index:1001;overflow:hidden}.chat-tabs{display:flex;border-bottom:1px solid hsla(0,0%,100%,.1);background:rgba(0,0,0,.5);flex-shrink:0}.chat-tab{flex:1;padding:10px;background:transparent;border:none;color:#a0aec0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.chat-tab.active{color:gold;background:rgba(255,215,0,.1);border-bottom:2px solid gold}.chat-close{width:36px;background:transparent;border:none;color:#a0aec0;font-size:20px;cursor:pointer;transition:color .2s}.chat-close:hover{color:#ef4444}.chat-content{flex:1;overflow-y:auto;padding:12px;min-height:0}.system-messages{display:flex;flex-direction:column;gap:4px}.system-msg{display:flex;align-items:center;gap:8px;padding:4px 8px;background:hsla(0,0%,100%,.05);border-radius:8px;border-left:3px solid gold}.msg-icon{font-size:14px;flex-shrink:0}.msg-text{flex:1;color:#e2e8f0;font-size:13px;line-height:1.2}.msg-time{color:#718096;font-size:11px;flex-shrink:0}.chat-empty{color:#718096;text-align:center;padding:20px;font-size:13px;font-style:italic}.chat-input-area{display:flex;gap:8px;padding:10px;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.chat-input{flex:1;padding:8px 12px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.1);color:#fff;font-size:13px;outline:none}.chat-input:focus{border-color:gold}.chat-send-btn{width:36px;border-radius:8px;border:none;background:gold;color:#000;font-size:16px;cursor:pointer;font-weight:700}.inventory-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.inventory-modal{width:720px;max-width:95vw;max-height:85vh;flex-direction:column;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:slideUp .3s ease-out}.inventory-header,.inventory-modal{display:flex;background:linear-gradient(135deg,#2d3748,#1a202c)}.inventory-header{position:relative;padding:16px 20px;align-items:center;justify-content:space-between;min-height:60px;border-bottom:2px solid #4a5568}.inventory-title{font-size:20px;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0}.inventory-flt{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.5);padding:6px 14px;border-radius:20px;border:1px solid rgba(255,215,0,.3)}.flt-icon{font-size:18px}.flt-label{color:gold;font-weight:700;font-size:13px}.flt-value{color:#fff;font-weight:700;font-size:15px}.inventory-close{width:36px;height:36px;border-radius:50%;border:2px solid hsla(0,0%,100%,.2);background:rgba(0,0,0,.5);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.inventory-close:hover{background:#ef4444;border-color:hsla(0,0%,100%,.4);transform:rotate(90deg)}.inventory-body{flex:1;background:linear-gradient(180deg,#1a202c,#2d3748);padding:16px;overflow-y:auto;min-height:300px}.inventory-tabs{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap}.inv-tab{padding:8px 16px;border-radius:8px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.05);color:#a0aec0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.inv-tab:hover{background:hsla(0,0%,100%,.1);color:#fff}.inv-tab.active{background:linear-gradient(135deg,gold,orange);color:#000;border-color:gold}.inventory-grid-wrapper{min-height:200px}.inv-empty,.inv-loading{text-align:center;color:#718096;padding:40px;font-size:14px}.inventory-grid{flex-direction:column}.inv-row,.inventory-grid{display:flex;gap:6px}.inv-cell{width:56px;height:56px;background:hsla(0,0%,100%,.08);border:2px solid hsla(0,0%,100%,.15);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;position:relative}.inv-cell:hover{background:rgba(255,215,0,.15);border-color:gold;transform:scale(1.05)}.inv-cell.selected{background:rgba(255,215,0,.25);border-color:gold;box-shadow:0 0 12px rgba(255,215,0,.4)}.inv-cell.empty{cursor:default}.inv-cell.empty,.inv-cell.empty:hover{background:rgba(0,0,0,.2);border-color:hsla(0,0%,100%,.05)}.inv-cell.empty:hover{transform:none}.inv-cell-icon{font-size:24px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.inv-cell-qty{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:700;color:#fff;background:rgba(0,0,0,.7);padding:1px 4px;border-radius:4px}.inventory-footer{background:linear-gradient(135deg,#2d3748,#1a202c);padding:14px 20px;min-height:70px;border-top:2px solid #4a5568}.inv-item-info{color:#e2e8f0}.inv-item-name{font-size:16px;font-weight:700;color:gold;margin-bottom:4px}.inv-item-desc{font-size:13px;color:#a0aec0;line-height:1.4}.inv-item-meta{display:flex;gap:16px;margin-top:6px;font-size:12px;color:#718096}.empty-info{color:#718096;font-style:italic;text-align:center;padding:10px}.ban-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.95);z-index:9999}.ban-content{background:rgba(239,68,68,.2);border:2px solid #ef4444;border-radius:16px;padding:32px;max-width:400px;text-align:center}.ban-content h2{color:#ef4444;font-size:24px;margin-bottom:16px}.ban-content p{color:#e2e8f0;font-size:14px}.ban-content button{margin-top:20px;padding:12px 24px;border-radius:8px;border:none;background:#ef4444;color:#fff;font-weight:700;cursor:pointer}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000;z-index:9999}.spinner{width:50px;height:50px;border:4px solid rgba(255,215,0,.2);border-top-color:gold;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;background:linear-gradient(135deg,#2d3748,#1a202c);border:2px solid #4a5568;border-radius:16px;max-width:480px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;background:rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;line-height:1}.modal-close:hover{background:rgba(220,38,38,.8);border-color:hsla(0,0%,100%,.4);transform:rotate(90deg)}.modal-image-wrapper{width:100%;height:220px;background:linear-gradient(180deg,#4a5568,#2d3748);display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:2px solid #4a5568}.modal-image{width:200px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:50%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}.modal-body{padding:24px}.modal-title{font-size:22px;font-weight:700;color:gold;margin:0 0 12px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.modal-description{font-size:15px;color:#e2e8f0;line-height:1.6;margin:0 0 16px}.modal-coords{font-size:12px;color:#a0aec0;font-family:Courier New,monospace;padding:8px 12px;background:rgba(0,0,0,.3);border-radius:6px;display:inline-block}@media (max-width:768px){.coords-indicator{display:none}.time-indicator{top:10px;right:10px;min-width:150px;padding:10px 14px}.time-label{font-size:15px}.controls{top:110px;right:10px;padding:10px 14px}.control-btn{min-height:44px;padding:10px 16px;font-size:13px}.zoom-indicator{top:170px;right:10px;min-width:140px;padding:10px 12px}.zoom-label{font-size:12px}.zoom-status{font-size:11px}.action-buttons{bottom:10px;right:10px;flex-direction:row-reverse;gap:10px}.action-btn{width:48px;height:48px;font-size:20px}.chat-window{width:calc(100vw - 20px);right:10px;bottom:70px;height:350px}.inventory-modal{width:95vw;max-height:90vh}.inv-cell{width:44px;height:44px}.inv-row{gap:4px}.modal-content{max-width:95%}.modal-image-wrapper{height:160px}.modal-image{width:140px;height:140px}.modal-title{font-size:18px}.modal-description{font-size:14px}.modal-close{width:32px;height:32px;font-size:16px}}