body #sceneExchange>.hero,body #sceneCenter>.hero{pointer-events:none}
body #sceneExchange>.cards,body #sceneCenter>.cards{position:relative;z-index:5;display:grid;grid-template-columns:none;grid-template-rows:minmax(0,1fr);grid-auto-flow:column;grid-auto-columns:min(300px,calc(100vw - 32px));gap:10px;margin:8px 10px;padding:10px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;scroll-padding-inline:4px;max-height:calc(100dvh - var(--garden-appbar-height) - 180px)}
body #sceneExchange>.cards>.card,body #sceneCenter>.cards>.card{height:auto;min-height:160px;background:#ffffffbd;border:1px solid #fff;border-radius:20px}
body #sceneExchange>h2,body #sceneExchange>p,body #sceneCenter>h2{position:relative;z-index:5;margin:4px 12px;padding:4px 8px;width:fit-content;background:#ffffffb3;border-radius:10px;color:#253344}
@media(max-width:350px){body #sceneExchange>.cards,body #sceneCenter>.cards{gap:6px;margin:4px;padding:6px}body #sceneExchange .card h3{font-size:13px}body #sceneExchange .card p{font-size:11px}}