@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@700&display=swap";body{font-family:Arial,sans-serif;background-image:url(/assets/images/Slide1.png)}.overlay-gradient{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(#c7d7a54b,#fff0);z-index:-1}.card-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;transition:all .3s ease;margin-bottom:10px}.card,.card-paused,.card-animated,.card-flipped{width:60px;height:100px;border:2px solid black;border-radius:10px;background-color:bisque;display:flex;flex-direction:column;justify-content:space-between;padding:10px;position:relative;box-shadow:4px 4px 7px #0009}.card-flipped{transform-style:preserve-3d;backface-visibility:hidden;animation:flipOver .5s ease-in-out forwards}.card-animated{visibility:hidden;animation:flyIn .5s ease-in-out forwards}.card-paused{visibility:hidden;animation:flyInDelayed .9s ease-out forwards}.card .top-left,.card-flipped .top-left,.card-animated .top-left,.card-paused .top-left,.card .bottom-right,.card-flipped .bottom-right,.card-animated .bottom-right,.card-paused .bottom-right{position:absolute;font-size:25px}.card .top-left,.card-flipped .top-left,.card-animated .top-left,.card-paused .top-left{top:5px;left:5px}.card .bottom-right,.card-flipped .bottom-right,.card-animated .bottom-right,.card-paused .bottom-right{bottom:5px;right:5px;transform:rotate(180deg)}.card .suit,.card-flipped .suit,.card-animated .suit,.card-paused .suit{padding-top:5px;font-size:38px;text-align:center}.hearts .value,.hearts .top-left,.hearts .bottom-right,.diamonds .value,.diamonds .top-left,.diamonds .bottom-right,.diamonds .suit,.hearts .suit{color:red}.clubs .value,.clubs .top-left,.clubs .bottom-right,.spades .value,.spades .top-left,.spades .bottom-right{color:#000}.card-back{visibility:hidden;opacity:0;background-color:red;background-image:linear-gradient(45deg,red 25%,transparent 25%),linear-gradient(-45deg,red 25%,transparent 25%),linear-gradient(45deg,lightcoral 25%,transparent 25%),linear-gradient(-45deg,lightcoral 25%,transparent 25%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:10px;border:2px solid black;width:60px;height:100px;box-shadow:4px 4px 7px #0009;animation:flyToDeck .5s ease-in-out forwards;animation-delay:calc(var(--card-index) * .05s)}.hidden-card-back{position:absolute;backface-visibility:hidden;top:-2px;left:-2px;background-color:red;background-image:linear-gradient(45deg,red 25%,transparent 25%),linear-gradient(-45deg,red 25%,transparent 25%),linear-gradient(45deg,lightcoral 25%,transparent 25%),linear-gradient(-45deg,lightcoral 25%,transparent 25%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:10px;border:2px solid black;width:60px;height:100px;box-shadow:4px 4px 7px #0009;transform:rotateY(180deg);width:100%;height:100%}@keyframes flyIn{0%{visibility:visible;transform:translate(var(--start-x),var(--start-y)) rotate(-180deg)}to{transform:translate(0) rotate(0);opacity:1;visibility:visible}}@keyframes flyInDelayed{0%{visibility:hidden}45%{visibility:hidden;transform:translate(var(--start-x),var(--start-y)) rotate(-180deg)}to{transform:translate(0) rotate(0);opacity:1;visibility:visible}}@keyframes flyToDeck{0%{visibility:hidden;opacity:.5;transform:translate(var(--start-x),var(--start-y)) scale(1.2) rotate(0)}to{transform:translate(0) scale(1) rotate(0);opacity:1;visibility:visible}}@keyframes flipOver{0%{transform:rotateY(180deg)}to{transform:rotateY(0)}}input,textarea{font-size:16px}.middle-container{display:flex;flex-direction:row;justify-content:space-between}.game-container{display:flex;flex-direction:column;justify-content:center}.card-labels{display:flex;height:52px;flex-direction:column;justify-content:center;flex-shrink:0;color:#fff;font-family:var(--font-family-sans, Inter);font-size:20px;font-style:normal;font-weight:var(--font-weight-bold, 700);line-height:var(--font-leading-7, 28px);letter-spacing:var(--font-tracking-normal, 0px);text-align:center}form{display:flex;justify-content:center;flex-direction:column}.welcome-text{font-size:20px;display:block;padding:3px;background-color:#c9b15a;border-style:solid;border-width:2px;border-radius:5px}#button{margin:10px;display:flex;width:190px;height:62px;padding:4px 24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex-shrink:0;border-radius:8px;border:2px solid var(--Green-G900, #263F2A);background:radial-gradient(106.32% 106.32% at 50% 50%,#43d04c,#19671e 70%);box-shadow:0 0 4px #00000040,0 4px #b5ff84 inset,0 -4px #46881b inset}#button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(106.32% 106.32% at 50% 50%,#e00202c5,#19671e 70%);opacity:0;transition:opacity .18s;z-index:0}#button:hover:before{opacity:.5}#button>*{position:relative;z-index:1}.deck{position:fixed;bottom:20px;right:20px;background-color:red;background-image:linear-gradient(45deg,red 25%,transparent 25%),linear-gradient(-45deg,red 25%,transparent 25%),linear-gradient(45deg,lightcoral 25%,transparent 25%),linear-gradient(-45deg,lightcoral 25%,transparent 25%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:10px;border:2px solid black;width:80px;height:120px;box-shadow:4px 4px 7px #0009}.main-title-text{position:absolute;font-size:clamp(32px,15vw,112px);font-weight:700;font-family:Inknut Antiqua;margin:0;padding:0}#sparkle-large{position:absolute;object-fit:cover;z-index:2;pointer-events:none;top:.58em;left:-.3em;width:.75em;height:.75em;object-fit:contain}#sparkle{position:absolute;object-fit:cover;z-index:2;pointer-events:none;top:1em;right:.4em;width:.38em;height:.38em}.title-container{display:flex;justify-content:center;align-items:center;width:100%}.main-title-div{height:300px;position:relative;width:100%;display:flex;justify-content:center}.shadow-only{color:#ff0800;text-shadow:8px 8px 4px rgba(0,0,0,.75);z-index:1}.image-fill{color:#ff080055;background:url(/assets/images/title-background.png) no-repeat center;background-size:cover;-webkit-background-clip:text;z-index:2}.button-container{display:flex;justify-content:center}img{position:absolute}.title-card-container{position:relative;width:100%;display:flex;justify-content:center}.king1{transform:scale(.75) translate(50%,-10%);z-index:2}.ace1{transform:scale(.75) translate(-18%,-18%);z-index:1}.ace2{transform:scale(.75) translate(25%,-25%)}.card1{transform:scale(.75) translate(-90%,15%)}.jack1{transform:scale(.75) translateY(-22%)}.start-button{position:relative;overflow:hidden;display:inline-flex;padding:17px 80px;align-items:center;gap:10px;border-radius:28px;background:linear-gradient(90deg,#232171 .03%,#272731 130.83%);box-shadow:8px 8px 4px #000000bf;z-index:5;cursor:pointer}.start-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#5350b7 .03%,#5e5e72 130.83%);opacity:0;transition:opacity .18s;z-index:0}.start-button:hover:before{opacity:1}.start-button>*{position:relative;z-index:1}