:root{--card-back-image: url(https://s3.amazonaws.com/img.playingarts.com/one-small-hd/_backside-evgeny-kiselev.jpg?2)}*{margin:0;padding:0;box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{overflow:hidden;height:100vh;width:100vw;touch-action:manipulation}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a1a;min-height:100vh;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;padding:20px;overflow:hidden;position:fixed;top:0;left:0;touch-action:manipulation}.game-container{max-width:1200px;width:100%;height:100vh;display:grid;grid-template-rows:1fr auto;padding-top:100px;opacity:0;transition:opacity .5s ease-in}.game-container.loaded{opacity:1;overflow:visible}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a1a1a;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity .5s ease-out}.loading-screen.hidden{opacity:0;pointer-events:none}.loading-logo{width:128px;height:26px;margin-bottom:30px;opacity:.3}.loading-text{font-size:15px;color:#ffffffe6;opacity:.5}.loading-dots:after{content:"";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.logo-link{position:fixed;top:20px;left:20px;width:128px;height:26px;z-index:997;cursor:pointer;transition:opacity .3s ease}.logo-link:hover{opacity:.7}.rules-logo{width:128px;height:26px;color:#4c4c4c;opacity:1}.rules-help-btn{position:fixed;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#212121;border:none;color:#fff;font-size:20px;font-weight:700;cursor:pointer;z-index:998;transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1),background .3s ease,color .3s ease;opacity:0;transform:scale(.5);pointer-events:none}.rules-help-btn.visible{opacity:1;transform:scale(1);pointer-events:auto;animation:helpBtnPop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes helpBtnPop{0%{transform:scale(1.8);background:#212121}50%{transform:scale(.9)}to{transform:scale(1);background:#212121}}.rules-help-btn:hover{background:#333;color:#fff;transform:scale(1.1)}.rules-help-btn:active{transform:scale(.95);background:#444}.rules-box{position:fixed;top:20px;right:20px;width:375px;background:#212121;border-radius:12px;padding:20px;z-index:997;transform-origin:top right;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-radius .2s cubic-bezier(.4,0,.2,1)}.rules-box.hidden{opacity:0;transform:scale(.05);border-radius:50%;pointer-events:none}.rules-box-logo{display:none}.rules-logo svg{width:100%;height:100%}.rules-content{color:#ffffffbf;font-size:15px;line-height:1.6;margin-bottom:15px}.rules-content h3{font-size:15px;font-weight:600;margin:0 0 8px;color:#ffffffbf}.rules-content ul{margin:0;padding-left:18px}.rules-content li{margin-bottom:4px}.rules-ok-btn{background:#7b61ff;border:none;color:#fff;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:400;cursor:pointer;width:auto;display:block;float:left;transition:transform .2s ease,opacity .2s ease}.rules-ok-btn:hover{opacity:.9;transform:scale(1.02)}.rules-ok-btn:active{transform:scale(.98)}@keyframes cardPlayedFromHand{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-150px) scale(.8);opacity:0}}@keyframes cardPlayedFromOpponent{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(150px) scale(.8);opacity:0}}.card-flying-out{animation:cardPlayedFromHand .25s ease forwards;pointer-events:none;transform:translateZ(0);will-change:transform,opacity}.card-flying-out-opponent{animation:cardPlayedFromOpponent .25s ease forwards;transform:translateZ(0);will-change:transform,opacity}@keyframes hintShake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-5deg)}20%,40%,60%,80%{transform:rotate(5deg)}}@keyframes deckHintShake{0%,to{transform:rotate(0)}10%,30%,50%,70%,90%{transform:rotate(-2deg)}20%,40%,60%,80%{transform:rotate(2deg)}}.hint-shake{animation:hintShake .6s ease-in-out!important}.deck-hint-shake{animation:deckHintShake .8s ease-in-out!important}@keyframes invalidShake{0%,to{transform:translate(0);box-shadow:0 0 #ff505000}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}15%,45%,75%{box-shadow:0 0 12px 2px #ff5050b3}}.invalid-shake{animation:invalidShake .4s ease-in-out!important}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#ffffff0d;border-radius:12px}.player-name{font-size:14px;font-weight:500;color:#fffc}.opponent-hand-section{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;justify-content:center;align-items:center}.opponent-hand-preview{display:inline-flex;gap:8px;justify-content:center;align-items:center;padding:10px;background:#ffffff08;border-radius:12px;height:fit-content;line-height:0;font-size:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.card-back-small{width:45px;height:65px;background:#4c4c4c;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:.5}.card-back-small:after{content:"X";font-size:16px;font-weight:700;color:#666}.play-area{display:flex;align-items:center;justify-content:center;gap:40px;padding:0 40px 45px;overflow:visible;position:relative}.deck-pile{position:relative;cursor:pointer;transition:transform .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.deck-pile:before,.deck-pile:after{content:"";position:absolute;width:100%;height:100%;background:#6a6a6a;border-radius:12px;z-index:-1;box-shadow:0 2px 4px #0000004d;top:0;left:0}.deck-pile:before{transform:rotate(-2deg)}.deck-pile:after{transform:rotate(3deg)}.deck-pile:hover{transform:translateY(-5px)}@keyframes deckDraw{0%,to{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(1.02)}75%{transform:scale(.98)}}.deck-pile.deck-drawing{animation:deckDraw .4s ease}.deck-flying-card{position:fixed;background-image:var(--card-back-image);background-size:cover;background-position:center;border-radius:12px;box-shadow:0 4px 12px #0006;z-index:1000;pointer-events:none}.deck-flying-card.deck-flying-bottom{animation:flyToPlayer .35s ease-out forwards}.deck-flying-card.deck-flying-top{animation:flyToOpponent .35s ease-out forwards}@keyframes flyToPlayer{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(250px) scale(.4);opacity:0}}@keyframes flyToOpponent{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-300px) scale(.3);opacity:0}}.card{width:210px;height:300px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #0006;transition:all .3s ease;background-size:cover;background-position:center;background-repeat:no-repeat;will-change:transform,opacity;overflow:visible}.card:before{content:"";position:absolute;inset:0;background-image:inherit;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:12px;z-index:1;pointer-events:none}.card.wild-card-played{animation:wildCardGlow 1s ease-out}@keyframes wildCardGlow{0%,to{transform:scale(1);box-shadow:0 8px 24px #0006}50%{transform:scale(1.1);box-shadow:0 0 40px #ffd700cc,0 0 80px #ffd70080}}.card-back{background-image:var(--card-back-image);position:relative;overflow:hidden}.card-back:before{background-image:var(--card-back-image)}.discard-pile{position:relative;overflow:visible;border-radius:12px}.card-stack{position:absolute;top:0;left:0;pointer-events:none}@keyframes cardDropFromTop{0%{transform:translateY(-100px) translate(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(0) translate(0) rotate(var(--rotation));opacity:1}}@keyframes cardDropFromBottom{0%{transform:translateY(100px) translate(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(0) translate(0) rotate(var(--rotation));opacity:1}}.card.card-animating-from-top{animation:cardDropFromTop .4s cubic-bezier(.34,1.56,.64,1)}.card.card-animating-from-bottom{animation:cardDropFromBottom .4s cubic-bezier(.34,1.56,.64,1)}.card .card-rank,.card .card-suit{display:none}.card-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;font-size:24px;color:#fffc;white-space:nowrap;z-index:0}.card-info .info-rank{font-weight:700;font-size:48px}.card-info .info-suit{font-size:52px}.card-info .info-joker{font-weight:700;font-size:20px;background:linear-gradient(135deg,#a78bfa,#ec4899,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card.spades{background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid #667eea}.card.hearts{background:linear-gradient(135deg,#f093fb,#f5576c);border:3px solid #f093fb}.card.diamonds{background:linear-gradient(135deg,#4facfe,#00f2fe);border:3px solid #4facfe}.card.clubs{background:linear-gradient(135deg,#43e97b,#38f9d7);border:3px solid #43e97b}.card.joker{background:linear-gradient(135deg,#a78bfa,#ec4899,#f59e0b);border:3px solid #a78bfa}.card-rank{font-size:72px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:absolute;top:15px;left:15px}.card-suit{font-size:84px;filter:brightness(0) invert(1)}.card-artist{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);font-size:15px;padding:0;background:none;border-radius:0;white-space:nowrap;opacity:.5;transition:opacity .3s ease;z-index:2}.card-artist a{color:#ffffffe6;text-decoration:none;transition:color .3s ease}.card-artist:hover{opacity:1}.card-artist a:hover{color:#fff}.player-hand-section{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:visible}.player-hand{background:#f5f5f5;border-radius:20px;padding:13px 7px 13px 13px;display:inline-block;margin:0 auto 20px;overflow:visible;transition:all .2s cubic-bezier(.4,0,.2,1)}.hand-cards{display:flex;justify-content:center;flex-wrap:nowrap;overflow:visible;transition:all .2s cubic-bezier(.4,0,.2,1)}.hand-cards.dragging{transition:none}.hand-card{width:60px;height:87px;border-radius:8px;cursor:grab;margin-right:7px;transition:width .3s ease,margin .3s ease,transform .25s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .25s cubic-bezier(.4,0,.2,1);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1a1a1a;border:none;box-shadow:0 2px 8px #0000004d;flex-shrink:0}.hand-card.ace-card{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);box-shadow:0 4px 12px #667eea99;transition:width .3s ease,margin .3s ease,transform .25s cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .25s cubic-bezier(.4,0,.2,1)}.hand-card.joker-card{background:linear-gradient(270deg,#a78bfa,#ec4899,#f59e0b,#ec4899,#a78bfa);background-size:400% 400%;animation:jokerGlow 8s ease-in-out infinite;box-shadow:0 4px 20px #a78bfa80,0 0 30px #ec48994d;transition:width .3s ease,margin .3s ease,transform .25s cubic-bezier(.4,0,.2,1),opacity .3s ease}@keyframes jokerGlow{0%{background-position:0% 50%;box-shadow:0 4px 20px #a78bfa80,0 0 30px #ec48994d}25%{background-position:50% 50%;box-shadow:0 4px 20px #ec489999,0 0 35px #f59e0b66}50%{background-position:100% 50%;box-shadow:0 4px 20px #f59e0b80,0 0 30px #ec48994d}75%{background-position:50% 50%;box-shadow:0 4px 20px #ec489999,0 0 35px #a78bfa66}to{background-position:0% 50%;box-shadow:0 4px 20px #a78bfa80,0 0 30px #ec48994d}}.hand-card:active{cursor:grabbing}.hand-card[draggable=true]:hover{transform:translateY(-5px)}.discard-pile{transition:transform .2s ease,box-shadow .2s ease}.discard-pile.drag-over{transform:scale(1.05);box-shadow:0 0 30px #667eeae6,0 0 50px #667eea80}.hand-card .card-rank{font-size:28px;font-weight:700;color:#fff;text-shadow:none;position:static;line-height:1;text-align:center}.hand-card .card-suit{font-size:25px;filter:brightness(0) invert(1);margin-top:5px;line-height:1;text-align:center}.joker-text{font-size:12px!important;font-weight:700}@media(max-width:767px){html{height:100vh;height:-webkit-fill-available;overflow:hidden}body{padding:0;height:100vh;height:-webkit-fill-available;overflow-y:hidden}.game-container{height:100vh;height:-webkit-fill-available;max-height:100vh;overflow:visible}.logo-link{display:none}.rules-box{top:10px;left:10px;right:10px;width:auto;transform-origin:top right;opacity:0;transform:scale(.05);border-radius:50%;pointer-events:none}.rules-box.shown{opacity:1;transform:scale(1);border-radius:12px;pointer-events:auto;z-index:1000}.rules-box-logo{display:block;text-align:left;margin-bottom:12px;color:#4c4c4c}.rules-help-btn{width:36px;height:36px;font-size:18px;top:10px;right:10px;background-color:#212121!important;color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;opacity:1!important;transform:scale(1);pointer-events:auto;z-index:999}.rules-box.shown~.rules-help-btn{opacity:0;transform:scale(.8);pointer-events:none}.opponent-hand-section{top:10px}.opponent-hand-preview{display:grid;grid-auto-flow:column;gap:8px;padding:10px;min-height:auto;margin:0;box-sizing:border-box;line-height:0;font-size:0;place-items:center}.player-hand-section{min-height:110px;margin-bottom:0;padding-bottom:0}.player-hand{margin-bottom:20px}}@media(min-width:768px){.card{width:225px;height:322px}.card .card-rank{font-size:78px}.card .card-suit{font-size:90px}.play-area{gap:35px;padding:0 45px 45px}.opponent-hand-preview{padding:10px!important;min-height:auto}.card-back-small{width:50px;height:72px}.card-back-small:after{font-size:24px}body{align-items:center;padding:20px}}@media(min-width:768px)and (max-width:1199px){.player-hand-section{position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom,10px);background:linear-gradient(to top,#1a1a1a,#1a1a1ae6 80%,#1a1a1a00)}.player-hand{margin-bottom:15px}.game-container{padding-bottom:130px}.play-area{margin-top:-80px}}@media(min-width:1200px){.card{width:255px;height:365px}.card .card-rank{font-size:87px}.card .card-suit{font-size:102px}.play-area{gap:40px;padding:0 50px}.opponent-hand-preview{padding:10px;min-height:auto}.card-back-small{width:54px;height:78px}.card-back-small:after{font-size:24px}}.hand-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 8px 20px #00000080}.status-message{text-align:center;padding:15px;border-radius:10px;font-size:15px;min-height:50px;display:flex;align-items:center;justify-content:center;opacity:.5;color:#ffffff80}.suit-selector{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:30px 0 20px;border-radius:20px;z-index:1000;display:none;width:600px}.suit-selector.show{display:block}.suit-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding:0 20px}.suit-selector-title{font-size:18px;color:#000;flex:1;text-align:center;font-weight:600}.suit-options{display:flex;gap:20px;padding:0 40px 40px;justify-content:center}.suit-option{width:100px;height:100px;background:#f5f5f5;border:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:72px;cursor:pointer;transition:all .3s ease,opacity .3s ease}.suit-option:hover{transform:scale(1.1);background:#e8e8e8;opacity:.8}.suit-option.disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.suit-option.disabled:hover{transform:none}#suit-spades,#suit-clubs{color:#000}#suit-hearts,#suit-diamonds{color:#c4161c}.suit-selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;display:none}.suit-selector-overlay.show{display:block}.game-over-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9997;display:none;opacity:0;visibility:hidden}.game-over-overlay.show{display:block;opacity:1;visibility:visible;animation:fadeIn .3s ease}.game-over{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#212121;padding:0;border-radius:20px;box-shadow:0 20px 60px #000c;text-align:center;z-index:9999;display:none;width:550px;overflow:visible;opacity:0;visibility:hidden}.game-over.show{display:block;opacity:1;visibility:visible;animation:popupSlideUp .4s cubic-bezier(.34,1.56,.64,1)}.game-over.hiding{display:block;opacity:0;visibility:hidden;animation:popupSlideDown .3s cubic-bezier(.4,0,.6,1) forwards}.game-over-overlay.hiding{opacity:0;visibility:hidden;animation:fadeOut .3s ease forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.game-over-icon{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;z-index:1001}.game-over-top{background:#fff;padding:50px 30px;border-radius:20px;text-align:center}.result-text{font-size:42px;font-weight:700;margin-bottom:5px;color:#000}.result-text.win,.result-text.lose{color:#000}.play-again-btn{background:#7b61ff;border:none;color:#fff;padding:20px 60px;font-size:20px;border-radius:10px;cursor:pointer;margin-top:30px;transition:opacity .3s ease;display:inline-block}.play-again-btn:hover{background:#7b61ff;opacity:.8}.play-again-btn:active{transform:scale(.95);transition:transform .1s ease}.discount-section{padding:30px;width:100%;max-width:600px;background:transparent}.discount-text{font-size:15px;color:#ffffffbf;text-align:left;line-height:1.6;margin-bottom:15px}.discount-buttons-container{display:flex;gap:10px;width:100%;margin-top:20px}.claim-discount-btn-small{background:#7b61ff;border:none;color:#fff;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;flex:1;transition:opacity .3s ease}.claim-discount-btn-small:hover{background:#7b61ff;opacity:.8}.claim-discount-btn-small:active{transform:scale(.95);transition:transform .1s ease}.play-more-btn-small{background:transparent;border:2px solid #7b61ff;color:#7b61ff;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;flex:1;transition:opacity .3s ease}.play-more-btn-small:hover{background:#7b61ff1a;opacity:.8}.play-more-btn-small:active{transform:scale(.95);transition:transform .1s ease}.play-more-section{margin:20px 0;width:100%;max-width:500px}.play-more-btn{background:#7b61ff;border:none;color:#fff;padding:20px 60px;font-size:20px;border-radius:10px;cursor:pointer;margin:15px auto 0;display:inline-block;transition:opacity .3s ease}.play-more-btn:hover{background:#7b61ff;opacity:.8}.play-more-btn:active{transform:scale(.95);transition:transform .1s ease}.discount-info{color:#ffffffbf;font-size:15px;line-height:1.6;margin:0;text-align:left}.discount-info>div{margin-bottom:4px}.discount-info .milestone-icon{margin-right:6px}.discount-info .milestone-icon.unchecked{opacity:.5}.discount-info .milestone-icon.checked{color:#7b61ff}.discount-info .discount-note{margin-top:12px;margin-bottom:4px}.discount-info .discount-note a{color:#7b61ff;text-decoration:none}.discount-info .discount-note a:hover{text-decoration:underline}.email-form-inline{width:100%;margin-top:20px}.discount-sent-message{font-size:15px;color:#10b981;text-align:left}.email-form-container{margin:25px 0;padding:25px;max-width:500px;width:100%}.email-form-title{color:#000;font-size:18px;margin-bottom:15px;text-align:center}.email-input{width:100%;padding:15px;font-size:16px;border-radius:10px;border:none;background:#fff;color:#000;margin-bottom:10px;transition:all .3s ease}.email-input:focus{outline:none;background:#fff}.email-input::placeholder{color:#999}.email-error{color:#ef4444;font-size:14px;margin-bottom:15px;display:none}.email-error.show{display:block}.email-form-buttons{display:flex;gap:10px}.send-email-btn{flex:1;background:#7b61ff;border:none;color:#fff;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;transition:opacity .3s ease;font-weight:400}.send-email-btn:hover{background:#7b61ff;opacity:.8}.send-email-btn:disabled{opacity:.7;cursor:not-allowed}.send-email-btn .spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;margin-right:6px;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.cancel-email-btn{flex:1;background:#333;border:none;color:#fff;padding:12px 30px;font-size:16px;border-radius:10px;cursor:pointer;transition:opacity .3s ease}.cancel-email-btn:hover{background:#333;opacity:.8}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.confetti{position:absolute;width:12px;height:8px;pointer-events:none;animation:confetti-fall linear forwards}@keyframes confetti-fall{to{transform:translateY(100vh) rotate(360deg);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popupSlideUp{0%{opacity:0;transform:translate(-50%,-40%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes popupSlideDown{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-35%) scale(.95)}}@media(max-width:480px){body{padding:8px;align-items:center;min-height:100vh;max-height:100vh;overflow-x:visible;overflow-y:hidden}body>*{overflow:visible}.game-container{overflow:visible;height:100vh;height:-webkit-fill-available;padding:0}.game-container>div{overflow:visible}.top-bar{padding:15px 18px}.player-name{font-size:11px}.opponent-hand-preview{padding:10px;gap:8px;min-height:auto}.card-back-small{width:32px;height:46px}.card-back-small:after{font-size:24px}.status-message{font-size:13px;padding:8px 12px;min-height:40px;white-space:pre-line;line-height:1.4}.card-artist{font-size:13px}.card{width:175px;height:250px;overflow:hidden}.card:before{display:none}.card-info{display:none}.card .card-rank{font-size:38px}.card .card-suit{font-size:45px}.play-area{gap:22px;padding:0 0 50px;display:flex;align-items:center;justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;width:auto;pointer-events:none}.play-area>*{pointer-events:auto}.hand-card{width:45px;height:65px;flex-shrink:0;min-width:45px;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;margin-right:4px}.hand-card:not(.hint-shake){transform:translateY(0) scale(1)!important;transition:transform .2s ease-in-out!important}.hand-card:hover:not(.hint-shake){transform:translateY(0) scale(1)!important}.hand-card:active:not(.hint-shake){transform:translateY(-12px) scale(1.08)!important;z-index:10;transition:transform .1s ease-out!important}.hand-card .card-rank{font-size:18px}.hand-card .card-suit{font-size:24px;margin-top:3px}.joker-text{font-size:7px}.hand-cards{padding:15px 4px;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;margin-top:-15px;margin-bottom:-15px;clip-path:none}.hand-cards::-webkit-scrollbar{height:3px}.hand-cards::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.hand-cards::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.game-container>div:last-child{position:fixed;bottom:0;left:0;right:0;z-index:100;transition:opacity .25s ease}.player-hand{padding:10px 2px 10px 6px;max-width:100%;overflow:visible;border-radius:15px;margin-bottom:20px}.suit-selector{padding:30px 0 20px;max-width:95%;width:95%}.suit-selector-header{padding:0 10px}.suit-selector-title{font-size:16px}.suit-options{gap:12px;padding:0 20px 30px}.suit-option{width:70px;height:70px;font-size:54px}.game-over{max-width:90%;width:90%}.game-over-top{padding:30px 20px 10px}.game-over-icon{width:60px;height:60px;font-size:27px;top:-30px}.result-text{font-size:32px;margin-bottom:8px}.play-again-btn{padding:20px 60px;font-size:20px;margin-top:8px;margin-bottom:40px;display:inline-block}.discount-section{padding:20px;margin:0}.discount-text{font-size:15px;margin-bottom:12px}.discount-info{font-size:15px;line-height:1.5;margin-bottom:0;color:#ffffffbf}.discount-info>div{margin-bottom:3px}.discount-buttons-container{flex-direction:column;gap:8px}.claim-discount-btn-small,.play-more-btn-small{padding:12px 20px;font-size:14px}.play-more-btn{padding:16px 40px;font-size:16px;margin-bottom:20px}.email-input{padding:12px;font-size:14px}.send-email-btn{flex:2;padding:12px 15px;font-size:14px}.cancel-email-btn{flex:1;padding:12px 10px;font-size:14px}.discount-sent-message{font-size:15px}}