:root{--bg: #0e1218;--panel: #171d27;--panel-soft: #1f2733;--text: #e9eef6;--text-dim: #8d9aad;--accent: #7ee081;--danger: #ff7a7a;--seed: #f5c451;--veg-1: #ef5da8;--veg-2: #ff8a3d;--veg-3: #7ed957;--veg-4: #e5484d;--veg-5: #f5c451;--veg-6: #8b5cf6;--veg-7: #22c1c3;--veg-8: #4f8ef7;--veg-9: #b45309;--veg-10: #166534;--veg-11: #d4af37;--gap: 8px;--edge: 8px;--bottom-safe: max(var(--edge), env(safe-area-inset-bottom, 0px))}@media(pointer:coarse){:root{--bottom-safe: max(34px, env(safe-area-inset-bottom, 0px))}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{overscroll-behavior:none}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;user-select:none;overflow:hidden}body.is-dragging{overflow:hidden;touch-action:none;cursor:grabbing}.app{height:100%;max-width:520px;margin:0 auto;padding:var(--edge);padding-bottom:var(--bottom-safe);display:flex;flex-direction:column;gap:var(--gap);overflow:hidden}.header{display:flex;align-items:center;gap:12px;min-width:0;background:var(--panel);border-radius:14px;padding:8px 12px;flex:0 0 auto}.header__seeds{display:flex;align-items:center;gap:6px;position:relative}.header__seeds-icon{width:14px;height:14px;border-radius:50%;background:var(--seed);box-shadow:inset 0 -3px 4px #00000040}.header__seeds-value{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.header__rewards{position:absolute;left:0;top:-4px;pointer-events:none}.header__reward{position:absolute;left:18px;white-space:nowrap;color:var(--accent);font-weight:700;font-size:14px;animation:float-up .9s ease-out forwards}@keyframes float-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-22px)}}.header__energy{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.energy-bar{position:relative;flex:1;height:20px;border-radius:10px;background:var(--panel-soft);overflow:hidden;min-width:0}.energy-bar__fill{height:100%;width:min(100%,calc(100% * var(--energy-value) / var(--energy-max)));background:linear-gradient(90deg,#3aa0ff,#7ee081);transition:width .2s ease-out}.energy-bar__label{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.6)}.header__timer{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.plot-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;min-width:0;flex:0 0 auto;max-height:22%}.plot{max-height:100%}.plot{position:relative;aspect-ratio:1;border:none;border-radius:14px;background:var(--panel);color:inherit;display:grid;place-items:center;padding:0;container-type:inline-size;touch-action:manipulation;cursor:pointer}.plot--ready{background:var(--panel-soft);box-shadow:0 0 0 2px #7ee08159}.plot--locked{background:#ffffff08}.plot__ring{width:62%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--accent) var(--progress, 0%),rgba(255,255,255,.08) 0);display:grid;place-items:center}.plot__ring:after{content:"";width:68%;height:68%;border-radius:50%;background:var(--panel)}.plot__count{position:absolute;right:4px;bottom:2px;font-size:26cqw;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.8)}.plot__lock{display:grid;place-items:center;gap:2px}.plot__lock-icon{width:26cqw;height:22cqw;border-radius:3px;background:var(--text-dim);position:relative}.plot__lock-icon:before{content:"";position:absolute;left:50%;top:-60%;width:60%;height:70%;transform:translate(-50%);border:3px solid var(--text-dim);border-bottom:none;border-radius:999px 999px 0 0}.plot__price{font-size:20cqw;color:var(--text-dim);font-weight:700;font-variant-numeric:tabular-nums}.board-area{min-width:0;flex:1 1 auto;min-height:40%;display:grid;place-items:center;container-type:size;position:relative}.board{width:100%;aspect-ratio:1;width:min(100cqw,100cqh);height:min(100cqw,100cqh);display:grid;grid-template-columns:repeat(var(--board-width),minmax(0,1fr));gap:2%;touch-action:none}.cell{position:relative;border-radius:14%;background:#ffffff0a;display:grid;place-items:center;container-type:inline-size;touch-action:none;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.cell--merge{background:#7ee08124;box-shadow:inset 0 0 0 2px #7ee081b3}.cell--blocked{background:#ff7a7a1a;box-shadow:inset 0 0 0 2px #ff7a7a8c}.cell--hover{transform:scale(1.06)}.cell--lifted .veg{opacity:.25}.veg{width:82%;aspect-ratio:1;border-radius:50%;background:var(--veg-color, var(--panel-soft));display:grid;place-items:center;box-shadow:inset 0 -12% 16% #00000047,0 2px 6px #0006;cursor:grab}.veg--muted{filter:grayscale(1) brightness(.7)}.veg__level{font-size:30cqw;font-weight:800;color:#ffffffeb;text-shadow:0 1px 3px rgba(0,0,0,.45)}.veg[data-level="1"]{--veg-color: var(--veg-1)}.veg[data-level="2"]{--veg-color: var(--veg-2)}.veg[data-level="3"]{--veg-color: var(--veg-3)}.veg[data-level="4"]{--veg-color: var(--veg-4)}.veg[data-level="5"]{--veg-color: var(--veg-5)}.veg[data-level="6"]{--veg-color: var(--veg-6)}.veg[data-level="7"]{--veg-color: var(--veg-7)}.veg[data-level="8"]{--veg-color: var(--veg-8)}.veg[data-level="9"]{--veg-color: var(--veg-9)}.veg[data-level="10"]{--veg-color: var(--veg-10)}.veg[data-level="11"]{--veg-color: var(--veg-11);box-shadow:inset 0 -12% 16% #00000040,0 0 14px #d4af37b3}.drag-ghost{position:fixed;left:0;top:0;z-index:40;pointer-events:none;container-type:inline-size;display:grid;place-items:center;will-change:transform}.drag-ghost .veg{width:92%;transform:scale(1.08);box-shadow:0 8px 18px #0000008c}.drag-ghost__cost{position:absolute;top:-18px;padding:1px 7px;border-radius:999px;background:#3aa0ff;color:#06121f;font-size:12px;font-weight:800}.sell-sheet{position:fixed;inset:0;z-index:60;background:#06090e99;display:grid;place-items:center;padding:16px}.sell-sheet__card{width:100%;max-width:300px;background:var(--panel);border-radius:18px;padding:16px;display:grid;justify-items:center;gap:10px;container-type:inline-size}.sell-sheet__card .veg{width:30%}.sell-sheet__text{display:grid;justify-items:center;gap:4px}.sell-sheet__name{font-weight:700}.sell-sheet__badge{font-size:11px;color:#06121f;background:var(--seed);border-radius:999px;padding:1px 8px;font-weight:700}.button{width:100%;border:none;border-radius:12px;padding:11px;background:var(--panel-soft);color:var(--text);font-size:15px;font-weight:600;cursor:pointer}.button--primary{background:var(--accent);color:#08210c}.weed{flex:0 0 auto;border:none;border-radius:12px;padding:10px;background:#7ee08129;box-shadow:inset 0 0 0 1px #7ee08180;color:var(--text);font-size:14px;font-weight:700;cursor:pointer}.shop{flex:0 1 auto;min-width:0;background:var(--panel);border-radius:14px;padding:8px;display:flex;align-items:center;gap:10px;min-height:0}.shop__day{display:flex;align-items:center;gap:8px;flex:0 0 auto;min-width:0;padding-right:10px;border-right:1px solid rgba(255,255,255,.08)}.shop__day .veg{flex:0 0 auto}.shop__day-text{min-width:0}.shop__day-name,.shop__day-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop__day .veg{width:34px;height:34px}.shop__day .veg__level{font-size:15px}.shop__day-text{display:grid;line-height:1.2}.shop__day-title{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.shop__day-name{font-size:13px;font-weight:700}.shop__day-price{font-size:14px;font-weight:800;color:var(--seed);font-variant-numeric:tabular-nums}.shop__buttons{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}.shop__buy{border:none;border-radius:12px;background:var(--panel-soft);color:var(--text);padding:5px 2px;display:grid;justify-items:center;gap:2px;cursor:pointer;min-width:0}.shop__buy .veg{width:26px;height:26px;cursor:inherit}.shop__buy .veg__level{font-size:12px}.shop__buy--off{opacity:.45}.shop__buy-price{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.shop__energy-icon{width:26px;height:26px;border-radius:50%;background:linear-gradient(160deg,#3aa0ff,#7ee081)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#141921f5;box-shadow:inset 0 0 0 1px #ff7a7a80;color:var(--text);padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;z-index:70;animation:toast-in .16s ease-out;pointer-events:none}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.hint{position:fixed;inset:0;z-index:80;background:#06090eb8;display:grid;place-items:center;padding:20px}.hint__card{max-width:320px;background:var(--panel);border-radius:18px;padding:18px;display:grid;gap:8px;animation:toast-in .18s ease-out}.hint__step{font-size:11px;color:var(--text-dim);letter-spacing:.05em}.hint__text{margin:0;font-size:16px;line-height:1.4}.hint__tap{font-size:12px;color:var(--text-dim)}.invite__open{flex:0 0 auto;font:inherit;font-size:12px;color:var(--text);background:var(--panel-soft);border:0;border-radius:10px;padding:5px 9px;cursor:pointer;white-space:nowrap}.invite{position:fixed;inset:0;z-index:85;background:#06090eb8;display:grid;place-items:center;padding:20px}.invite__card{width:100%;max-width:320px;background:var(--panel);border-radius:18px;padding:18px;display:grid;gap:10px;animation:toast-in .18s ease-out}.invite__title{margin:0;font-size:15px;font-weight:700}.invite__link{width:100%;min-width:0;font:inherit;font-size:13px;color:var(--text);background:var(--panel-soft);border:0;border-radius:10px;padding:10px;user-select:text;-webkit-user-select:text}.invite__buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.invite__note{margin:0;font-size:11px;color:var(--text-dim)}.dev{position:fixed;right:8px;bottom:8px;z-index:90;background:#0a0e14f0;border-radius:12px;box-shadow:inset 0 0 0 1px #ffffff1a;padding:6px;display:grid;gap:4px;max-width:260px}.dev__row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dev__title{font-size:11px;font-weight:800;color:var(--accent);margin-right:auto}.dev__label{font-size:11px;color:var(--text-dim);width:44px}.dev__button{border:none;border-radius:8px;background:var(--panel-soft);color:var(--text);font-size:11px;padding:5px 7px;cursor:pointer}.dev__button--on{background:var(--accent);color:#08210c}.dev__button--wide{flex:1}.dev__range{flex:1;min-width:60px}.dev__toggle{position:fixed;right:8px;bottom:8px;z-index:90;border:none;border-radius:999px;background:#0a0e14f0;color:var(--accent);font-size:11px;font-weight:800;padding:6px 10px;cursor:pointer}@media(max-height:700px){.shop{padding:6px;gap:8px}.shop__buy .veg,.shop__day .veg{width:22px;height:22px}.shop__buy{padding:3px 2px}}@media(max-height:620px){.plot-row{gap:4px;max-height:18%}.shop__day-text{display:none}}@media(max-height:540px){.header{padding:4px 10px;gap:8px}.header__seeds-value{font-size:15px}.energy-bar{height:16px}:root{--gap: 6px;--edge: 6px}}@media(max-width:440px){.shop__day-text{display:none}}@media(max-width:360px){:root{--gap: 6px;--edge: 6px}.shop__day-text{display:none}}