@keyframes cardAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes scoreIncrease{0%,to{transform:scale(1);color:#333}50%{transform:scale(1.5);color:#4ade80}}@keyframes warning{0%{transform:scale(1)}50%{transform:scale(1.1);color:#ef4444}to{transform:scale(1);color:#ef4444}}@keyframes success{0%{transform:scale(1)}50%{transform:scale(1.2);color:#4ade80}to{transform:scale(1);color:#4ade80}}@keyframes correct{0%,to{transform:scale(1);color:#4ade80}50%{transform:scale(1.3);color:#16a34a;text-shadow:0 0 10px rgba(74,222,128,.5)}}@keyframes incorrect{0%,to{transform:scale(1);color:#ef4444}25%,75%{transform:scale(1.1) rotate(-5deg);color:#dc2626}50%{transform:scale(1.1) rotate(5deg);color:#dc2626}}@keyframes countdown{0%{color:#333}to{color:#ef4444}}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card{width:100px;height:140px;background:linear-gradient(135deg,#fff 0,#f0f0f0 100%);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#333;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease;position:relative;overflow:hidden}.card-back{background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff}.card:hover{transform:translateY(-5px) rotate(2deg);box-shadow:0 8px 16px rgba(0,0,0,.15)}.card-appear{animation:cardAppear .5s ease-out forwards}.score-increase{animation:scoreIncrease .5s ease-out}.warning{animation:warning .5s ease-out}.success{animation:success .5s ease-out}.correct{animation:correct .8s ease-out}.incorrect{animation:incorrect .8s ease-out}#back-to-menu-btn,#bust-btn,#got-it-btn,#hit-btn,#home-btn,#play-again-btn,#stand-btn,.difficulty-btn{text-align:center}#back-to-menu-btn:active,#bust-btn:active,#got-it-btn:active,#hit-btn:active,#home-btn:active,#play-again-btn:active,#stand-btn:active,.difficulty-btn:active{transform:scale(.95)}.countdown{animation:countdown 1s linear infinite}#game-rules-modal.show{animation:modalFadeIn .3s ease-out}@media (max-width:640px){.card{width:80px;height:112px;font-size:28px}#target-number{font-size:48px}h1{font-size:2.5rem}h2{font-size:1.5rem}}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(147,229,250,.3) 0,transparent 20%),radial-gradient(circle at 90% 30%,rgba(255,218,185,.3) 0,transparent 20%),radial-gradient(circle at 50% 80%,rgba(205,180,219,.3) 0,transparent 20%);pointer-events:none;z-index:-1}.card::after,.card::before{content:'';position:absolute;font-size:16px;opacity:.3}.card::before{top:10px;left:10px}.card::after{bottom:10px;right:10px;transform:rotate(180deg)}.card[data-value="1"]{background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%)}.card[data-value="2"]{background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.card[data-value="3"]{background:linear-gradient(135deg,#d299c2 0,#fef9d7 100%)}.card[data-value="4"]{background:linear-gradient(135deg,#fad0c4 0,#ffd1ff 100%)}.card[data-value="5"]{background:linear-gradient(135deg,#a1c4fd 0,#c2e9fb 100%)}.card[data-value="6"]{background:linear-gradient(135deg,#fbc2eb 0,#a6c1ee 100%)}.card[data-value="7"]{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%)}.card[data-value="8"]{background:linear-gradient(135deg,#8fa3fb 0,#f5a9b8 100%)}.card[data-value="9"]{background:linear-gradient(135deg,#f6d365 0,#fda085 100%)}.card[data-value="10"]{background:linear-gradient(135deg,#ff9a9e 0,#fecfef 100%)}.card[data-value="11"]{background:linear-gradient(135deg,#a8caba 0,#5d4e75 100%);color:#fff}.card[data-value="12"]{background:linear-gradient(135deg,#d4fc79 0,#96e6a1 100%)}.card[data-value="13"]{background:linear-gradient(135deg,#ffecd2 0,#fcb69f 100%)}.card[data-value="14"]{background:linear-gradient(135deg,#a8edea 0,#fed6e3 100%)}.card[data-value="15"]{background:linear-gradient(135deg,#d299c2 0,#fef9d7 100%)}.card[data-value="16"]{background:linear-gradient(135deg,#fad0c4 0,#ffd1ff 100%)}.card[data-value="17"]{background:linear-gradient(135deg,#a1c4fd 0,#c2e9fb 100%)}.card[data-value="18"]{background:linear-gradient(135deg,#fbc2eb 0,#a6c1ee 100%)}.card[data-value="19"]{background:linear-gradient(135deg,#84fab0 0,#8fd3f4 100%)}.card[data-value="20"]{background:linear-gradient(135deg,#8fa3fb 0,#f5a9b8 100%)}.card[data-value="21"]{background:linear-gradient(135deg,#ff9a9e 0,#fecfef 100%)}