@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323:wght@400&display=swap";*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}: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;background:linear-gradient(180deg,#0a1f2a,#0d3020 60%,#0a1a0c);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;background:linear-gradient(180deg,#0a1f2a,#0d3020 60%,#0a1a0c);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{font-size:32px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));flex-shrink:0}.scenery-item.mountain{font-size:48px}.scenery-item.tree{font-size:40px}.scenery-item.bush,.scenery-item.rock{font-size:24px}