.tray{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:var(--spacing-3);width:100%;aspect-ratio:16/7}.cell{border-radius:var(--radius-panel);background:var(--surface);border:1px solid var(--border-subtle);padding:var(--spacing-4);overflow:hidden;will-change:opacity,transform}.cell-message{grid-area:1/1/3/5;border-radius:var(--radius-container);display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-4)}.piece{animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:var(--ease-standard);background:var(--surface-2);border-color:transparent}.piece-1{animation-name:pack-1}.piece-2{animation-name:pack-2;animation-delay:70ms}.piece-3{animation-name:pack-3;animation-delay:.14s}.piece-4{animation-name:pack-4;animation-delay:.21s}.piece-5{animation-name:pack-5;animation-delay:.28s}@keyframes pack-1{0%,32.4%{grid-area:1/5/2/7}33%,65.7%{grid-area:1/5/3/6}66%,to{grid-area:1/5/2/7}0%,33%,66%{opacity:0;transform:scale(.94)}38%,5%,71%{opacity:1;transform:none}28%,61%,94%{opacity:1;transform:none}32.4%,65.7%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-2{0%,32.4%{grid-area:2/5/3/6}33%,65.7%{grid-area:1/6/2/7}66%,to{grid-area:2/5/3/7}0%,33%,66%{opacity:0;transform:scale(.94)}38%,5%,71%{opacity:1;transform:none}28%,61%,94%{opacity:1;transform:none}32.4%,65.7%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-3{0%,32.4%{grid-area:2/6/3/7}33%,65.7%{grid-area:2/6/3/7}66%,to{grid-area:3/1/4/2}0%,33%,66%{opacity:0;transform:scale(.94)}38%,5%,71%{opacity:1;transform:none}28%,61%,94%{opacity:1;transform:none}32.4%,65.7%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-4{0%,32.4%{grid-area:3/1/4/4}33%,65.7%{grid-area:3/1/4/3}66%,to{grid-area:3/2/4/5}0%,33%,66%{opacity:0;transform:scale(.94)}38%,5%,71%{opacity:1;transform:none}28%,61%,94%{opacity:1;transform:none}32.4%,65.7%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-5{0%,32.4%{grid-area:3/4/4/7}33%,65.7%{grid-area:3/3/4/7}66%,to{grid-area:3/5/4/7}0%,33%,66%{opacity:0;transform:scale(.94)}38%,5%,71%{opacity:1;transform:none}28%,61%,94%{opacity:1;transform:none}32.4%,65.7%,99.4%{opacity:0;transform:scale(.94)}}.bar{height:10px;border-radius:var(--radius-chip);background:var(--surface-3)}.bars{display:flex;flex-direction:column;gap:var(--spacing-2);height:100%;justify-content:flex-start}.piece-2{padding:0}.plate{height:100%;border-radius:var(--radius-control);background:var(--surface-3)}.columns{display:flex;align-items:flex-end;gap:var(--spacing-2);height:100%}.columns>i{flex:1;min-width:4px;border-radius:var(--radius-chip);background:var(--surface-3)}.columns>i:last-child{background:var(--garnet)}.frames{display:flex;gap:var(--spacing-2);height:100%}.frames>i{flex:1;border-radius:var(--radius-control);border:1px solid var(--border-medium);background:var(--surface)}@media (width < 768px){.tray{grid-template-columns:repeat(2,1fr);grid-template-rows:auto repeat(3,64px);aspect-ratio:auto}.cell-message{grid-area:1/1/2/3}.piece{animation-duration:8s}@keyframes pack-1{0%,49.4%{grid-area:2/1/3/3}50%,to{grid-area:2/1/3/2}0%,50%{opacity:0;transform:scale(.94)}56%,6%{opacity:1;transform:none}44%,94%{opacity:1;transform:none}49.4%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-2{0%,49.4%{grid-area:3/1/4/2}50%,to{grid-area:2/2/4/3}0%,50%{opacity:0;transform:scale(.94)}56%,6%{opacity:1;transform:none}44%,94%{opacity:1;transform:none}49.4%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-3{0%,49.4%{grid-area:3/2/4/3}50%,to{grid-area:3/1/4/2}0%,50%{opacity:0;transform:scale(.94)}56%,6%{opacity:1;transform:none}44%,94%{opacity:1;transform:none}49.4%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-4{0%,49.4%{grid-area:4/1/5/2}50%,to{grid-area:4/1/5/3}0%,50%{opacity:0;transform:scale(.94)}56%,6%{opacity:1;transform:none}44%,94%{opacity:1;transform:none}49.4%,99.4%{opacity:0;transform:scale(.94)}}@keyframes pack-5{0%,49.4%{grid-area:4/2/5/3}50%,to{grid-area:4/2/5/3}0%,50%{opacity:0;transform:scale(.94)}6%{opacity:1;transform:none}44%{opacity:1;transform:none}49.4%,99.4%{opacity:0;transform:scale(.94)}56%,94%{opacity:0;transform:scale(.94)}}}@media (prefers-reduced-motion:reduce){.piece{animation:none;opacity:1}.piece-1{grid-area:1/5/2/7}.piece-2{grid-area:2/5/3/6}.piece-3{grid-area:2/6/3/7}.piece-4{grid-area:3/1/4/4}.piece-5{grid-area:3/4/4/7}@media (width < 768px){.piece-1{grid-area:2/1/3/3}.piece-2{grid-area:3/1/4/2}.piece-3{grid-area:3/2/4/3}.piece-4{grid-area:4/1/5/2}.piece-5{grid-area:4/2/5/3}}}.shell{width:100%;max-width:1040px}.measure{max-width:42ch}.wordmark{letter-spacing:.14em;text-transform:uppercase}