/* Fine print sits on the background below the MIX card, not inside its footer. */
.legal-links {
 position: absolute; top: calc(50% + min(322px, (100svh - 60px) / 2) + 5px);
 left: 0; width: 100%; box-sizing: border-box; padding: 0 6px;
 display: flex; justify-content: center; align-items: center; gap: 7px;
 font: 10px/16px Verdana, sans-serif; color: #909090; z-index: 5;
 white-space: nowrap;
}
.legal-links a { color: #aaa; text-decoration: none; }
.legal-links a:hover { color: #fff; text-decoration: underline; }
.legal-links a:focus-visible { outline: 1px solid #fff; outline-offset: 3px; }
body > .container, .deck .container { height: min(644px, calc(100svh - 60px)); }
.decks > .deck { height: 100svh; position: relative; display: flex; align-items: center; justify-content: center; }
/* Fullscreen prompt is halfway between the Play box bottom (67.3px)
   and AUTO label top (100% - 87.5px). */
#mix .fs-note {
 position: absolute; left: 50%; top: calc(50% - 10.1px); bottom: auto;
 transform: translate(-50%, -50%); max-width: calc(100% - 24px);
}