:root{color:#123c2c;background:#f7f1d2;font-family:ui-rounded,Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--melon-green: #36a979;--leaf-green: #123c2c;--sun-yellow: #f4c84a;--juice: #f27f45;--danger: #d95866;--cream: #f7f1d2;--card-edge: rgba(18, 60, 44, .22);--toy-shadow: rgba(18, 60, 44, .16)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{margin:0;overflow:hidden;touch-action:none}button{font:inherit}.app-shell{position:relative;width:100vw;height:100dvh;min-height:420px;overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(244,200,74,.28),transparent 28%),linear-gradient(180deg,#fff9d8 0%,var(--cream) 54%,#e8f2b6 100%)}.game-root{position:absolute;top:0;right:0;bottom:0;left:0}.game-root canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;-webkit-user-select:none;user-select:none}.top-strip{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(112px,1fr) auto auto auto auto minmax(112px,1fr);align-items:center;gap:10px}.heart-cluster,.juice-meter,.round-clock,.pause-button,.opponent-button,.last-stand,.plant-button,.shovel-button,.mega-button,.start-panel,.pause-panel,.opponent-panel,.opponent-card,.result-panel{border:3px solid rgba(18,60,44,.24);box-shadow:0 8px 0 var(--toy-shadow)}.heart-cluster{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:8px;background:linear-gradient(180deg,#fffffff0,#fff8dbe0);font-weight:900}.heart-cluster.is-right{justify-self:end}.heart-cluster>div{display:flex;gap:5px}.heart-cluster i{width:22px;height:20px;position:relative;display:block;transform:rotate(-45deg);background:#123c2c38;border-radius:3px}.heart-cluster i:before,.heart-cluster i:after{content:"";position:absolute;width:22px;height:20px;border-radius:50%;background:inherit}.heart-cluster i:before{top:-10px;left:0}.heart-cluster i:after{top:0;left:10px}.heart-cluster i.full{background:var(--danger)}.juice-meter,.round-clock{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:58px;padding:8px 14px;border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fff7cfe0);font-weight:950;font-size:1.38rem}.juice-meter{gap:8px;color:#7a351f}.juice-drop{width:24px;height:32px;border-radius:50% 50% 50% 12%;transform:rotate(-38deg);background:var(--juice);box-shadow:inset 5px 6px #ffffff59}.round-clock{min-width:74px;color:var(--leaf-green)}.pause-button{width:58px;min-height:58px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fff7cfe0);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.pause-button:disabled{cursor:default;filter:grayscale(.4) opacity(.56)}.pause-icon{width:24px;height:28px;display:block;position:relative}.pause-icon:before,.pause-icon:after{content:"";position:absolute;top:1px;width:8px;height:26px;border-radius:5px;background:var(--leaf-green)}.pause-icon:before{left:2px}.pause-icon:after{right:2px}.pause-button.is-resume .pause-icon{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:24px solid var(--leaf-green)}.pause-button.is-resume .pause-icon:before,.pause-button.is-resume .pause-icon:after{display:none}.opponent-button{min-width:138px;min-height:58px;display:inline-grid;grid-template-columns:42px 1fr;align-items:center;gap:8px;padding:6px 12px 6px 8px;border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fff7cfe0);color:var(--leaf-green);font-weight:900;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.opponent-button-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#ffffff8a;box-shadow:inset 0 -4px #123c2c1a}.opponent-button-icon img{width:50px;height:50px;object-fit:contain;transform:translate(2px);filter:drop-shadow(0 3px 0 rgba(18,60,44,.12))}.opponent-button-copy{display:grid;gap:1px;text-align:left}.opponent-button-copy span{font-size:.78rem;color:#7a351f}.opponent-button-copy strong{font-size:1rem;line-height:1.05}.last-stand{position:absolute;top:82px;left:50%;transform:translate(-50%);padding:8px 18px;border-radius:8px;background:var(--danger);color:#fffaf1;font-weight:950;letter-spacing:0}.bottom-dock{position:absolute;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:14px;pointer-events:none}.plant-bar{display:flex;flex-wrap:wrap;gap:10px;pointer-events:auto}.plant-button,.shovel-button,.mega-button,.start-button,.pause-panel button,.opponent-card,.opponent-title button,.result-panel button{min-height:76px;border-radius:8px;cursor:pointer;color:var(--leaf-green);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;-webkit-tap-highlight-color:transparent}.pause-button:active,.plant-button:active,.shovel-button:active,.mega-button:active,.start-button:active,.pause-panel button:active,.opponent-card:active,.opponent-title button:active,.result-panel button:active{transform:translateY(4px);box-shadow:0 4px #123c2c29}.plant-button:disabled,.shovel-button:disabled,.mega-button:disabled{cursor:default;filter:grayscale(.55) opacity(.55)}.plant-button{width:118px;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:9px 10px;border-color:var(--card-edge);background:linear-gradient(180deg,#fffffff5,#fff5cbe6);pointer-events:auto}.plant-button.is-selected{border-color:var(--sun-yellow);background:linear-gradient(180deg,#fffef1,#fff0a5);transform:translateY(-5px)}.plant-symbol{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;position:relative;overflow:hidden;background:#e8f3b8;box-shadow:inset 0 -5px #123c2c1f,inset 0 5px #ffffff80}.plant-sunflower .plant-symbol{background:#fff1a8}.plant-gourd .plant-symbol{background:#d9edaa}.plant-passionfruit .plant-symbol{background:#f3d6ff}.plant-numbgrass .plant-symbol{background:#d9fbff}.plant-icon{width:58px;height:58px;object-fit:contain;display:block;transform:translateY(-4px);filter:drop-shadow(0 5px 0 rgba(18,60,44,.14));pointer-events:none;-webkit-user-select:none;user-select:none}.plant-pea .plant-icon,.plant-gourd .plant-icon,.plant-passionfruit .plant-icon,.plant-numbgrass .plant-icon{width:54px;height:54px}.plant-meta{display:grid;gap:2px;text-align:left}.plant-meta strong{font-size:1rem;line-height:1.1}.plant-meta small{font-size:.95rem;font-weight:900;color:#7a351f}.ability-bar{display:grid;grid-template-columns:repeat(2,148px);align-items:stretch;gap:10px;pointer-events:auto}.shovel-button,.mega-button{width:148px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;padding:10px;pointer-events:auto}.shovel-button{background:linear-gradient(180deg,#f5fffd,#d9f5f0)}.mega-button{background:linear-gradient(180deg,#fff9dc,#ffe7a0)}.mega-pumpkin{background:linear-gradient(180deg,#fff1d7,#ffc06d)}.shovel-button.is-targeting{border-color:#6cc7d2;background:#e0fbfb;transform:translateY(-5px)}.mega-button.is-targeting{border-color:var(--danger);background:#ffe0df;transform:translateY(-5px)}.mega-pumpkin.is-targeting{border-color:#f28a38;background:#ffe5c4}.ability-icon{width:50px;height:50px;display:block;object-fit:contain;transform:translateY(-2px);filter:drop-shadow(0 5px 0 rgba(18,60,44,.14));pointer-events:none;-webkit-user-select:none;user-select:none}.shovel-icon{transform:translateY(-1px) rotate(-5deg)}.ability-copy{display:grid;gap:2px;text-align:left}.ability-copy strong{font-size:1rem;line-height:1.05}.ability-copy small{color:#7a351f;font-weight:950}.start-layer,.pause-layer,.result-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#123c2c38;pointer-events:auto}.start-layer{background:#f7f1d270;padding:24px}.start-panel{width:min(640px,calc(100vw - 36px));display:grid;gap:16px;padding:18px;border-radius:8px;background:#fffaf1f7}.start-title,.pause-panel strong{display:block;color:var(--leaf-green);font-size:1.5rem;font-weight:950}.start-button,.pause-panel button{min-height:68px;border:3px solid rgba(18,60,44,.25);border-radius:8px;background:var(--sun-yellow);color:var(--leaf-green);font-weight:950;cursor:pointer;-webkit-tap-highlight-color:transparent}.pause-panel{min-width:min(320px,calc(100vw - 48px));display:grid;gap:18px;justify-items:center;padding:24px;border-radius:8px;background:linear-gradient(180deg,#fffdeefa,#fff2cafa)}.pause-panel button{min-width:168px;padding:0 22px}.opponent-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#123c2c38;pointer-events:auto}.opponent-panel{width:min(560px,calc(100vw - 36px));display:grid;gap:14px;padding:18px;border-radius:8px;background:#fffaf1f7}.opponent-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:1.35rem;font-weight:950}.opponent-title button{width:52px;min-height:52px;border:3px solid rgba(18,60,44,.24);background:#fff;color:var(--leaf-green);font-size:1.7rem;font-weight:950;line-height:1;cursor:pointer}.opponent-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.opponent-card{min-height:138px;display:grid;justify-items:center;align-content:center;gap:10px;padding:12px;background:#ffffffdb;color:var(--leaf-green);cursor:pointer}.opponent-card.is-active{border-color:var(--sun-yellow);background:#fff7ca}.opponent-face{width:68px;height:62px;display:grid;place-items:center;border-radius:8px;background:#ffffff7a;overflow:hidden;box-shadow:inset 0 -5px #123c2c1a}.opponent-face img{width:78px;height:78px;object-fit:contain;transform:translate(2px);filter:drop-shadow(0 5px 0 rgba(18,60,44,.12));pointer-events:none;-webkit-user-select:none;user-select:none}.opponent-card strong,.opponent-card small{display:block;text-align:center}.opponent-card strong{font-size:1rem;line-height:1.1}.opponent-card small{margin-top:3px;color:#7a351f;font-weight:900}.result-panel{min-width:min(360px,calc(100vw - 48px));display:grid;gap:18px;justify-items:center;padding:24px;border-radius:8px;background:linear-gradient(180deg,#fffdeefa,#fff2cafa)}.result-panel h1{margin:0;font-size:clamp(2rem,7vh,4.8rem);line-height:1;letter-spacing:0;color:var(--leaf-green);text-shadow:0 4px 0 rgba(244,200,74,.38)}.result-panel button{min-width:168px;padding:0 22px;border:3px solid rgba(18,60,44,.25);background:var(--sun-yellow);font-weight:950}.result-panel .secondary-action{min-height:56px;background:#fff}@media (max-width: 760px),(max-height: 500px){.bottom-dock{gap:8px}.top-strip{grid-template-columns:auto auto auto auto auto auto;justify-content:space-between;gap:4px}.heart-cluster{width:72px;min-height:42px;padding:5px 6px;gap:4px;font-size:.9rem}.heart-cluster>span{display:none}.heart-cluster i{width:14px;height:13px}.heart-cluster i:before,.heart-cluster i:after{width:14px;height:13px}.heart-cluster i:before{top:-7px}.heart-cluster i:after{left:7px}.juice-meter,.round-clock,.pause-button,.opponent-button{min-height:42px;min-width:54px;padding:5px 7px;font-size:.98rem}.pause-button{width:42px;padding:0}.pause-icon{width:19px;height:22px}.pause-icon:before,.pause-icon:after{width:6px;height:21px}.pause-button.is-resume .pause-icon{border-top-width:12px;border-bottom-width:12px;border-left-width:19px}.opponent-button{min-width:86px;grid-template-columns:28px 1fr;gap:4px;padding:5px 6px 5px 5px}.opponent-button-icon{width:28px;height:28px}.opponent-button-icon img{width:36px;height:36px}.opponent-button-copy span{font-size:.62rem}.opponent-button-copy strong{font-size:.74rem}.juice-drop{width:18px;height:24px}.plant-bar{gap:6px}.plant-button{width:76px;min-height:56px;grid-template-columns:31px 1fr;gap:5px;padding:5px}.plant-symbol{width:31px;height:31px;font-size:1rem}.plant-icon{width:40px;height:40px}.plant-pea .plant-icon,.plant-gourd .plant-icon,.plant-passionfruit .plant-icon,.plant-numbgrass .plant-icon{width:36px;height:36px}.plant-meta strong,.ability-copy strong,.plant-meta small,.ability-copy small{font-size:.72rem}.ability-bar{grid-template-columns:repeat(3,90px);gap:6px}.shovel-button,.mega-button{width:90px;min-height:56px;grid-template-columns:30px 1fr;gap:5px;padding:6px}.ability-icon{width:30px;height:30px}.opponent-panel{padding:14px}.start-layer{padding:18px}.start-panel{padding:14px;gap:12px}.start-title,.pause-panel strong{font-size:1.28rem}.start-button,.pause-panel button{min-height:58px}.opponent-list{gap:8px}.opponent-card{min-height:112px;padding:8px}.opponent-face{width:52px;height:48px}.opponent-face img{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}