*{padding:0;margin:0;box-sizing:border-box}.App,body{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.App{height:var(--tg-viewport-height,100vh);position:relative;padding-top:calc(var(--tg-viewport-safe-area-inset-top) + 50px)}.Footer{bottom:45px;left:16px;right:16px;height:80px;z-index:10}.Footer,.playerCards{position:fixed;display:flex;justify-content:center}.playerCards{bottom:90px;left:0;z-index:0;gap:0;padding:20px;width:100%;overflow:visible;min-height:160px;--max-rotation:15;--arc-height:30}.playerCards-container{position:relative;display:flex;width:calc(var(--container-width) * 1px);height:100%;min-height:160px;margin:0 auto;transition:width .2s ease-out}.playerCards .card{position:fixed;transition:transform .4s ease;left:calc(50vw + var(--card-position-left) - 50px);top:var(--card-position-top);transform:rotate(var(--card-rotation))}.playerCards .card.new-card{animation:addToHand .4s ease forwards}.playerCards .card.pending{transform:translateY(300px) rotate(90deg)!important}@keyframes addToHand{0%{transform:translateX(calc(var(--card-position-x) - 40px)) translateY(300px) rotate(var(--card-rotation))}to{transform:translateX(calc(var(--card-position-x) - 40px)) translateY(calc(-1 * var(--card-position-y))) rotate(var(--card-rotation))}}.playerCards .card.dragging{transform:scale(1.1) rotate(0deg)!important;z-index:4}.playerCards .card.endDrag{left:var(--card-position-left)!important;top:var(--card-position-top)!important;transform:rotate(var(--card-rotation))!important}.battlefield-pairs.repositioning .battlefield-card,.battlefield-pairs.repositioning .battlefield-pair{transition:transform .6s cubic-bezier(.25,.46,.45,.94)!important}.battlefield-card.animating{opacity:0!important;pointer-events:none!important;transition:none!important}.battlefield-pairs:has(.battlefield-pair:nth-child(13)){grid-auto-rows:90px;grid-template-columns:repeat(5,minmax(60px,1fr));max-width:calc(5 * 60px + 4 * 10px)}.battlefield-pairs:has(.battlefield-pair:nth-child(13)) .battlefield-pair{height:90px;width:60px}.battlefield-pairs:has(.battlefield-pair:nth-child(13)) .battlefield-card img{width:60px;height:auto}.battlefield-pairs:has(.battlefield-pair:only-child){grid-template-columns:80px;max-width:80px}.battlefield-pairs:has(.battlefield-pair:nth-child(2):last-child){grid-template-columns:repeat(2,80px);max-width:calc(2 * 80px + 10px)}.battlefield-pairs:has(.battlefield-pair:nth-child(3):last-child){grid-template-columns:repeat(3,80px);max-width:calc(3 * 80px + 2 * 10px)}.battlefield-pairs:has(.battlefield-pair:nth-child(4):last-child){grid-template-columns:repeat(4,80px);max-width:calc(4 * 80px + 3 * 10px)}.battlefield-card{cursor:default;position:relative;pointer-events:none;z-index:3}.battlefield-card.attacker{position:relative}.battlefield-card.defender{position:absolute;top:0;left:5px;right:-5px;transform:rotate(20deg)}.battlefield-pairs:has(.battlefield-pair:nth-child(13)) .battlefield-card.defender{left:3px;right:-3px}.battlefield-pair{position:relative;width:80px;height:120px;pointer-events:none}.red{color:red}.black,.red{font-size:100px}.black{color:#000}.deckInfo{display:flex;align-items:center;color:#fff;position:fixed;left:0;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.2);padding:8px;border-top-right-radius:10px;border-bottom-right-radius:10px;gap:2px;flex-direction:column;width:50px;min-height:120px}.deckInfo.empty-deck{min-height:unset;padding:15px 8px}.card{cursor:pointer;position:relative;z-index:0}.footer{position:fixed;bottom:0;left:0;width:100%;height:75px;background-color:hsla(0,0%,100%,.9);border-top-left-radius:15px;border-top-right-radius:15px;backdrop-filter:blur(10px);z-index:10}.btn-actions{border:none;outline:none;width:120px;height:60px;border-radius:16px;font-weight:700;font-size:14px;color:#6495ed;background-color:#fff;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}.btn-actions.message{background-color:transparent;box-shadow:none;cursor:default;text-shadow:0 2px 4px rgba(0,0,0,.3);color:#fff!important;text-align:center}.btn-actions:disabled{opacity:.5;box-shadow:none}.red-btn{color:crimson}.game-over{width:100vw;height:100vh;position:fixed;left:0;top:0;background-color:rgba(0,0,0,.7);z-index:2}.game-over,.game-over-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.game-over-content{background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:25px;padding:20px;text-align:center;max-width:350px;width:90%;min-width:300px;gap:15px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.lose,.win{font-size:32px;line-height:1.4;display:block;text-align:center}.win{color:#f1c40f;text-shadow:0 2px 10px rgba(241,196,15,.3)}.lose{color:#e74c3c;text-shadow:0 2px 10px rgba(231,76,60,.3)}.game-over-btn{color:#fff;background-color:#2ecc71;outline:none;border:none;padding:16px 32px;border-radius:16px;cursor:pointer;font-size:18px;font-weight:600;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 4px 15px rgba(46,204,113,.3);width:100%;min-width:200px}.game-over-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(46,204,113,.4);opacity:.9}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.2) 60%,rgba(0,0,0,.4) 100%);z-index:-1;pointer-events:none}.game-container{position:relative}.opponents-container{position:fixed;top:30px;left:0;width:100%;z-index:5;justify-content:space-evenly;padding:0 40px}.opponent,.opponents-container{display:flex;align-items:center}.opponent{min-height:100px;padding:20px;justify-content:center}.opponent-avatar{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px}.avatar-outline{width:60px;height:60px;background:#fff;border-radius:50%;padding:3px;display:flex;align-items:center;justify-content:center}.avatar-outline img{width:100%;height:100%;border-radius:50%;object-fit:contain}.cards-count{color:#fff;font-weight:700;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;text-align:center;padding:2px 8px;background:rgba(0,0,0,.2);border-radius:12px}.cards-count span{white-space:nowrap;font-weight:400}.cards-count strong,.deck-balance{font-size:16px;padding:1px 0}.deck-balance{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700}.deck-stack{position:relative;width:80px;height:65px;margin-bottom:5px;transform:rotate(90deg);transform-origin:center;top:7.5px;left:-15px}.trump-suit{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;padding:5px}.battlefield-cell,.battlefield-cell-dashed,.battlefield-grid{display:none}@keyframes fadeIn{0%{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}@keyframes fadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.player-actions{display:flex;align-items:center;height:100%}.player-actions,.player-actions .btn-actions{position:relative;left:0}.player-emoji-animation{animation:playerEmojiReaction 2s ease-out forwards}@keyframes playerEmojiReaction{0%{transform:scale(.5);opacity:1}50%{transform:scale(1.5);opacity:1}to{transform:scale(2);opacity:0}}