.toy-agrogrid .ag-panel{position:relative;width:100%;height:100%;min-height:300px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#fff6d6 0%,#cfe8a6 45%,#7fb85a 100%);box-shadow:0 20px 60px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.35);font-family:var(--font,system-ui,sans-serif);color:#2c3a1c}
.toy-agrogrid .ag-cv{position:absolute;inset:0;width:100%;height:100%;touch-action:manipulation;cursor:pointer;outline:none}
.toy-agrogrid .ag-cv:focus-visible{box-shadow:inset 0 0 0 3px var(--world,#8fd14f)}
.toy-agrogrid .ag-hud{position:absolute;left:16px;right:16px;top:12px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;pointer-events:none}
.toy-agrogrid .ag-title{font-weight:800;font-size:clamp(16px,3.4vmin,22px);letter-spacing:.02em}
.toy-agrogrid .ag-count{font:700 clamp(13px,2.6vmin,16px) var(--mono,monospace);background:rgba(255,255,255,.7);padding:4px 10px;border-radius:99px;white-space:nowrap}
.toy-agrogrid .ag-hint{position:absolute;left:16px;right:16px;bottom:44px;margin:0;font-size:13px;text-align:center;opacity:.8;pointer-events:none}
.toy-agrogrid .ag-auto{position:absolute;right:14px;top:50px;display:flex;gap:6px;align-items:center;border:0;border-radius:99px;padding:8px 14px;font:700 14px var(--font,system-ui);background:#2f6d2a;color:#fff6d6;cursor:pointer;box-shadow:0 6px 18px rgba(30,60,20,.35);animation:ag-pop .5s ease-out}
.toy-agrogrid .ag-auto.on{background:var(--world,#8fd14f);color:#1d3312}
.toy-agrogrid .ag-auto.on .ag-auto-ic{display:inline-block;animation:ag-spin 2s linear infinite}
.toy-agrogrid .ag-auto:focus-visible{outline:3px solid #fff;outline-offset:2px}
.toy-agrogrid .sg-toy-note{position:absolute;left:12px;bottom:10px;font-size:11px;opacity:.6;pointer-events:none}
@keyframes ag-pop{from{transform:scale(.6);opacity:0}}
@keyframes ag-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.toy-agrogrid .ag-auto,.toy-agrogrid .ag-auto-ic{animation:none!important}}