@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap";*{margin:0;padding:0}html,body{overscroll-behavior:none;overflow:hidden;position:fixed;width:100%;height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right)}.scrollable{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.no-transition{transition:none!important}.floating-sparks{position:fixed;top:30%;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.8),0 0 20px rgba(255,215,0,.5),2px 2px 4px rgba(0,0,0,.5);animation:float-and-fade 1.5s cubic-bezier(.25,.46,.45,.94) forwards;pointer-events:none;z-index:9999;-webkit-user-select:none;user-select:none}@keyframes float-and-fade{0%{opacity:0;transform:translate(-50%) translateY(0) scale(.5)}15%{opacity:1;transform:translate(-50%) translateY(-20px) scale(1.3)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(1)}}:root{--bg: #0d1b0e;--panel: #111f12;--border: #2a4a2c;--accent: #4ecf5a;--accent2: #f0b429;--accent3: #e05c5c;--text: #c8e6c9;--dim: #4a7a4c;--wood: #a0683a;--stone: #7a8a7c;--herbs: #a0d060;--fiber: #c0a060}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:VT323,monospace;font-size:18px;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);pointer-events:none;z-index:9999}h1{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--accent);text-shadow:0 0 12px var(--accent),2px 2px 0 #1a3a1c;letter-spacing:2px}.nav-bar{height:70px;padding:0 20px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--panel);position:sticky;top:0;z-index:100}.nav-spacer{width:48px}.nav-title{font-family:"Press Start 2P",monospace;font-size:14px;color:var(--accent);text-shadow:0 0 12px var(--accent),2px 2px 0 #1a3a1c;letter-spacing:2px;margin:0;flex:1;text-align:center}.nav-profile-btn{width:48px;height:48px;font-size:24px;background:var(--panel);border:2px solid var(--border);border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.nav-profile-btn:hover{border-color:var(--accent);box-shadow:0 0 12px #4ecf5a4d;transform:translateY(-2px)}.nav-profile-btn:active{transform:translateY(0)}.header{padding:14px 20px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--panel)}.day-badge{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent2);background:#1e2e10;border:1px solid var(--accent2);padding:6px 10px;text-shadow:0 0 6px var(--accent2)}.main{display:grid;grid-template-columns:1fr 260px;gap:0;height:calc(100vh - 60px)}.walk-zone{padding:20px;display:flex;flex-direction:column;gap:16px;border-right:2px solid var(--border);overflow-y:auto}.scene{position:relative;border:2px solid var(--border);height:180px;overflow:hidden;image-rendering:pixelated}@keyframes walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.walker-head{width:10px;height:10px;background:#f5c58a;margin:0 auto}.walker-body{width:12px;height:14px;background:var(--accent);margin:0 auto;position:relative}.walker-legs{display:flex;gap:2px;justify-content:center;position:absolute;bottom:-6px;width:100%}.leg{width:4px;height:8px;background:#3a3a8a;animation:leg-anim .5s alternate infinite}.leg:last-child{animation-delay:.25s}@keyframes leg-anim{0%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}.step-section{display:flex;flex-direction:column;gap:10px}.step-display{background:var(--panel);border:2px solid var(--border);padding:16px;text-align:center;position:relative}.step-number{font-family:"Press Start 2P",monospace;font-size:28px;color:var(--accent);text-shadow:0 0 20px var(--accent);display:block;line-height:1}.step-label{color:var(--dim);font-size:16px;margin-top:4px;display:block}.progress-outer{background:#050f06;border:2px solid var(--border);height:24px;position:relative;overflow:hidden}.progress-inner{height:100%;background:linear-gradient(90deg,#2a8a30,var(--accent));transition:width .3s;position:relative}.progress-inner:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:#fff6;animation:pulse-bar 1s ease-in-out infinite}@keyframes pulse-bar{0%,to{opacity:0}50%{opacity:1}}.progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;text-shadow:1px 1px 0 #000;z-index:1}.terrain-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.terrain-btn{font-family:VT323,monospace;font-size:16px;padding:8px 4px;border:2px solid var(--border);background:var(--panel);color:var(--dim);cursor:pointer;text-align:center;transition:all .15s}.terrain-btn:hover{border-color:var(--accent);color:var(--text)}.terrain-btn.active{border-color:var(--accent2);color:var(--accent2);background:#1e1800;text-shadow:0 0 6px var(--accent2)}.terrain-icon{font-size:22px;display:block}.terrain-name{font-size:13px}.walk-btn{font-family:"Press Start 2P",monospace;font-size:10px;background:#1a3a1c;color:var(--accent);border:3px solid var(--accent);padding:14px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;position:relative;overflow:hidden;text-shadow:0 0 8px var(--accent);box-shadow:0 0 16px #4ecf5a26,inset 0 -3px #0006;transition:all .1s}.walk-btn:hover{background:#244a26;box-shadow:0 0 24px #4ecf5a4d}.walk-btn:active{transform:translateY(2px);box-shadow:none}.walk-btn:disabled{background:#0d1a0e;color:var(--dim);border-color:var(--dim);text-shadow:none;box-shadow:none;cursor:not-allowed}.log{background:var(--panel);border:2px solid var(--border);padding:10px 12px;height:110px;overflow-y:auto;font-size:15px;scroll-behavior:smooth}.log-entry{padding:1px 0;border-bottom:1px solid #1a2a1c;color:var(--dim)}.log-entry.highlight{color:var(--accent2)}.log-entry.rare{color:#c060ff}.sidebar{background:var(--panel);display:flex;flex-direction:column;overflow:hidden}.sidebar-tab{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--border)}.tab-btn{font-family:"Press Start 2P",monospace;font-size:8px;padding:10px 4px;background:transparent;color:var(--dim);border:none;cursor:pointer;border-right:1px solid var(--border);letter-spacing:0;transition:all .15s}.tab-btn:last-child{border-right:none}.tab-btn.active{color:var(--accent);background:#0d1b0e;text-shadow:0 0 6px var(--accent)}.sidebar-content{flex:1;overflow-y:auto;padding:12px}.section-title{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--dim);letter-spacing:1px;margin-bottom:8px;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:6px}.res-grid{display:flex;flex-direction:column;gap:8px}.res-row{display:flex;align-items:center;gap:8px;background:#0d1a0e;border:1px solid var(--border);padding:8px 10px}.res-icon{font-size:22px;width:30px;text-align:center}.res-info{flex:1}.res-name{font-size:16px;color:var(--text);display:block}.res-amt{font-family:"Press Start 2P",monospace;font-size:9px}.res-bar-wrap{height:4px;background:#050f06;margin-top:3px}.res-bar{height:100%;transition:width .4s}.structure-list{display:flex;flex-direction:column;gap:6px;margin-top:14px}.structure-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#0a140b;border:1px solid #1e3020;font-size:15px}.structure-icon{font-size:22px}.structure-name{color:var(--accent2);flex:1}.structure-bonus{color:var(--dim);font-size:13px}.craft-grid{display:flex;flex-direction:column;gap:8px}.craft-card{background:#0d1a0e;border:1px solid var(--border);padding:10px;cursor:pointer;transition:border-color .15s}.craft-card:hover{border-color:var(--accent)}.craft-card.cant-afford{opacity:.5;cursor:not-allowed}.craft-card.owned{opacity:.7;cursor:default}.craft-name{font-size:18px;color:var(--accent2);display:flex;align-items:center;gap:6px}.craft-desc{font-size:14px;color:var(--dim);margin:3px 0 6px}.craft-cost{display:flex;flex-wrap:wrap;gap:4px}.cost-item{font-size:13px;padding:1px 5px;border:1px solid #2a3a2c;background:#080f08}.cost-item.ok{border-color:var(--accent);color:var(--accent)}.cost-item.no{border-color:var(--accent3);color:var(--accent3)}.loot-float{position:fixed;font-size:22px;pointer-events:none;z-index:1000;animation:float-up 1.2s ease-out forwards;font-family:VT323,monospace}@keyframes float-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-80px) scale(.6);opacity:0}}.notification{position:fixed;top:70px;right:20px;background:var(--panel);border:2px solid var(--accent2);color:var(--accent2);font-family:"Press Start 2P",monospace;font-size:9px;padding:10px 14px;z-index:500;animation:slide-in .3s ease-out,slide-out .3s ease-in 2.7s forwards;text-shadow:0 0 6px var(--accent2);max-width:200px}@keyframes slide-in{0%{transform:translate(220px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out{0%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}@media(max-width:768px){.main{grid-template-columns:1fr;height:auto}.walk-zone{border-right:none;border-bottom:2px solid var(--border)}.sidebar{height:400px}}.upgrade-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.upgrade-prompt{background:var(--panel-bg);border:2px solid var(--border);border-radius:8px;padding:1.5rem;max-width:400px;width:100%;box-shadow:0 8px 24px #0006}.upgrade-header{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-align:center}.upgrade-body{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.upgrade-body p{margin-bottom:.5rem}.upgrade-actions{display:flex;flex-direction:column;gap:.75rem}.upgrade-btn{padding:.75rem 1.5rem;border:2px solid var(--border);border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.upgrade-btn.primary{background:var(--accent);color:#000;border-color:var(--accent)}.upgrade-btn.primary:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px)}.upgrade-btn.secondary{background:transparent;color:var(--text-secondary)}.upgrade-btn.secondary:hover:not(:disabled){background:var(--hover-bg)}.upgrade-btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:32px 16px;color:var(--dim)}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.empty-text{font-size:18px;margin-bottom:8px;color:var(--text)}.empty-hint{font-size:14px;line-height:1.4;max-width:280px;margin:0 auto}@media(max-width:900px){.main-grid{flex-direction:column!important;height:auto!important}.left-col{max-width:100%!important;min-height:400px}.scene{height:300px!important}.sidebar{max-width:100%!important;height:auto!important}.sidebar-content{max-height:500px!important}}@media(max-width:640px){h1{font-size:11px}.step-number{font-size:22px!important}.walk-btn{font-size:9px!important;padding:12px!important}.terrain-btns{grid-template-columns:1fr 1fr 1fr}.log{height:120px!important}}.profile-btn{position:fixed;top:20px;right:20px;width:48px;height:48px;font-size:24px;background:var(--panel);border:2px solid var(--border);color:var(--text);cursor:pointer;z-index:100;transition:all .2s}.profile-btn:hover{background:var(--border);transform:scale(1.1);box-shadow:0 0 12px var(--accent)}.stats-header{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stat-box{background:var(--panel);border:1px solid var(--border);padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px}.stat-value{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--accent)}.stat-label{font-size:14px;color:var(--dim)}.upgrades-toggle-btn{background:var(--accent);color:var(--bg);border:none;padding:8px 16px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .2s}.upgrades-toggle-btn:hover{background:var(--accent2);transform:scale(1.05)}.scene-hint{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-family:"Press Start 2P",monospace;font-size:8px;color:var(--dim);opacity:.6;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.scene.walking{animation:flash .1s}@keyframes flash{0%,to{opacity:1}50%{opacity:.8}}.walk-progress{background:var(--panel);border:1px solid var(--border);padding:12px;display:flex;justify-content:space-between;align-items:center}.end-walk-btn{background:var(--accent3);color:#fff;border:none;padding:6px 12px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:9px}.journey-log-section{border:1px solid var(--border);background:var(--panel)}.journey-log-toggle{width:100%;background:transparent;border:none;color:var(--text);padding:10px;cursor:pointer;text-align:left;font-family:"Press Start 2P",monospace;font-size:10px;display:flex;align-items:center;gap:8px;transition:background .2s}.journey-log-toggle:hover{background:#ffffff0d}.upgrades-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000;z-index:1000;display:flex;align-items:flex-end;pointer-events:none;transition:background .3s ease}.upgrades-sheet-overlay.open{background:#000000b3;pointer-events:all}.upgrades-sheet{width:100%;max-height:70vh;background:var(--panel);border-top:3px solid var(--border);border-radius:16px 16px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.25,.8,.25,1);pointer-events:all;overflow-y:auto}.upgrades-sheet.slide-up{transform:translateY(0)}.sheet-handle{width:60px;height:4px;background:var(--dim);margin:12px auto 8px;border-radius:2px}.sheet-header{padding:16px 20px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--panel);z-index:10}.sheet-header h3{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--accent)}.sheet-sparks{font-family:"Press Start 2P",monospace;font-size:10px;color:var(--accent2)}.sheet-close{background:transparent;border:none;color:var(--text);font-size:20px;cursor:pointer;padding:4px 8px}.sheet-close:hover{color:var(--accent3)}.upgrades-list{padding:16px;display:flex;flex-direction:column;gap:12px}.upgrade-card{background:var(--bg);border:2px solid var(--border);padding:12px;display:flex;gap:12px;align-items:center;transition:all .2s}.upgrade-card.highlighted{border-color:var(--accent2);box-shadow:0 0 20px #f0b42966;animation:highlight-pulse 1s ease-in-out infinite}@keyframes highlight-pulse{0%,to{box-shadow:0 0 20px #f0b42966}50%{box-shadow:0 0 30px #f0b42999}}.upgrade-card.owned{opacity:.6;border-color:var(--dim)}.upgrade-card.locked{opacity:.4}.upgrade-card-icon{font-size:32px;width:48px;text-align:center}.upgrade-card-info{flex:1}.upgrade-card-info h4{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--accent);margin:0 0 6px}.upgrade-card-info p{font-size:16px;color:var(--text);margin:0 0 6px}.upgrade-card-cost{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent2)}.upgrade-card-owned{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--dim)}.upgrade-card-buy{background:var(--accent);color:var(--bg);border:none;padding:10px 20px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .2s}.upgrade-card-buy:hover{background:var(--accent2);transform:scale(1.05)}.village-page{min-height:100vh;padding-bottom:40px}.village-header{padding:20px;border-bottom:2px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--panel)}.back-btn{background:var(--panel);border:2px solid var(--border);color:var(--text);padding:8px 16px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:10px;transition:all .2s}.back-btn:hover{background:var(--border);transform:translate(-4px)}.header-spacer{width:80px}.village-canvas{height:300px;border-bottom:2px solid var(--border);position:relative;overflow:hidden}.village-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px}.village-empty .hint{font-family:"Press Start 2P",monospace;font-size:8px;color:var(--dim)}.village-sprites{position:relative;width:100%;height:100%}.village-building{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px}.building-icon{font-size:40px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.building-name{font-family:"Press Start 2P",monospace;font-size:7px;color:var(--accent);text-shadow:0 0 8px var(--accent)}.village-stats{padding:20px;background:var(--bg);border-bottom:2px solid var(--border)}.village-stats h3{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--accent);margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{background:var(--panel);border:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:6px}.stat-item .stat-label{font-size:14px;color:var(--dim)}.stat-item .stat-value{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--accent)}.village-shop{padding:20px}.village-shop h3{font-family:"Press Start 2P",monospace;font-size:12px;color:var(--accent);margin-bottom:16px}.buildings-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.building-card{background:var(--bg);border:2px solid var(--border);padding:16px;display:flex;gap:16px;align-items:center;transition:all .2s}.building-card:hover{border-color:var(--accent);box-shadow:0 0 16px #4ecf5a33}.building-card.owned{opacity:.6}.building-card.locked{opacity:.4}.building-card-icon{font-size:48px}.building-card-info{flex:1}.building-card-info h4{font-family:"Press Start 2P",monospace;font-size:11px;color:var(--accent);margin:0 0 8px}.building-card-info p{font-size:16px;color:var(--text);margin:0 0 8px}.building-card-cost{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--accent2)}.building-card-owned{font-family:"Press Start 2P",monospace;font-size:9px;color:var(--dim)}.scene.volcanic-ash{background:linear-gradient(180deg,#2a2a2a,#3a3a3a 60%,#1a1a1a)}.scene.volcanic-ash .walker{filter:grayscale(.8)}.scene-container{position:relative;width:100%;height:100%;overflow:hidden}.walker-sprite{position:absolute;bottom:30%;left:30%;font-size:48px;z-index:10;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));animation:walker-bob .6s ease-in-out infinite;transform:scaleX(-1)}@keyframes walker-bob{0%,to{transform:scaleX(-1) translateY(0)}50%{transform:scaleX(-1) translateY(-4px)}}.scene.walking .walker-sprite{animation:walker-step .3s ease-in-out}@keyframes walker-step{0%{transform:scaleX(-1) translateY(0)}25%{transform:scaleX(-1) translateY(-8px)}50%{transform:scaleX(-1) translateY(-4px)}75%{transform:scaleX(-1) translateY(-8px)}to{transform:scaleX(-1) translateY(0)}}.scenery-layer{position:absolute;left:0;right:0;height:100%;overflow:hidden;width:100%}.scenery-content{position:absolute;left:0;bottom:0;display:flex;gap:100px;align-items:flex-end;padding-bottom:20px;width:max-content;height:100%;transition:transform .3s ease-out}.scenery-content.no-transition{transition:none}.scenery-far{bottom:40%;opacity:.6;z-index:1}.scenery-mid{bottom:25%;opacity:.8;z-index:5}.scenery-near{bottom:15%;z-index:8}.scenery-item{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0;display:flex;align-items:flex-end}.sprite{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;display:block}.scenery-item.bush,.scenery-item.rock{font-size:24px}.mystery-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:15}.mystery-particle{position:absolute;bottom:0;border-radius:50%;background:radial-gradient(circle at center,#c084fce6,#8b5cf699 40%,#a855f700);box-shadow:0 0 8px #c084fc99,0 0 16px #8b5cf64d;animation:mystery-float var(--particle-duration, 8s) ease-in-out var(--particle-delay, 0s) infinite}@keyframes mystery-float{0%{transform:translateY(0) translate(0) scale(.8);opacity:0}10%{opacity:var(--particle-opacity, .5)}90%{opacity:var(--particle-opacity, .5)}to{transform:translateY(-120%) translate(calc(-20px + 40px * var(--particle-delay, .5))) scale(1.2);opacity:0}}.world-layer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.world-sky-group{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.world-sky{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--world-sky-top, #87ceeb),var(--world-sky-bottom, #f0e68c));transition:background 2s ease-in-out}.world-ground{position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(180deg,#2a3c2a33,#1a2a1ab3 40%,#141e14f2);z-index:0}.world-stars{position:absolute;top:0;left:0;width:100%;height:60%;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 85%,white,transparent),radial-gradient(1px 1px at 15% 10%,white,transparent);background-repeat:repeat;background-size:200px 200px;opacity:var(--world-star-opacity, 0);transition:opacity 2s ease-in-out;pointer-events:none}.world-celestial{position:absolute;left:70%;bottom:calc(var(--world-celestial-y, .5) * 100%);font-size:48px;opacity:var(--world-celestial-opacity, 1);transition:bottom 2s ease-in-out,opacity 2s ease-in-out;pointer-events:none;filter:drop-shadow(0 0 20px rgba(255,255,200,.8))}.world-clouds{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.world-cloud{position:absolute;font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.world-cloud.scrolling{animation:cloud-drift var(--cloud-duration, 120s) linear infinite}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(-800px)}}.world-effects-group{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.world-fog{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#c8c8d200,rgba(200,200,210,var(--world-fog-opacity, 0)));opacity:var(--world-fog-opacity, 0);transition:opacity 3s ease-in-out;z-index:9}.world-precipitation{position:absolute;top:0;left:0;width:100%;height:100%;z-index:11;pointer-events:none}.world-precipitation.rain{background-image:linear-gradient(180deg,transparent 0%,rgba(174,194,224,.1) 5%,transparent 10%);background-size:10px 50px;background-repeat:repeat;animation:rain-fall .5s linear infinite}@keyframes rain-fall{to{background-position:0 50px}}.world-precipitation.snow{background-image:radial-gradient(2px 2px at 10% 20%,white,transparent),radial-gradient(3px 3px at 40% 60%,white,transparent),radial-gradient(2px 2px at 70% 10%,white,transparent),radial-gradient(3px 3px at 90% 80%,white,transparent),radial-gradient(2px 2px at 50% 50%,white,transparent);background-size:100px 100px;background-repeat:repeat;animation:snow-fall 10s linear infinite;opacity:.8}@keyframes snow-fall{to{background-position:0 100px}}.world-weather-tint{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--world-weather-tint, transparent);opacity:var(--world-weather-tint-opacity, 0);transition:background 3s ease-in-out,opacity 3s ease-in-out;z-index:20;mix-blend-mode:multiply}.world-ambient-tint{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--world-ambient-tint, transparent);opacity:var(--world-ambient-tint-opacity, 0);transition:background 2s ease-in-out,opacity 2s ease-in-out;z-index:20;mix-blend-mode:multiply}.world-lightning{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;z-index:30;animation:lightning-flash 4s ease-in-out infinite}@keyframes lightning-flash{0%,90%,to{opacity:0}92%{opacity:1}94%{opacity:0}96%{opacity:1}}.weather-badge{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:6px;padding:8px 12px;background:#000000bf;border:2px solid;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:"Press Start 2P",monospace;font-size:10px;animation:weather-badge-entrance .3s ease-out;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a}.weather-badge-icon{font-size:16px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.weather-badge-text{font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8);letter-spacing:.5px}@keyframes weather-badge-entrance{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.weather-badge.bonus-active{animation:weather-badge-pulse 2s ease-in-out infinite}@keyframes weather-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}