@import"https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:#07080f;color:#fff;font-family:Oswald,Impact,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}@keyframes shuffleFloat{0%{transform:translate(-80px) rotate(-12deg);opacity:0}30%{opacity:1}50%{transform:translate(0) rotate(0)}70%{opacity:1}to{transform:translate(80px) rotate(12deg);opacity:0}}@keyframes glowPulse{0%,to{box-shadow:0 16px 48px #000c,0 2px 8px #00000080,0 0 30px #48c2f91a,inset 0 1px #ffffff0d}50%{box-shadow:0 16px 48px #000c,0 2px 8px #00000080,0 0 60px #48c2f938,0 0 100px #48c2f90f,inset 0 1px #ffffff0d}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.draw-btn{position:relative;overflow:hidden;border:none;cursor:pointer;padding:18px 56px;font-family:Oswald,sans-serif;font-size:18px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:#fff;border-radius:4px;background:linear-gradient(180deg,#ff9a8a,#f04438 18%,#9b1c14 42%,#c72d20 58%,#f04438 78%,#a82218);text-shadow:0 1px 3px rgba(0,0,0,.5);box-shadow:0 4px 24px #c8281e80,0 1px 4px #00000080,inset 0 1px #ffc8be40,inset 0 -1px #0000004d;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.draw-btn:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 10px 36px #c8281e8c,0 2px 8px #00000080,inset 0 1px #ffc8be40,inset 0 -1px #0000004d}.draw-btn:active{transform:translateY(-1px);filter:brightness(.95)}.draw-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);animation:shimmer 2.4s infinite}.back-btn{background:transparent;border:1px solid rgba(255,255,255,.18);color:#ffffffa6;padding:9px 22px;font-family:Oswald,sans-serif;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;border-radius:3px}.back-btn:hover{border-color:#ffffff73;color:#fff;background:#ffffff0d}.browse-card{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-left-width:3px;padding:16px 18px;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease;border-radius:4px}.browse-card:hover{background:#ffffff0d;border-color:#ffffff24;transform:translate(5px)}.animate-slide-up{animation:slideUp .65s ease both}.animate-fade-in{animation:fadeIn .4s ease both}.suits-grid{display:flex;flex-direction:row;gap:10px;margin-bottom:0}.suit-box{flex:1 1 0;min-width:0}@media (max-width: 620px){.suits-grid{flex-direction:column}.suit-box{flex:none;width:100%}}@media (max-width: 760px){.home-layout{flex-direction:column!important;align-items:center!important;gap:32px!important}.deck-column{order:-1;width:100%;display:flex;flex-direction:column;align-items:center}.desc-column{order:1;max-width:100%!important;width:100%}}@media (min-width: 761px){.deck-column{order:1}.desc-column{order:-1}}