.playButton{width:40px;height:40px;background-color:url(/cards/pickcard.png);background-position:50%;background-size:contain}.actionButton{position:relative;border:none;background:transparent;cursor:pointer;outline-offset:4px;transition:filter .25s;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.btnShadow{background:hsl(0deg 0% 0%/.25);will-change:transform;transform:translateY(2px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.btnEdge,.btnShadow{position:absolute;top:0;left:0;width:100%;height:100%}.btnEdge{background:linear-gradient(270deg,#001f2b 0,#00415a 8%,#00415a 92%,#001f2b)}.btnFront{display:block;position:relative;padding:12px 14px;font-size:1.1rem;color:white;background:#08083d;will-change:transform;transform:translateY(-4px);transition:transform .6s cubic-bezier(.3,.7,.4,1)}.actionButton:hover{filter:brightness(110%);-webkit-filter:brightness(110%)}.setOn{box-shadow:inset 5px 5px 15px rgba(150,150,150,.5),inset -5px -5px 15px rgba(0,0,0,.5),3px 3px 5px rgba(0,0,0,.7);transition:box-shadow .15s}.setOn:active{box-shadow:inset 1px 1px 1px rgba(150,150,150,.5),inset -1px -1px 1px rgba(0,0,0,.5),1px 1px 1px rgba(0,0,0,.7)}.setOn span{transition:transfrom .15s}.setOn:active span{transform:scale(.95)}a.setOn{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skipTurn{transition:box-shadow .15s;animation:move-left-right 1s ease-in-out infinite}.skipTurn span{transition:transfrom .15s}.skipTurn:active span{transform:scale(.95)}a.skipTurn{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes move-left-right{0%{transform:translateX(0)}50%{transform:translateX(5px)}to{transform:translateX(0)}}@keyframes move-up-down{0%{transform:translateY(0)}50%{transform:translateY(5px)}to{transform:translateY(0)}}.drawAnswer{animation:move-left-right 1s ease-in-out infinite}.point-up{animation:move-up-down 1s ease-in-out infinite}.shufflingCard{position:absolute;width:100%;height:100%;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.3);animation:shuffle 1s ease-in-out infinite;transform-origin:center}.shufflingCard:first-child{animation-delay:0s}.shufflingCard:nth-child(2){animation-delay:.1s}.shufflingCard:nth-child(3){animation-delay:.2s}.shufflingCard:nth-child(4){animation-delay:.3s}.shufflingCard:nth-child(5){animation-delay:.4s}@keyframes shuffle{0%{transform:translate(0) rotate(0deg);opacity:1}25%{transform:translate(5px,-5px) rotate(5deg);opacity:.8}50%{transform:translate(0) rotate(0deg);opacity:1}75%{transform:translate(-5px,5px) rotate(-5deg);opacity:.8}to{transform:translate(0) rotate(0deg);opacity:1}}@keyframes l38{to{transform:translateY(-100%)}}.kadiButton:hover:not(:disabled){transform:scale(1.05);box-shadow:0 3px 6px rgba(0,0,0,.3)}.kadiButton:active:not(:disabled){transform:scale(.95)}@media (max-width:768px){.kadiButton{transform-origin:center}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.shake-animation{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes landOnDiscard{0%{transform:translateY(-100px) rotate(180deg) scale(.8);opacity:0}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}.starter-card-landing{animation:landOnDiscard .5s ease-out forwards}@keyframes pulse-scale{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animate-pulse-scale{animation:pulse-scale .3s ease-out}@keyframes desired-suit{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.15);filter:brightness(1.2)}}.animate-desired-suit{animation:desired-suit 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping-slow{animation:ping 3s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}