.garden-page{padding:16px}.garden-outer{background:var(--cream);border-radius:18px;max-width:1200px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 40px #3b2a2224,inset 0 0 0 1px #3b2a2214}.garden-outer[data-theme=night]{background:#2a2744}.garden-scroller{overflow:hidden}.garden-stage{aspect-ratio:400/290;width:100%;position:relative;overflow:hidden}.garden-canvas{position:absolute;inset:0}.garden-bg{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity 1.1s;position:absolute;inset:0}.garden-bg.hidden{opacity:0}.garden-overlay{shape-rendering:crispedges;width:100%;height:100%;position:absolute;inset:0}.garden-caption{pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:absolute;bottom:12px;left:0;right:0}.garden-caption .card{pointer-events:auto}.garden-hud{pointer-events:none;flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:absolute;inset:0}.garden-hud .row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.garden-hud .row>*{pointer-events:auto}.garden-outer[data-theme=night] .wordmark{color:#f6ebd9}.pan-hint{color:#fff6e8;background:#3b2a228c;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;display:none}.fp{cursor:pointer}.fp-hit{fill:#0000}.fp-ring{fill:none;stroke:#f2c14e;stroke-width:1px;opacity:0;transition:opacity .15s}.fp:hover .fp-ring,.fp:focus-visible .fp-ring,.fp.selected .fp-ring{opacity:1}.fp:focus{outline:none}.fp-pop{animation:.5s steps(3,end) both fp-pop}@keyframes fp-pop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fp-pop{animation:.5s both fp-fade}@keyframes fp-fade{0%{opacity:0}to{opacity:1}}}.inspector{width:min(92%,460px);color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6e8f5;border-radius:14px;padding:12px 16px;font-size:14px;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 2px #3b2a2226}.inspector h2{margin:0 0 2px;padding-right:28px;font-size:16px}.inspector .cat{border-radius:999px;margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.cat.verified_crawler{color:#2f4a33;background:#c3d4bf}.cat.self_declared_agent{color:#5c4310;background:#f4dfb4}.cat.unknown{color:#4a3128;background:#e6d5bc}.cat.authenticated_agent{color:#3e3260;background:#d9cdeb}.inspector ul{margin:6px 0 0;padding-left:18px}.inspector li{margin:2px 0}.inspector .supports::marker{color:#5e7d5b}.inspector .refutes::marker{color:#b9797f}.inspector .meta{opacity:.85;margin-top:6px;font-size:12px}.inspector .close{cursor:pointer;width:36px;height:36px;color:var(--cocoa);background:#3b2a220f;border:0;border-radius:999px;font-size:20px;position:absolute;top:8px;right:10px}@media (max-width:767px){.garden-page{padding:0}.garden-outer{box-shadow:none;--stage-w:780px;--crop-top:22;--crop-h:252;border-radius:0}.garden-scroller{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;overflow:auto hidden}.garden-scroller::-webkit-scrollbar{display:none}.garden-stage{width:var(--stage-w);height:calc(var(--stage-w) * var(--crop-h) / 400);aspect-ratio:auto}.garden-canvas{height:calc(var(--stage-w) * 290 / 400);transform:translateY(calc(var(--stage-w) * var(--crop-top) / -400))}.garden-caption{padding:10px 12px 12px;position:static}.garden-caption .card{width:100%;max-width:none}.garden-hud{padding:10px 12px}.garden-hud .wordmark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff6e8d1;border-radius:12px;padding:6px 10px}.garden-outer[data-theme=night] .garden-hud .wordmark{background:#2a2744b3}.wordmark-title{font-size:20px}.wordmark-sub{font-size:11px}.pill{padding:6px 10px;font-size:12px}.pan-hint{display:inline-block}.inspector{width:auto;max-height:48vh;padding:14px 16px calc(14px + env(safe-area-inset-bottom));z-index:20;border-radius:18px 18px 0 0;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:none;box-shadow:0 -8px 30px #3b2a222e}}@media (min-width:480px) and (max-width:767px){.garden-outer{--stage-w:960px}}
