@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700;12..96,800&family=Space+Mono:wght@400;700&family=Inter:wght@400;500;600&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.disp{letter-spacing:-.03em;font-family:Bricolage Grotesque,system-ui,sans-serif;line-height:.98}.mono{font-family:Space Mono,ui-monospace,monospace}@keyframes tick{0%{opacity:0;transform:translateY(10px)scale(.85)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop{0%{box-shadow:0 0 #ff3b1f80}to{box-shadow:0 0 0 18px #ff3b1f00}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card{transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .42s,filter .42s;animation:.4s both rise;box-shadow:0 14px 40px -18px #14100a73}.card:hover{transform:translateY(-4px);box-shadow:0 22px 50px -18px #14100a8c}.card:active{transform:scale(.985)}.win{animation:.55s ease-out pop}.lose{opacity:.28;filter:saturate(.35);transform:scale(.96)}@media (width<=520px){.header-label{display:none}}@media (prefers-reduced-motion:reduce){.card,.win,.tick,.rise{transition:none!important;animation:none!important}}