.app-shell{display:flex;flex-direction:column;min-height:100vh;padding:32px;gap:24px;color:#f7f1d4}.app-header{text-align:center;background:linear-gradient(180deg,#2e1f15d9,#1b120cf2);border:2px solid #5a3b23;border-radius:16px;padding:20px;box-shadow:0 12px 30px #00000073}.app-header h1{margin:0;font-size:26px;letter-spacing:2px}.app-header p{margin:10px 0 0;font-size:14px;color:#f4d7a1}.app-main{display:flex;flex:1;gap:24px;flex-wrap:wrap;justify-content:center}.field-wrapper{flex:0 0 440px;max-width:440px}.field-surface{position:relative;background:linear-gradient(180deg,#492e1af2,#271a12f2);border:4px solid #6d4526;border-radius:20px;padding:20px;box-shadow:inset 0 0 28px #0000008c,0 16px 30px #00000073}.field-surface:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:14px;pointer-events:none;border:1px solid rgba(255,239,207,.1)}.field-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plot{position:relative;display:block;width:100%;padding:6px;min-height:112px;border:2px solid #4c2e18;border-radius:14px;background:linear-gradient(180deg,#3a2718f2,#22150cf2);color:inherit;cursor:pointer;overflow:hidden;transition:transform .12s ease,border-color .2s ease,box-shadow .2s ease}.plot:hover{transform:translateY(-3px);border-color:#c68a43}.plot-empty{border-color:#614229e6}.plot-filled{border-color:#805432}.plot-can-plant{box-shadow:0 0 0 3px #ffe37859}.plot-ready{border-color:#88f27a;box-shadow:0 0 12px #88f27a59}.plot:focus-visible{outline:3px solid rgba(255,233,150,.8);outline-offset:3px}.plot-content{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.plot-image{image-rendering:pixelated}.plot-base{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:cover;opacity:.92;filter:saturate(.85);pointer-events:none}.crop-growing,.crop-ready{position:absolute;z-index:1;width:70%;height:70%;object-fit:contain;transition:transform .2s ease}.plot-growing .crop-growing{animation:sway 1.2s ease-in-out infinite alternate}.plot-ready .crop-ready{transform:scale(1.06)}.plot-progress{position:absolute;bottom:10px;left:12px;right:12px;height:10px;border-radius:6px;background:#0000008c;overflow:hidden;box-shadow:inset 0 2px 4px #00000059;z-index:2}.plot-progress-bar{height:100%;background:linear-gradient(90deg,#f8f480,#f6b23e);border-radius:inherit}@keyframes sway{0%{transform:translateY(0) scale(1)}to{transform:translateY(-4px) scale(1.02)}}.hud{flex:1;display:flex;flex-direction:column;gap:18px;min-width:340px}.hud-panel{background:linear-gradient(180deg,#1d130de6,#140c08e6);border:2px solid #4f331c;border-radius:16px;padding:18px;box-shadow:0 10px 24px #00000073;display:flex;flex-direction:column;gap:16px}.hud-panel h2{margin:0;font-size:18px;letter-spacing:1px;color:#ffdfa0}.panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.panel-heading span{font-size:12px;color:#ffffffa6}.hud-status{gap:12px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.status-card{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;background:#49331fa6;border:1px solid rgba(255,217,166,.2)}.status-label{font-size:12px;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}.status-value{font-size:18px;font-weight:600;color:#ffeba4}.hud-storage .panel-heading{align-items:center}.storage-sell-all{padding:6px 14px;border-radius:999px;border:none;background:linear-gradient(180deg,#ffe37c,#f3a446);color:#2b1d16;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .2s ease}.storage-sell-all:disabled{background:#ffffff2e;color:#ffffffa6;cursor:not-allowed}.storage-sell-all:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.storage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.storage-card{display:flex;gap:12px;padding:12px;border-radius:14px;background:#362415d9;border:2px solid rgba(120,80,44,.7);align-items:center}.storage-art{flex:0 0 52px;height:52px;border-radius:12px;background:#1a110bb3;display:flex;align-items:center;justify-content:center}.storage-art img{width:44px;height:44px;image-rendering:pixelated}.storage-details{flex:1;display:flex;flex-direction:column;gap:6px}.storage-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.storage-count{font-size:14px;padding:2px 8px;border-radius:999px;background:#ffe78238;color:#ffe37c}.storage-value{font-size:12px;color:#ffffffbf}.storage-sell-button{align-self:flex-start;padding:6px 12px;border-radius:999px;border:none;background:linear-gradient(180deg,#ffcf7f,#f1a34c);color:#2b1d16;font-weight:600;cursor:pointer;transition:transform .12s ease,filter .2s ease}.storage-sell-button:disabled{background:#ffffff2e;color:#ffffffa6;cursor:not-allowed}.storage-sell-button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}.seed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.seed-card{position:relative;display:flex;gap:12px;padding:12px 14px;border-radius:14px;border:2px solid rgba(123,86,51,.8);background:#362415d9;color:inherit;text-align:left;transition:transform .14s ease,border-color .2s ease,box-shadow .2s ease}.seed-card:hover{transform:translateY(-2px);border-color:#d6a056}.seed-card.selected{border-color:#ffe782;box-shadow:0 0 0 3px #ffe78259}.seed-card.disabled{opacity:.65}.seed-art{flex:0 0 56px;height:56px;border-radius:10px;background:#1c130d99;display:flex;align-items:center;justify-content:center}.seed-art img{width:48px;height:48px;image-rendering:pixelated}.seed-details{display:flex;flex-direction:column;gap:6px}.seed-details strong{font-size:15px}.seed-description{font-size:12px;color:#ffffffb3}.seed-stats{display:grid;grid-template-columns:repeat(2,minmax(0,max-content));gap:4px 10px;font-size:12px;color:#fffc}.building-grid{display:flex;flex-direction:column;gap:14px}.building-card{display:flex;gap:14px;padding:14px;border-radius:14px;background:#362415d9;border:2px solid rgba(120,80,44,.7)}.building-art{flex:0 0 64px;height:64px;border-radius:12px;background:#1a110bb3;display:flex;align-items:center;justify-content:center}.building-art img{width:56px;height:56px;image-rendering:pixelated}.building-info{flex:1;display:flex;flex-direction:column;gap:8px}.building-info header{display:flex;align-items:center;justify-content:space-between;gap:12px}.building-level{font-size:12px;padding:4px 8px;border-radius:999px;background:#ffe78233;color:#ffe782}.building-info p{margin:0;font-size:12px;color:#ffffffbf}.building-maxed{font-size:12px;color:#8ff5bd}.upgrade-button{align-self:flex-start;padding:8px 14px;border-radius:10px;border:none;background:linear-gradient(180deg,#ffd972,#f6a13e);color:#312012;font-weight:700;letter-spacing:.3px;transition:transform .12s ease,filter .2s ease}.upgrade-button:disabled{background:#ffffff2e;color:#ffffffa6;cursor:not-allowed}.upgrade-button:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.05)}.skins-grid{display:flex;flex-wrap:wrap;gap:12px}.skin-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:12px;border:2px solid rgba(104,69,45,.8);min-width:120px;background:#22160ecc;transition:border-color .2s ease,box-shadow .2s ease}.skin-card.unlocked{border-color:#a5f2ffb3}.skin-card.active{box-shadow:0 0 0 3px #a5f2ff40}.skin-card.locked{opacity:.7}.skin-name{font-size:13px;text-transform:capitalize}.skin-button{padding:6px 12px;border-radius:999px;border:none;background:linear-gradient(180deg,#ffe37c,#f4a945);color:#2b1d16;font-weight:600;cursor:pointer;transition:transform .12s ease}.skin-card.locked .skin-button{background:linear-gradient(180deg,#ff8a8a,#d04f4f);color:#fff}.skin-card.active .skin-button{background:linear-gradient(180deg,#8df5ce,#42d799)}.skin-button:hover{transform:translateY(-1px)}.hud-note{font-size:11px;color:#fff9}.farmer{position:absolute;display:flex;align-items:center;justify-content:center;width:110px;height:110px;transform:translate(-50%,-50%);transition:top 1.1s ease,left 1.1s ease;pointer-events:none}.farmer-visual{image-rendering:pixelated;filter:drop-shadow(0 4px 6px rgba(0,0,0,.6));transition:transform .12s steps(1,end);transform-origin:center}.farmer-sprite{background-repeat:no-repeat}.hud-wrapper{flex:1;min-width:340px}@media (max-width: 960px){.app-shell{padding:24px 18px}.field-wrapper,.hud-wrapper{flex:1 1 100%;max-width:none}.hud{min-width:unset}}:root{font-family:"Press Start 2P",system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#f7f4e9;background-color:#2b1d16}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#523529,#1d120d 70%)}a{color:inherit}button{font-family:inherit;cursor:pointer}