@keyframes blinker{50%{opacity:0}}.blinking-red{color:red;animation:1s linear infinite blinker}@keyframes drawCard{0%{top:-600px}40%{top:-250px}50%{top:-250px}to{top:-1500px}}@keyframes drawCardSelf{0%{top:600px}40%{top:100px}50%{top:100px}to{top:1500px}}@keyframes showCard{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes handReachIn{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes handPullBack{0%,49%{opacity:0}50%,to{opacity:1}}@keyframes hideStaticCard{0%,49%{opacity:1}50%,to{opacity:0}}.scrollable-area{scrollbar-width:auto;scrollbar-color:#888 #f0f0f0}.scrollable-area::-webkit-scrollbar{width:17px}.scrollable-area::-webkit-scrollbar-track{background:#f0f0f0}.scrollable-area::-webkit-scrollbar-thumb{background:#888;border:3px solid #f0f0f0;border-radius:10px}.scrollable-area::-webkit-scrollbar-thumb:hover{background:#555}.static-card-vanish{z-index:5;border-radius:5px;width:100%;height:100%;animation:2s step-end forwards hideStaticCard;position:absolute;top:0;left:0}.hand-animation{pointer-events:none;z-index:20;width:100px;height:600px;animation:2s ease-in-out forwards drawCard;position:absolute;left:50%;transform:translate(-50%)}.hand-open{animation:2s step-end forwards handReachIn;position:absolute;top:0;left:0}.hand-closed{animation:2s step-start forwards handPullBack;position:absolute;top:0;left:0}.hand-card{z-index:-1;height:auto;animation:2s step-start forwards showCard;position:absolute;top:400px}.modal-dialog.modal-fit-content{width:fit-content;min-width:300px;max-width:95vw}.modal-body-compact{padding:8px!important}.draw-pile-clickable:active{cursor:grabbing!important}