:root{--color-bg: #000;--color-text-muted: #444;--color-text-hover: #777;--color-dot: #333;--color-selection: rgba(255, 255, 255, .15);--ease-out-quad: cubic-bezier(.25, .46, .45, .94);--ease-out-cubic: cubic-bezier(.215, .61, .355, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-out-quint: cubic-bezier(.23, 1, .32, 1);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--color-selection);color:inherit}html,body,#root{height:100%;width:100%}body{background-color:var(--color-bg);-webkit-font-smoothing:antialiased}.tabular-nums{font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageAppear{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.container{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.crate-image{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:35vw;max-height:35vh;width:auto;height:auto;object-fit:contain;animation:imageAppear .6s var(--ease-out) both}.footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:1.5rem 2rem max(env(safe-area-inset-bottom,0px),1.5rem);animation:fadeIn .4s var(--ease-out) .3s both}.footer a,.footer-copy{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.75rem;color:var(--color-text-muted);text-decoration:none;letter-spacing:.02em}.footer a{padding:.5rem;margin:-.5rem;border-radius:4px;transition:color .15s ease}.footer a:focus-visible{outline:1px solid #555;outline-offset:2px}@media(hover:hover)and (pointer:fine){.footer a:hover{color:var(--color-text-hover)}}.footer-dot{width:2px;height:2px;border-radius:50%;background:var(--color-dot);flex-shrink:0}.container.fade-out{opacity:0;transition:opacity .12s linear}@media(prefers-reduced-motion:reduce){.crate-image,.footer{animation:none}}