/* count: pictures scale with the stage so 1 to 20 things fit in portrait or landscape */
.tray{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(0.25rem,1.5cqmin,0.625rem);background:var(--sea-soft);border-radius:1.5rem;padding:clamp(0.5rem,3cqmin,1.25rem);width:100%;max-width:40rem;align-content:center;box-sizing:border-box}
.tray.rows{display:grid;grid-template-columns:repeat(5,auto);justify-content:center;width:auto}
.tray.small{width:auto;max-width:44%;padding:0.625rem}
.thing{font-size:clamp(1.8rem,min(11cqw,13cqh),3.6rem);line-height:1.1;animation:bob 2.4s ease-in-out infinite;position:relative}
.tray.rows .thing{font-size:clamp(1.3rem,min(11cqw,7cqh),2.8rem)}
.tray.small .thing{font-size:clamp(1.4rem,min(7cqw,10cqh),2.8rem)}
.thing:nth-child(2n){animation-delay:-.6s}.thing:nth-child(3n){animation-delay:-1.2s}
.thing.gone{opacity:.35;animation:none}
.thing.gone::after{content:"✕";position:absolute;inset:0;display:grid;place-items:center;color:var(--tomato-deep);font-family:var(--f-display);font-weight:800;opacity:1}
.sum-row{display:flex;align-items:center;justify-content:center;gap:0.625rem;width:100%}
.sum-row .op{font-family:var(--f-display);font-size:2.4rem;color:var(--ink)}
.choices{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}
.big-num{width:clamp(3.6rem,min(20cqw,20cqh),6rem);height:clamp(3.6rem,min(20cqw,20cqh),6rem);border-radius:1.625rem;background:var(--sun);font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,7cqmin,2.8rem);box-shadow:0 0.375rem 0 #D9A21C;padding:0}