/* Generated by tools/chars-css.py: the reference composition as the front layer (wide screens only). */
/* Visibility breakpoints come from tools/chars-check.py (a sweep of 3,526 desktop viewports against the clearance rules). */

.chars { position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; display: none; }
@media (min-width: 920px) and (min-height: 640px) { .chars { display: block; } .sky { display: none; } }
.char { position: absolute; height: auto; } /* the soft shadow is baked into each picture (cut-objects.py) */
.char.afloat { animation: bob var(--dur, 9s) ease-in-out var(--delay, 0s) infinite alternate; }
@keyframes bob { from { transform: translateY(-5px); } to { transform: translateY(5px); } }
@media (prefers-reduced-motion: reduce) { .char { animation: none; } }
/* the pieces nearest the buttons need 1240 px of width; the two cases nearest the centre need 1440 x 880 */
@media (max-width: 1239px) { .c-dino, .c-blindbox-right, .c-blindbox-float, .c-lego-yellow { display: none; } }
@media (max-width: 1439px), (max-height: 879px) { .c-case-cat, .c-case-astrobear { display: none; } }

.c-hoodie-kid { left: 1.31vw; width: 7.96vw; bottom: 21.81vh; }
.c-blindbox-open { left: 7.86vw; width: 11.50vw; bottom: 17.01vh; }
.c-blindbox-stack { left: 4.45vw; width: 11.23vw; bottom: 4.10vh; }
.c-tin-robot { left: 14.63vw; width: 8.23vw; bottom: 6.32vh; }
.c-dino { left: 20.97vw; width: 8.83vw; bottom: 3.26vh; }
.c-case-cat { left: 28.49vw; width: 11.09vw; bottom: -2.64vh; }
.c-blindbox-float { left: 19.82vw; width: 10.42vw; top: 39.79vh; --dur: 8s; --delay: -5.8s; }
.c-robot-small { left: 12.78vw; width: 6.44vw; top: 23.96vh; --dur: 9s; --delay: -6.1s; }
.c-star-left { left: 20.94vw; width: 4.86vw; top: 22.57vh; --dur: 10s; --delay: -6.4s; }
.c-pod { left: 7.89vw; width: 4.59vw; top: 39.38vh; --dur: 11s; --delay: -6.7s; }
.c-capsule-blue { left: 74.71vw; width: 6.47vw; top: 26.94vh; --dur: 7s; --delay: -4.0s; }
.c-capsule-open { left: 78.79vw; width: 6.61vw; top: 33.75vh; --dur: 8s; --delay: -5.3s; }
.c-lego-blue { left: 85.57vw; width: 6.10vw; top: 23.89vh; --dur: 9s; --delay: -6.6s; }
.c-lego-yellow { left: 71.92vw; width: 6.41vw; top: 48.61vh; --dur: 10s; --delay: -7.9s; }
.c-star-right { left: 90.63vw; width: 4.79vw; top: 39.72vh; --dur: 11s; --delay: -9.2s; }
.c-case-figures { left: 87.05vw; width: 12.31vw; bottom: 12.92vh; }
.c-jacket-guy { left: 80.41vw; width: 8.02vw; bottom: 7.78vh; }
.c-pink-monster { left: 87.05vw; width: 7.59vw; bottom: 10.14vh; }
.c-blindbox-right { left: 70.73vw; width: 9.04vw; bottom: 4.38vh; }
.c-case-astrobear { left: 61.80vw; width: 11.06vw; bottom: -3.06vh; }