:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}canvas{image-rendering:pixelated;image-rendering:crisp-edges}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#0a0a0a;color:#fafafa}#root{position:relative}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:linear-gradient(180deg,#000000b3,#0000);pointer-events:none;z-index:10;font-size:14px;gap:12px}.hud>*{pointer-events:auto}.hud-section{display:flex;align-items:center;gap:12px}.hud-stat{display:flex;align-items:center;gap:4px;background:#00000080;padding:4px 10px;border-radius:6px;white-space:nowrap}.hud-stat .icon{font-size:16px}.hud-stat .value{font-weight:600;color:#fff}.hud-stat.selected-item{background:#fbbf2433;border:1px solid rgba(251,191,36,.3)}.energy-bar{width:60px;height:8px;background:#333;border-radius:4px;overflow:hidden}.energy-bar-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);transition:width .3s}.energy-bar-fill.low{background:linear-gradient(90deg,#ef4444,#dc2626);animation:energyPulse 1s ease-in-out infinite}.energy-bar-fill.medium{background:linear-gradient(90deg,#fbbf24,#f59e0b)}@keyframes energyPulse{0%,to{opacity:1}50%{opacity:.7}}.hotbar{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#0009;padding:6px;border-radius:8px;border:1px solid rgba(255,255,255,.1);z-index:10}.hotbar-slot{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:2px solid transparent;border-radius:6px;cursor:pointer;position:relative;font-size:22px;transition:border-color .15s}.hotbar-slot.selected{border-color:#fbbf24;background:#fbbf2426}.hotbar-slot:hover{background:#ffffff1a}.hotbar-slot .qty{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.hotbar-slot .key-hint{position:absolute;top:2px;left:4px;font-size:9px;color:#fff6}.action-hint{position:absolute;bottom:76px;left:50%;transform:translate(-50%);background:#000000b3;padding:4px 14px;border-radius:6px;font-size:13px;color:#fbbf24;z-index:10;white-space:nowrap;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px}.crop-info{font-size:11px;color:#fff9}.toasts{position:absolute;top:52px;right:16px;display:flex;flex-direction:column;gap:6px;z-index:20;pointer-events:none}.toast{padding:8px 14px;border-radius:6px;font-size:13px;font-weight:500;animation:toastIn .25s ease-out;pointer-events:auto;cursor:pointer;max-width:280px}.toast-info{background:#3b82f6d9;color:#fff}.toast-success{background:#22c55ed9;color:#fff}.toast-warning{background:#eab308d9;color:#000}.toast-error{background:#ef4444d9;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toastOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast-exit{animation:toastOut .2s ease-in forwards}.eat-btn{margin-top:6px;padding:4px 12px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.eat-btn:hover{background:linear-gradient(135deg,#4ade80,#22c55e);transform:scale(1.05)}.panel-kbd-hint{display:inline-block;padding:1px 6px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:3px;font-size:11px;color:#fff9;margin-left:4px;font-family:monospace}.panel-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:30;animation:overlayFadeIn .2s ease-out}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.panel{background:#1e1e2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #00000080;animation:panelSlideIn .25s ease-out}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.panel h2{margin:0 0 16px;font-size:20px;font-weight:700;color:#fbbf24;text-align:center}.panel-close{display:block;margin:16px auto 0;padding:8px 24px;background:#333;border:1px solid #555;border-radius:6px;color:#fff;cursor:pointer;font-size:14px}.panel-close:hover{background:#444}.inv-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.inv-slot{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:22px;position:relative;cursor:pointer;transition:background .15s}.inv-slot:hover,.inv-slot.hovered{background:#ffffff1a;border-color:#fff3}.inv-slot .qty{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.inv-slot .item-name{font-size:8px;color:#ffffff80;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px}.recipe-list{display:flex;flex-direction:column;gap:8px}.recipe-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px}.recipe-info{display:flex;flex-direction:column;gap:2px}.recipe-name{font-weight:600;font-size:14px}.recipe-ingredients{font-size:12px;color:#ffffff80}.craft-btn{padding:6px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.craft-btn.available{background:#22c55e;color:#000}.craft-btn.available:hover{background:#16a34a;transform:scale(1.02)}.craft-btn.available:active{transform:scale(.98)}.craft-btn.unavailable{background:#333;color:#666;cursor:not-allowed}.shop-list{display:flex;flex-direction:column;gap:8px}.shop-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px}.shop-item-info{display:flex;align-items:center;gap:10px}.shop-item-icon{font-size:24px}.shop-item-details{display:flex;flex-direction:column}.shop-item-name{font-weight:600;font-size:14px}.shop-item-desc{font-size:11px;color:#fff6}.buy-btn{padding:6px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;background:#fbbf24;color:#000}.buy-btn:hover{background:#f59e0b;transform:scale(1.02)}.buy-btn:active{transform:scale(.98)}.buy-btn.cant-afford{background:#333;color:#666;cursor:not-allowed}.ship-list{display:flex;flex-direction:column;gap:6px}.ship-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;border-radius:6px;padding:8px 12px}.ship-item-info{display:flex;align-items:center;gap:8px}.ship-actions{display:flex;gap:4px}.ship-btn{padding:4px 12px;border-radius:4px;border:none;font-size:12px;cursor:pointer;background:#3b82f6;color:#fff}.ship-btn:hover{background:#2563eb;transform:scale(1.05)}.ship-btn:active{transform:scale(.95)}.dialogue-box{text-align:center}.dialogue-portrait{font-size:48px;margin-bottom:8px}.dialogue-name{font-weight:700;font-size:16px;margin-bottom:12px;color:#fbbf24}.dialogue-text{font-size:15px;color:#ffffffd9;line-height:1.6;font-style:italic;min-height:60px}.dialogue-text .cursor{display:inline-block;width:2px;height:16px;background:#fffc;margin-left:2px;animation:blink .8s infinite;vertical-align:text-bottom}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dialogue-friendship{margin-top:12px;font-size:12px;color:#fff6}.sleep-items{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.sleep-item{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sleep-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;color:#fbbf24;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.sleep-forecast{margin-top:12px;text-align:center;font-size:14px;color:#fff9}.help-section{margin-bottom:16px}.help-section h3{font-size:14px;font-weight:600;color:#fbbf24;margin:0 0 8px}.help-keys{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:13px}.help-key{font-family:monospace;background:#333;padding:2px 6px;border-radius:3px;font-size:12px;text-align:center}.welcome-title{font-family:"Press Start 2P",monospace;font-size:24px;font-weight:800;color:#4ade80;text-align:center;margin-bottom:12px;text-shadow:2px 2px 0 #1a4d1a}.welcome-subtitle{text-align:center;color:#fff9;margin-bottom:20px;font-size:14px}.start-btn{display:block;margin:0 auto;padding:12px 40px;background:#22c55e;color:#000;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background .15s}.start-btn:hover{background:#16a34a}.loading-screen{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#0a0a0a}.loading-content{text-align:center}.loading-title{font-size:36px;font-weight:800;color:#4ade80;margin-bottom:12px}.loading-text{color:#ffffff80;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.map-badge{font-size:11px;text-transform:capitalize;color:#ffffff80}.map-transition{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:50;animation:mapFade .4s ease-in-out;pointer-events:none}.map-transition-text{font-size:24px;font-weight:700;color:#fff;text-transform:capitalize;text-shadow:0 2px 8px rgba(0,0,0,.5);animation:mapTextSlide .4s ease-out}@keyframes mapFade{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes mapTextSlide{0%{transform:translateY(20px);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(-10px);opacity:0}}.minimap{position:absolute;bottom:80px;right:16px;z-index:10;border:2px solid rgba(255,255,255,.2);border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #00000080}.minimap-bg{position:relative;background:#1a1a2e}.minimap-player{position:absolute;background:#3498db;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);z-index:2}.minimap-exit{position:absolute;background:#ffd70099;border:1px solid #ffd700;z-index:1}.minimap-label{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff9;font-size:9px;text-align:center;padding:1px 0;text-transform:capitalize}.tooltip{position:fixed;transform:translate(-50%) translateY(-100%);background:#1e1e2e;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:8px 12px;pointer-events:none;z-index:100;min-width:120px;box-shadow:0 4px 16px #00000080}.tooltip-name{font-weight:600;font-size:14px;color:#fff;margin-bottom:4px}.tooltip-desc{font-size:11px;color:#ffffff80;line-height:1.4}.tooltip-qty{font-size:11px;color:#fff6;margin-top:4px}.tooltip-price{font-size:11px;color:#fbbf24;margin-top:2px}.inv-tooltip{margin-top:12px;padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;min-height:60px}.inv-tooltip-name{font-weight:600;font-size:14px;color:#fff;margin-bottom:4px}.inv-tooltip-desc{font-size:12px;color:#ffffff80;line-height:1.4}.inv-tooltip-price{font-size:12px;color:#fbbf24;margin-top:4px}.quest-tracker{position:absolute;top:80px;left:12px;background:#0a0a1ed9;border:1px solid rgba(232,184,75,.3);border-radius:8px;padding:10px 14px;max-width:220px;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.quest-tracker:hover{border-color:#e8b84b99}.quest-tracker-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.quest-tracker-icon{font-size:14px}.quest-tracker-title{font-size:13px;font-weight:700;color:#e8b84b}.quest-tracker-steps{display:flex;flex-direction:column;gap:3px}.quest-step{font-size:11px;color:#ffffff80}.quest-step.done{color:#6ab04c;text-decoration:line-through;text-decoration-color:#6ab04c66}.context-badge{position:absolute;top:12px;right:12px;background:#0a0a1ed9;border:1px solid rgba(74,144,217,.3);border-radius:20px;padding:4px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.context-badge:hover{border-color:#4a90d999}.context-badge-icon{font-size:14px}.context-badge-value{font-size:13px;font-weight:700;color:#4a90d9}.context-badge-level{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.5px}.build-status{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;background:#6ab04c14;border-radius:6px;font-size:12px;color:#6ab04c}.review-note{margin-top:12px;padding:10px;background:#e8b84b14;border:1px solid rgba(232,184,75,.15);border-radius:6px;text-align:center}.review-note-label{font-size:11px;color:#fff6;display:block;margin-bottom:4px}.review-note-text{font-size:13px;color:#e8b84b;font-style:italic}.sleep-rewards{display:flex;justify-content:space-between;margin-top:8px;padding:6px 8px;background:#4a90d914;border-radius:6px;font-size:12px;color:#4a90d9}.quest-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.quest-card{padding:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;transition:border-color .15s}.quest-card:hover{border-color:#e8b84b4d}.quest-card.active{border-color:#e8b84b;background:#e8b84b0d}.quest-card.completed{opacity:.6;cursor:default}.quest-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.quest-card-status{font-size:14px}.quest-card-name{font-size:14px;font-weight:700;color:#fff}.quest-card-badge{font-size:10px;color:#e8b84b;background:#e8b84b26;padding:1px 6px;border-radius:4px;margin-left:auto}.quest-card-desc{font-size:12px;color:#fff6;margin-bottom:6px}.quest-card-steps{display:flex;flex-direction:column;gap:2px}.quest-card-reward{font-size:11px;color:#6ab04c;margin-top:4px}.mimo-core-status{text-align:center;margin-bottom:16px}.mimo-core-level{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.mimo-core-icon{font-size:24px}.mimo-core-name{font-size:18px;font-weight:700;color:#4a90d9}.mimo-core-level-num{font-size:12px;color:#fff6}.mimo-core-tokens{font-size:14px;color:#4a90d9;margin-bottom:8px}.mimo-core-progress{max-width:280px;margin:0 auto}.mimo-core-progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.mimo-core-progress-fill{height:100%;background:linear-gradient(90deg,#4a90d9,#6ab04c);border-radius:3px;transition:width .3s}.mimo-core-progress-label{font-size:11px;color:#fff6}.mimo-core-flavor{font-size:12px;color:#4a90d9b3;font-style:italic;margin-top:8px;text-align:center}.mimo-core-description{font-size:13px;color:#fff9;line-height:1.5;margin-bottom:16px;text-align:center}.mimo-core-upgrades{margin-top:12px}.mimo-core-upgrades h3{font-size:14px;color:#fff9;margin-bottom:8px}.mimo-upgrade{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;margin-bottom:6px}.mimo-upgrade.unlocked{border-color:#6ab04c4d;background:#6ab04c0d}.mimo-upgrade.affordable{border-color:#4a90d94d}.mimo-upgrade-info{display:flex;flex-direction:column;gap:2px}.mimo-upgrade-name{font-size:13px;font-weight:600;color:#fff}.mimo-upgrade-desc{font-size:11px;color:#fff6}.mimo-upgrade-cost{font-size:12px;color:#4a90d9;font-weight:600}.coin-change{position:absolute;pointer-events:none;font-weight:700;font-size:14px;z-index:100;animation:coinFloat 1s ease-out forwards}.coin-change.positive{color:#4ade80}.coin-change.negative{color:#ef4444}@keyframes coinFloat{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.hotbar-slot{transition:border-color .15s,transform .1s,background .15s}.hotbar-slot:hover,.hotbar-slot.selected{transform:translateY(-2px)}.inv-slot{transition:background .15s,transform .1s,border-color .15s}.inv-slot:hover{transform:scale(1.05)}.shop-item{transition:background .15s,transform .1s}.shop-item:hover{background:#ffffff14;transform:translate(4px)}.recipe-card{transition:background .15s,transform .1s,border-color .15s}.recipe-card:hover{background:#ffffff14;transform:translate(4px)}.contextual-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:#0a0a1ed9;border:1px solid rgba(232,184,75,.25);border-radius:8px;padding:6px 14px;z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:360px;text-align:center;animation:hint-fade-in .3s ease}.contextual-hint span{font-size:12px;color:#ffffffb3}@keyframes hint-fade-in{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:30;font-family:"Press Start 2P",monospace}.title-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#1a1a3e,#2d1b69 20%,#4a2c8a 35%,#6b3fa0 45%,#f4a460 70%,#ffb347,#87ceeb,#98d8c8)}.title-sun{position:absolute;right:15%;top:12%;width:60px;height:60px;background:gold;border-radius:50%;box-shadow:0 0 40px gold,0 0 80px #ffd70066;animation:sun-glow 3s ease-in-out infinite alternate}@keyframes sun-glow{0%{box-shadow:0 0 40px gold,0 0 80px #ffd70066}to{box-shadow:0 0 60px gold,0 0 120px #ffd70099}}.title-cloud{position:absolute;background:#fffc;border-radius:20px;width:80px;height:24px}.title-cloud:before,.title-cloud:after{content:"";position:absolute;background:#fffc;border-radius:50%}.title-cloud:before{width:32px;height:32px;top:-14px;left:12px}.title-cloud:after{width:24px;height:24px;top:-8px;right:12px}.title-cloud-1{top:15%;left:-100px;animation:cloud-drift 25s linear infinite}.title-cloud-2{top:22%;left:-100px;width:60px;height:18px;animation:cloud-drift 35s linear infinite 8s;opacity:.6}.title-cloud-3{top:10%;left:-100px;width:100px;height:28px;animation:cloud-drift 30s linear infinite 15s;opacity:.7}@keyframes cloud-drift{0%{transform:translate(-120px)}to{transform:translate(calc(100vw + 120px))}}.title-bird{position:absolute;width:16px;height:6px;background:transparent}.title-bird:before,.title-bird:after{content:"";position:absolute;background:#2d2d2d;width:10px;height:3px;top:0;border-radius:50% 50% 0 0}.title-bird:before{left:0;transform-origin:right center;animation:bird-flap-left .4s ease-in-out infinite alternate}.title-bird:after{right:0;transform-origin:left center;animation:bird-flap-right .4s ease-in-out infinite alternate}@keyframes bird-flap-left{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes bird-flap-right{0%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}.title-bird-1{top:18%;left:20%;animation:bird-fly-1 12s linear infinite}.title-bird-2{top:14%;left:40%;animation:bird-fly-2 15s linear infinite 3s;transform:scale(.7)}.title-bird-3{top:20%;left:60%;animation:bird-fly-3 18s linear infinite 7s;transform:scale(.5)}@keyframes bird-fly-1{0%{transform:translate(-50px) translateY(0)}25%{transform:translate(100px) translateY(-15px)}50%{transform:translate(250px) translateY(5px)}75%{transform:translate(400px) translateY(-10px)}to{transform:translate(600px) translateY(0)}}@keyframes bird-fly-2{0%{transform:translate(-80px) translateY(0) scale(.7)}30%{transform:translate(120px) translateY(10px) scale(.7)}60%{transform:translate(320px) translateY(-8px) scale(.7)}to{transform:translate(700px) translateY(5px) scale(.7)}}@keyframes bird-fly-3{0%{transform:translate(-30px) translateY(0) scale(.5)}40%{transform:translate(180px) translateY(-12px) scale(.5)}70%{transform:translate(380px) translateY(8px) scale(.5)}to{transform:translate(650px) translateY(-5px) scale(.5)}}.title-hills{position:absolute;bottom:30%;left:0;right:0;height:120px;background:radial-gradient(ellipse 300px 100px at 20% 100%,#4a7c3f 0%,transparent 70%),radial-gradient(ellipse 400px 120px at 60% 100%,#3d6b35 0%,transparent 70%),radial-gradient(ellipse 350px 90px at 85% 100%,#4a7c3f 0%,transparent 70%)}.title-barn{position:absolute;bottom:28%;left:50%;transform:translate(-50%);width:120px;height:80px;z-index:2}.title-barn:before{content:"";position:absolute;bottom:0;left:10px;right:10px;height:55px;background:#8b4513;border:3px solid #654321;border-radius:2px}.title-barn:after{content:"";position:absolute;top:0;left:0;right:0;height:35px;background:sienna;clip-path:polygon(50% 0%,0% 100%,100% 100%);border-bottom:3px solid #654321}.title-barn-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30px;height:40px;background:#654321;border:2px solid #4a3219;border-bottom:none;border-radius:2px 2px 0 0;z-index:3}.title-tree{position:absolute;bottom:28%;width:40px;height:60px;z-index:1}.title-tree:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:10px;height:25px;background:#654321}.title-tree:after{content:"";position:absolute;bottom:15px;left:50%;transform:translate(-50%);width:36px;height:45px;background:#228b22;border-radius:50% 50% 40% 40%}.title-tree-1{left:12%}.title-tree-2{right:10%}.title-tree-2:after{background:#2e8b2e;width:30px;height:38px}.title-fence{position:absolute;bottom:26%;left:15%;right:15%;height:20px;z-index:2;background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,#8b6f47 18px,#8b6f47 22px,transparent 22px,transparent 40px)}.title-fence:before{content:"";position:absolute;top:4px;left:0;right:0;height:4px;background:#8b6f47}.title-fence:after{content:"";position:absolute;top:12px;left:0;right:0;height:4px;background:#8b6f47}.title-ground{position:absolute;bottom:0;left:0;right:0;height:30%;background:linear-gradient(180deg,#4a7c3f,#3d6b35 30%,#2d5a2a)}.title-ground:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:repeating-linear-gradient(90deg,#5a8c4f,#5a8c4f 4px,#4a7c3f 4px,#4a7c3f 8px)}.title-crops{position:absolute;bottom:8%;left:20%;right:20%;display:flex;justify-content:space-around;z-index:2}.title-crop{width:12px;height:20px;position:relative}.title-crop:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:4px;height:12px;background:#228b22}.title-crop:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:10px;background:tomato;border-radius:50%;animation:crop-bounce 2s ease-in-out infinite}.title-crop-1:after{background:tomato;animation-delay:0s}.title-crop-2:after{background:gold;animation-delay:.3s}.title-crop-3:after{background:#ff69b4;animation-delay:.6s}.title-crop-4:after{background:orange;animation-delay:.9s}.title-crop-5:after{background:tomato;animation-delay:1.2s}@keyframes crop-bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-4px)}}.title-content{position:absolute;top:8%;left:50%;transform:translate(-50%);text-align:center;z-index:10}.title-name{font-family:"Press Start 2P",monospace;font-size:42px;color:gold;text-shadow:3px 3px 0 #8b4513,-1px -1px 0 #8b4513,1px -1px 0 #8b4513,-1px 1px 0 #8b4513,0 4px 8px rgba(0,0,0,.5);margin:0 0 8px;animation:title-float 3s ease-in-out infinite;letter-spacing:2px}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title-subtitle{font-family:"Press Start 2P",monospace;font-size:12px;color:#fffc;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0 0 40px;letter-spacing:1px}.title-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.title-btn{font-family:"Press Start 2P",monospace;font-size:12px;padding:12px 32px;min-width:220px;background:#0009;color:#fff;border:3px solid #8b6f47;border-radius:4px;cursor:pointer;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .15s;image-rendering:pixelated}.title-btn:hover{background:#8b6f4766;border-color:gold;color:gold;transform:scale(1.05)}.title-btn:active{transform:scale(.98)}.title-btn-primary{background:#228b2299;border-color:#4ade80;color:#4ade80;animation:btn-pulse 2s ease-in-out infinite}.title-btn-primary:hover{background:#228b22cc;border-color:gold;color:gold}@keyframes btn-pulse{0%,to{box-shadow:0 0 10px #4ade804d}50%{box-shadow:0 0 20px #4ade8099}}