*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:#2a2118;font-family:"Press Start 2P",system-ui,sans-serif}.stage{position:relative;width:100vw;height:100svh;overflow:hidden;margin:0 auto}@media(min-width:768px){.stage{width:min(100vw,calc(100svh * 9 / 19.5));box-shadow:0 0 48px #0000008c}}.farm-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay .panel,.overlay .chip,.overlay button{pointer-events:auto}.panel{background:linear-gradient(180deg,#faf3e0eb,#f4edd5eb);color:#3a2a1a;border:3px solid #8b6b3a;box-shadow:inset 2px 2px #ffffff59,inset -2px -2px #00000014,3px 3px #0000002e}.chip{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(180deg,#faf3e0eb,#f4edd5eb);border:2px solid #5c3a1e;box-shadow:inset 1px 1px #ffffff59,2px 2px #00000026;color:#3a2a1a;padding:3px 7px;font-size:9px;line-height:1;white-space:nowrap}.pixel-icon{image-rendering:pixelated;display:inline-block;vertical-align:middle}.hud{position:absolute;top:8px;left:8px;right:8px;display:flex;gap:5px;align-items:center}.chip-phase{margin-left:auto}.chip-sound{cursor:pointer;padding:3px 5px}.tagline{position:absolute;top:44px;left:50%;transform:translate(-50%);margin:0;padding:6px 12px;font-size:9px;font-weight:400;white-space:nowrap}.start-panel{position:absolute;bottom:64px;left:50%;transform:translate(-50%);padding:6px;background-color:#e2c89a;background-image:repeating-linear-gradient(0deg,transparent 0px,transparent 8px,rgba(139,107,58,.25) 8px,rgba(139,107,58,.35) 10px,transparent 10px),linear-gradient(180deg,#ffffff0f,#00000008)}.start-button{font-family:inherit;font-size:14px;padding:12px 26px;background:linear-gradient(180deg,#6abf3a,#4a8c2a);color:#fff8ee;text-shadow:1px 1px 0 #2d5a1e;border:3px solid #2d5a1e;box-shadow:inset 1px 1px #ffffff59,inset -1px -1px #0003,2px 2px #00000040;cursor:pointer}.start-button:active{transform:translate(1px,1px);box-shadow:inset 1px 1px #0003}.nav{position:absolute;bottom:0;left:0;right:0;display:flex;background-color:#e2c89a;background-image:repeating-linear-gradient(90deg,transparent 0px,transparent 46px,rgba(139,107,58,.25) 46px,rgba(139,107,58,.35) 48px,transparent 48px),linear-gradient(180deg,#ffffff14,#0000000d);border-top:4px solid #4a2a10;box-shadow:inset 0 2px #ffffff1f}.nav-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:12px 0;background:none;border:none;color:#3a2a1a;font-family:inherit;font-size:8px;cursor:pointer}.nav-tab.active{box-shadow:inset 0 3px #f0c040;color:#5c3a1e}.nav-tab.locked{opacity:.55}.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.retry-dialog{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);padding:16px 20px;max-width:84%;text-align:center;font-size:9px;line-height:1.7}.crop-button{position:absolute;background:transparent;border:none;cursor:pointer}.crop-button:focus-visible{outline:2px solid #f0c040}