*{margin:0;padding:0;box-sizing:border-box}body{display:inline-grid;place-content:center;font-size:100%;width:100vw;height:auto;background-size:100% 100%;background-position:center;background-repeat:no-repeat;overflow:auto}#root{--raw-card-width: 2.5rem;--raw-card-height: 3.5rem;--card-zoom-modifier: 1.3;--deck-zoom-modifier: 2;--card-height: calc(var(--raw-card-height) * var(--card-zoom-modifier));--card-width: calc(var(--raw-card-width) * var(--card-zoom-modifier));--grid-gap: .05rem;--card-zone-width: calc(var(--card-width) + (2 * var(--grid-gap)));--card-zone-height: calc(var(--card-height) + (2 * var(--grid-gap)));display:flex;flex-direction:column;justify-content:space-around;align-content:space-around;width:100vw;height:100vh;overflow:auto}.card-grid-cell{width:3rem;aspect-ratio:1 / 1.4;min-height:35px;min-width:25px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid transparent}.card-grid-cell img,.card-grid-cell svg{width:100%;height:100%}@media(min-width:728px){.card-grid-cell{width:4.5rem}}.smooth-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.elevate:hover{transform:translateY(-1px)}.fade-in{animation:fadeIn .24s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 6px 20px #00000040}50%{box-shadow:0 8px 28px #00000059}}@media(max-width:768px){.nav-desktop{display:none!important}.mobile-toggle{display:inline-block}}@media(min-width:769px){.mobile-toggle,.nav-mobile{display:none!important}}