:root{--cream: #fff8ec;--cream-dark: #f3e5c8;--brown: #5b4632;--brown-light: #8a7358;--green: #58b348;--green-dark: #3f8f33;--amber: #f0a832;--amber-dark: #c8871a;--red: #e2574c;--red-dark: #b23f38;--sky: #a5dff2;--shadow: 0 6px 24px rgba(60, 40, 10, .22);--radius: 18px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%;overflow:hidden;overscroll-behavior:none}body{font-family:Avenir Next,Nunito,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--brown);background:var(--sky);user-select:none;-webkit-user-select:none}button{font-family:inherit;color:inherit}h1,h2,h3,p{margin:.3em 0}h2{font-size:1.15rem}h3{font-size:1rem}.muted{color:var(--brown-light);font-size:.9rem}.warn{color:var(--red-dark);font-weight:700;font-size:.9rem}.success{color:var(--green-dark);font-weight:700}.timer{font-weight:700;font-size:.95rem}.effect{font-weight:600;color:var(--green-dark);font-size:.92rem}.hint{margin-top:12px}.row-2{display:flex;gap:10px}.screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.55),transparent 45%),linear-gradient(180deg,#aee4f5,#cdeefa 45%,#9fd47a)}.game-title{font-size:clamp(2.4rem,8vw,4rem);font-weight:900;letter-spacing:.02em;color:#3e7d2e;text-shadow:0 3px 0 rgba(255,255,255,.7),0 6px 18px rgba(40,80,20,.25);margin:0}.tagline{font-size:1.05rem;color:var(--brown);font-weight:600}.menu-deco{font-size:2rem;letter-spacing:.4em}.menu-buttons{display:flex;flex-direction:column;gap:12px;width:min(320px,82vw);margin-top:10px}.menu-confirm{background:var(--cream);border-radius:var(--radius);padding:12px}.menu-footer{position:absolute;bottom:calc(14px + var(--safe-bottom));font-size:.8rem;color:#3c3c1e8c}.load-bar{width:min(300px,70vw);height:16px;background:#fff9;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001f}.load-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#8ad647);transition:width .05s linear}.btn{appearance:none;border:none;cursor:pointer;border-radius:14px;background:var(--cream);box-shadow:0 3px 0 var(--cream-dark),0 5px 10px #462d0a26;font-weight:800;font-size:.95rem;padding:10px 16px;min-height:44px;transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--cream-dark)}.btn:disabled{filter:grayscale(.7) opacity(.6);cursor:not-allowed}.btn-primary{background:linear-gradient(180deg,#6cc653,var(--green));color:#fff;box-shadow:0 4px 0 var(--green-dark),0 6px 12px #1e5a144d;text-shadow:0 1px 2px rgba(0,60,0,.25)}.btn-primary:active{box-shadow:0 1px 0 var(--green-dark)}.btn-accent{background:linear-gradient(180deg,#f7bc4a,var(--amber));color:#fff;box-shadow:0 4px 0 var(--amber-dark),0 6px 12px #8c5a004d;text-shadow:0 1px 2px rgba(90,50,0,.3)}.btn-accent:active{box-shadow:0 1px 0 var(--amber-dark)}.btn-danger{background:linear-gradient(180deg,#ec6f60,var(--red));color:#fff;box-shadow:0 4px 0 var(--red-dark)}.btn-ghost{background:transparent;box-shadow:none;text-decoration:underline}.btn-large{width:100%;font-size:1.05rem;min-height:52px}.btn-small{min-height:40px;padding:6px 12px;font-size:.88rem}.game-root{position:fixed;inset:0}.game-root canvas{display:block}.topbar{position:fixed;top:calc(8px + var(--safe-top));left:calc(8px + var(--safe-left));right:calc(8px + var(--safe-right));display:flex;gap:8px;align-items:center;pointer-events:none;z-index:20}.pill{pointer-events:auto;background:var(--cream);border-radius:999px;padding:7px 14px;font-size:.95rem;font-weight:700;box-shadow:var(--shadow);display:flex;align-items:center;gap:6px;white-space:nowrap}.pill-warn{background:#ffe3d6;color:var(--red-dark)}.pill-level{flex:0 1 auto;min-width:110px}.level-num{font-weight:900}.xp-track{flex:1;height:8px;min-width:46px;background:var(--cream-dark);border-radius:999px;overflow:hidden}.xp-fill{display:block;height:100%;background:linear-gradient(90deg,var(--amber),#ffd44a);border-radius:999px;transition:width .4s ease}.pill-btn{border:none;cursor:pointer;margin-left:auto;font-size:1.15rem;min-width:44px;min-height:44px;justify-content:center}.bottombar{position:fixed;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.action-btn{position:relative;border:none;cursor:pointer;width:76px;min-height:64px;border-radius:16px;background:var(--cream);box-shadow:0 4px 0 var(--cream-dark),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 4px;transition:transform .08s}.action-btn:active{transform:translateY(2px)}.action-btn.active{outline:3px solid var(--green)}.action-btn.disabled{filter:grayscale(.5) opacity(.75)}.action-emoji{font-size:1.5rem;line-height:1}.action-label{font-size:.68rem;font-weight:800}.action-lock{position:absolute;top:4px;right:6px;font-size:.75rem}.badge{position:absolute;top:-6px;right:-4px;background:var(--red);color:#fff;font-size:.75rem;font-weight:900;min-width:22px;height:22px;border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #78140a66}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--cream);border-radius:22px 22px 0 0;box-shadow:0 -8px 30px #321e054d;padding:6px 16px calc(14px + var(--safe-bottom));max-height:min(62vh,480px);display:flex;flex-direction:column;animation:sheet-up .22s ease;touch-action:pan-y}@keyframes sheet-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--cream-dark);margin:4px auto 2px}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-emoji{margin-right:8px}.btn-close{font-size:1rem;min-width:44px}.sheet-content{overflow-y:auto;padding:4px 2px 8px}@media (min-width: 860px){.sheet{inset:auto 18px 18px auto;width:390px;border-radius:20px;max-height:min(72vh,640px);animation:sheet-side .2s ease}@keyframes sheet-side{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.bottombar{left:18px;transform:none}}.bar{height:12px;background:var(--cream-dark);border-radius:999px;overflow:hidden;margin:8px 0}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#8ad647);transition:width .3s ease}.bar-warn .bar-fill{background:linear-gradient(90deg,var(--amber),var(--red))}.crop-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.crop-card{border:none;cursor:pointer;background:#fff;border-radius:14px;box-shadow:0 3px 0 var(--cream-dark);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700;transition:transform .08s}.crop-card:active{transform:scale(.97)}.crop-card:disabled{filter:grayscale(.75) opacity(.6);cursor:not-allowed}.crop-emoji{font-size:1.8rem}.crop-name{font-size:.95rem;font-weight:900}.crop-cost{font-size:.85rem;color:var(--amber-dark)}.crop-lock{font-size:.85rem;color:var(--brown-light)}.crop-time{font-size:.78rem;color:var(--brown-light)}.crop-gain{font-size:.75rem;color:var(--green-dark)}.level-badge{display:inline-block;background:var(--cream-dark);padding:3px 12px;border-radius:999px;font-weight:900;font-size:.85rem}.action-block{margin:12px 0}.upgrade-block{border-top:2px dashed var(--cream-dark);margin-top:14px;padding-top:8px}.sell-list,.build-list,.mission-list{display:flex;flex-direction:column;gap:10px}.sell-row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:8px 10px;box-shadow:0 2px 0 var(--cream-dark)}.sell-emoji{font-size:1.6rem}.sell-info{flex:1;display:flex;flex-direction:column}.sell-info small{color:var(--brown-light)}.sell-actions{display:flex;gap:6px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:8px}.inv-cell{background:#fff;border-radius:12px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 0 var(--cream-dark)}.inv-seed{background:#f4fbef}.inv-emoji{font-size:1.4rem}.inv-cell small{font-size:.72rem;color:var(--brown-light)}.build-card{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 2px 0 var(--cream-dark)}.build-card.locked{opacity:.65}.build-emoji{font-size:1.7rem}.build-info{flex:1;display:flex;flex-direction:column;gap:2px}.build-info small{color:var(--brown-light);font-size:.78rem}.build-status{font-weight:800;font-size:.85rem;color:var(--brown-light);white-space:nowrap}.mission-card{background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 2px 0 var(--cream-dark)}.mission-card.complete{outline:3px solid var(--green)}.mission-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.mission-reward{font-size:.82rem;font-weight:800;color:var(--amber-dark);white-space:nowrap}.mission-progress{color:var(--brown-light);font-weight:700}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--cream-dark)}.setting-row label{font-weight:700;font-size:.92rem}.setting-row input[type=range]{flex:1;max-width:150px;accent-color:var(--green)}.quality-choices{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.danger-zone{margin-top:16px;text-align:center}.about{margin-top:14px;font-size:.78rem;text-align:center}.toasts{position:fixed;top:calc(64px + var(--safe-top));left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none;width:min(92vw,420px);align-items:center}.toast{background:var(--cream);border-radius:999px;padding:9px 18px;font-weight:700;font-size:.92rem;box-shadow:var(--shadow);animation:toast-in .25s ease;text-align:center}.toast-success{background:#e7f6da;color:var(--green-dark)}.toast-error{background:#ffe3d6;color:var(--red-dark)}@keyframes toast-in{0%{transform:translateY(-14px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.floaters{position:fixed;inset:0;pointer-events:none;z-index:60}.floater{position:absolute;transform:translate(-50%,-100%);font-weight:900;font-size:1.15rem;text-shadow:0 2px 0 rgba(255,255,255,.85),0 3px 8px rgba(0,0,0,.18);animation:float-up 1.25s ease-out forwards}@keyframes float-up{0%{opacity:0;margin-top:0}12%{opacity:1}75%{opacity:1}to{opacity:0;margin-top:-70px}}.tutorial{position:fixed;left:50%;transform:translate(-50%);bottom:calc(92px + var(--safe-bottom));z-index:40;width:min(92vw,430px);pointer-events:none}.tutorial-card{pointer-events:auto;background:var(--cream);border-radius:18px;box-shadow:var(--shadow);padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;animation:sheet-up .25s ease}.tutorial-mascot{font-size:1.9rem}.tutorial-card p{flex:1;min-width:200px;font-size:.92rem;font-weight:600}.tutorial-actions{display:flex;gap:8px;width:100%;justify-content:flex-end}@media (min-width: 860px){.tutorial{left:18px;transform:none;bottom:110px}}.reduce-anims *,.reduce-anims *:before,.reduce-anims *:after{animation-duration:1ms!important;transition-duration:1ms!important}@media (max-width: 420px){.pill{padding:6px 10px;font-size:.85rem}.action-btn{width:68px}}.pill-ok{background:#e7f6da;color:var(--green-dark)}.battle-tray{position:fixed;bottom:calc(10px + var(--safe-bottom));left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.unit-card{position:relative;border:none;cursor:pointer;width:96px;min-height:76px;border-radius:16px;background:var(--cream);box-shadow:0 4px 0 var(--cream-dark),var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;transition:transform .08s}.unit-card:active{transform:translateY(2px)}.unit-card.active{outline:3px solid var(--amber)}.unit-card.disabled{filter:grayscale(.6) opacity(.6)}.unit-emoji{font-size:1.6rem;line-height:1}.unit-name{font-size:.62rem;font-weight:800;text-align:center}.unit-cost{font-size:.72rem;font-weight:900;color:var(--amber-dark)}.battle-hint{position:fixed;left:50%;transform:translate(-50%);bottom:calc(104px + var(--safe-bottom));z-index:15;width:min(92vw,460px);pointer-events:none}.battle-hint p{background:var(--cream);border-radius:16px;padding:10px 16px;font-size:.9rem;box-shadow:var(--shadow);text-align:center}.result-backdrop{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;background:#28190573;animation:toast-in .25s ease}.result-modal{background:var(--cream);border-radius:22px;box-shadow:var(--shadow);padding:22px 28px calc(22px + var(--safe-bottom) / 2);width:min(88vw,360px);text-align:center}.result-modal h2{font-size:1.5rem;margin-bottom:4px}.result-line{font-size:.98rem}.result-stars{font-size:2.2rem;letter-spacing:.2em;margin:4px 0 8px}.star{color:#d8ccb4}.star.on{color:var(--amber);text-shadow:0 2px 8px rgba(240,168,50,.6)}@media (max-width: 420px){.unit-card{width:84px}}