: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;margin:0;padding:0}html,body,#root{min-height:100vh;background:#1a2e1a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(ellipse at 50% 30%,#264a26,#1a2e1a 70%)}.farm-shell{padding:.5rem;align-items:start}.btn{font-family:inherit;font-size:.95rem;font-weight:600;border:none;border-radius:.75rem;padding:.65rem 1.3rem;cursor:pointer;transition:transform .1s,box-shadow .15s;color:#fff}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#f59e0b,#84cc16);box-shadow:0 4px 20px #f59e0b40}.btn-primary:hover:not(:disabled){box-shadow:0 6px 28px #f59e0b66}.btn-secondary{background:#ffffff14;color:#ccc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover{background:#ffffff1f}.btn-lg{font-size:1.1rem;padding:.85rem 2rem}.btn-full{width:100%}.btn-sell{background:#84cc1633;color:#84cc16;padding:.35rem .8rem;font-size:.8rem;border-radius:.5rem}.btn-sell:hover:not(:disabled){background:#84cc164d}.btn-train{background:#f59e0b33;color:#f59e0b;padding:.35rem .8rem;font-size:.8rem;border-radius:.5rem}.btn-train:hover:not(:disabled){background:#f59e0b4d}.btn-tiny{font-size:.75rem;padding:.3rem .6rem;background:#60a5fa26;color:#60a5fa;border:1px solid rgba(96,165,250,.2);border-radius:.5rem;cursor:pointer;font-family:inherit;font-weight:600}.btn-tiny:hover{background:#60a5fa40}.btn-action{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);font-size:.85rem;padding:.55rem .5rem;position:relative}.btn-action:hover{background:#ffffff1a}.btn-next-day{background:linear-gradient(135deg,#f59e0b,#f97316);font-size:.85rem;padding:.55rem 1rem;box-shadow:0 2px 12px #f59e0b40}.badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:.1rem .35rem;border-radius:1rem;min-width:1.2rem;text-align:center}.farm-menu{text-align:center;max-width:26rem;padding:3rem 2.5rem;border-radius:1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.game-title{margin-bottom:2rem}.title-emoji{font-size:3.5rem;display:block;margin-bottom:.5rem;filter:drop-shadow(0 4px 12px rgba(245,158,11,.4))}.game-title h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#f59e0b,#84cc16);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.subtitle{color:#ffffff80;font-size:.95rem;margin-top:.5rem;line-height:1.6}.menu-features{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.menu-features span{font-size:.85rem;color:#ffffff8c;background:#ffffff0d;padding:.35rem .75rem;border-radius:2rem;border:1px solid rgba(255,255,255,.06)}.panel{width:100%;max-width:32rem;margin:0 auto;padding:1.5rem;border-radius:1.25rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:1.25rem}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h2{font-size:1.3rem;font-weight:700}.money-badge{background:#f59e0b26;color:#f59e0b;padding:.3rem .75rem;border-radius:2rem;font-weight:700;font-size:.9rem}.shop-section h3{font-size:.9rem;color:#ffffff80;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:.5rem}.shop-grid-2{grid-template-columns:repeat(3,1fr)}.shop-item{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;border-radius:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s;color:#fff;font-family:inherit}.shop-item:hover:not(:disabled){background:#ffffff14;border-color:#ffffff1f}.shop-item:disabled{opacity:.4;cursor:not-allowed}.shop-emoji{font-size:1.8rem}.shop-name{font-size:.8rem;font-weight:600}.shop-price{font-size:.75rem;color:#f59e0b;font-weight:700}.shop-detail{font-size:.65rem;color:#ffffff59}.empty-state{text-align:center;padding:2rem;color:#fff6}.empty-state span{font-size:2.5rem;display:block;margin-bottom:.5rem}.market-items{display:flex;flex-direction:column;gap:.4rem}.market-row{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;border-radius:.6rem;background:#ffffff08;border:1px solid rgba(255,255,255,.04)}.market-row.empty{opacity:.35}.market-info{display:flex;align-items:center;gap:.6rem}.market-emoji{font-size:1.3rem}.market-name{font-weight:600;font-size:.9rem}.market-qty{font-size:.8rem;color:#fff6}.market-actions{display:flex;align-items:center;gap:.6rem}.market-price{font-size:.8rem;color:#f59e0b;font-weight:600}.training-list{display:flex;flex-direction:column;gap:.5rem}.training-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:.75rem;background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.training-info{display:flex;align-items:center;gap:.75rem}.training-emoji{font-size:2rem}.training-name{font-weight:700;font-size:.95rem;display:block}.level-bar{display:flex;gap:.1rem;margin-top:.2rem}.level-pip{font-size:.6rem;opacity:.2}.level-pip.filled{opacity:1}.farm-layout{width:100%;max-width:36rem;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.farm-hud{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:.75rem;padding:.6rem .8rem}.hud-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.hud-stat{color:#ffffffb3}.money-stat{color:#f59e0b;font-weight:700;font-size:1rem}.hud-alerts{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.4rem}.alert{font-size:.7rem;padding:.15rem .5rem;border-radius:1rem;font-weight:600}.alert-warn{background:#ef444426;color:#f87171}.alert-info{background:#60a5fa26;color:#60a5fa}.alert-success{background:#84cc1626;color:#84cc16}.section{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:.75rem;padding:.75rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.section-header h3{font-size:.85rem;font-weight:700;color:#fffc}.empty-hint{text-align:center;color:#ffffff4d;font-size:.85rem;padding:1rem}.animal-pens{display:flex;gap:.5rem;flex-wrap:wrap}.pen{width:3.5rem;height:3.5rem;border-radius:.6rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:all .15s}.pen.fed{background:#84cc161a;border:1px solid rgba(132,204,22,.2)}.pen.hungry{background:#ef44441a;border:1px solid rgba(239,68,68,.2);animation:hungryPulse 2s ease-in-out infinite}@keyframes hungryPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 12px #ef444426}}.pen-emoji{font-size:1.5rem;line-height:1}.pen-status{font-size:.6rem;line-height:1}.pen-level{font-size:.55rem;color:#f59e0b;font-weight:700}.produce-badge{position:absolute;top:-4px;right:-4px;font-size:.85rem;animation:bounce 1s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.crop-select{display:flex;gap:.35rem;align-items:center}.crop-btn{font-size:1rem;padding:.2rem .35rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.06);border-radius:.4rem;cursor:pointer;transition:all .15s;line-height:1}.crop-btn:hover{background:#ffffff1a}.crop-btn.active{background:#84cc1626;border-color:#84cc164d}.crop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem}.plot{aspect-ratio:1;border-radius:.5rem;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:all .15s;font-family:inherit;border:1px solid rgba(255,255,255,.06)}.plot:hover{transform:scale(1.05)}.plot.empty{background:#8b5a2b40;border-color:#8b5a2b4d}.plot.empty:hover{background:#8b5a2b59}.plot.planted{background:#50321466;border-color:#7850284d}.plot.watered{background:#3c648c33;border-color:#3c648c4d}.plot.ready{background:#84cc1626;border-color:#84cc164d;animation:readyPulse 2s ease-in-out infinite}@keyframes readyPulse{0%,to{box-shadow:0 0 #84cc1600}50%{box-shadow:0 0 14px #84cc1626}}.plot-emoji{font-size:1.5rem;line-height:1}.plot-empty{font-size:1rem;color:#ffffff26}.water-drop{position:absolute;top:1px;right:1px;font-size:.55rem}.harvest-hint{position:absolute;bottom:1px;right:1px;font-size:.6rem;animation:bounce .8s ease-in-out infinite}.farm-actions{display:flex;gap:.4rem}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.55rem 1.1rem;border-radius:2rem;font-size:.85rem;font-weight:600;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .3s ease-out;z-index:20;white-space:nowrap}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:520px){.farm-hud,.hud-row{font-size:.8rem}.money-stat{font-size:.9rem}.crop-grid{grid-template-columns:repeat(4,1fr)}.shop-grid,.shop-grid-2{grid-template-columns:repeat(2,1fr)}.panel{padding:1rem}.btn-action{font-size:.75rem;padding:.5rem .3rem}.btn-next-day{font-size:.75rem;padding:.5rem .75rem}.pen{width:3rem;height:3rem}.pen-emoji{font-size:1.3rem}}