@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}.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}.stars{position:absolute;top:0;left:0;right:0;height:60px}.star{position:absolute;width:2px;height:2px;background:#fff;animation:twinkle 2s infinite alternate}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}.ground{position:absolute;bottom:0;left:0;right:0;height:55px;background:linear-gradient(180deg,#1a3a20,#0f2810)}.ground-detail{position:absolute;bottom:55px;left:0;right:0;height:6px;background:#2a5030}.tree{position:absolute;bottom:55px;animation:sway 3s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes sway{0%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.tree-trunk{width:8px;height:20px;background:#6b3a20;margin:0 auto}.tree-top{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-bottom:30px solid #2a6030;position:relative;top:-2px}.tree-top:after{content:"";width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:22px solid #3a8040;position:absolute;top:6px;left:-13px}.walker{position:absolute;bottom:55px;left:30%;transition:left .4s ease;animation:walk-bob .5s ease-in-out infinite}@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}}