: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(132px,1fr) auto auto auto minmax(132px,1fr);align-items:center;gap:10px}.heart-cluster,.juice-meter,.round-clock,.opponent-button,.last-stand,.plant-button,.mega-button,.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)}.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,.mega-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}.plant-button:active,.mega-button:active,.opponent-card:active,.opponent-title button:active,.result-panel button:active{transform:translateY(4px);box-shadow:0 4px #123c2c29}.plant-button:disabled,.mega-button:disabled{cursor:default;filter:grayscale(.55) opacity(.55)}.plant-button{width:132px;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-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{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}.mega-button{width:158px;display:grid;grid-template-columns:52px 1fr;align-items:center;gap:8px;padding:10px;background:linear-gradient(180deg,#fff9dc,#ffe7a0);pointer-events:auto}.mega-button.is-targeting{border-color:var(--danger);background:#ffe0df;transform:translateY(-5px)}.mega-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}.mega-copy{display:grid;gap:2px;text-align:left}.mega-copy strong{font-size:1rem;line-height:1.05}.mega-copy small{color:#7a351f;font-weight:950}.result-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#123c2c38;pointer-events:auto}.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){.top-strip{grid-template-columns:auto auto auto auto auto;justify-content:space-between;gap:6px}.heart-cluster{min-height:44px;padding:6px 8px;gap:7px;font-size:.9rem}.heart-cluster>span{display:none}.heart-cluster i{width:17px;height:16px}.heart-cluster i:before,.heart-cluster i:after{width:17px;height:16px}.heart-cluster i:before{top:-8px}.heart-cluster i:after{left:8px}.juice-meter,.round-clock,.opponent-button{min-height:46px;min-width:62px;padding:6px 9px;font-size:1.02rem}.opponent-button{min-width:104px;grid-template-columns:32px 1fr;gap:5px;padding:5px 8px 5px 6px}.opponent-button-icon{width:32px;height:32px}.opponent-button-icon img{width:40px;height:40px}.opponent-button-copy span{font-size:.68rem}.opponent-button-copy strong{font-size:.82rem}.juice-drop{width:18px;height:24px}.plant-button{width:108px;min-height:66px;grid-template-columns:40px 1fr;padding:7px 8px}.plant-symbol{width:38px;height:38px;font-size:1rem}.plant-icon{width:48px;height:48px}.plant-pea .plant-icon,.plant-gourd .plant-icon{width:44px;height:44px}.plant-meta strong,.mega-copy strong{font-size:.86rem}.mega-button{width:128px;min-height:66px;grid-template-columns:42px 1fr}.mega-icon{width:40px;height:40px}.opponent-panel{padding:14px}.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}}