*{box-sizing:border-box}body{margin:0;background:#be185d}@keyframes confettiFall{0%{transform:translateY(0) rotate(0) translate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg) translate(var(--drift,0px));opacity:0}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes starPop{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.3) rotate(10deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes itemPop{0%{transform:scale(0) rotate(var(--rot));opacity:0}70%{transform:scale(1.15) rotate(var(--rot))}to{transform:scale(var(--sc)) rotate(var(--rot));opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.correct-anim{animation:popIn .4s ease forwards}.wrong-anim{animation:shake .4s ease}.star-pop{animation:starPop .5s ease forwards}.input-box{font-family:Fredoka One,cursive;font-size:48px;text-align:center;width:160px;border-radius:16px;border:4px solid #f472b6;background:#fff;color:#831843;outline:none;padding:8px 12px;box-shadow:0 4px 12px #00000026;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield}.input-box::-webkit-outer-spin-button,.input-box::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-box:focus{border-color:#ec4899;box-shadow:0 0 0 4px #ec48994d}.check-btn{font-family:Fredoka One,cursive;font-size:22px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:18px;padding:14px 40px;cursor:pointer;box-shadow:0 6px 20px #10b98180;transition:transform .1s,box-shadow .1s}.check-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98180}.check-btn:active{transform:translateY(1px);box-shadow:0 3px 10px #10b98166}.icon-btn{background:#fff3;border:2px solid rgba(255,255,255,.4);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:background .2s}.icon-btn:hover{background:#ffffff59}.user-card-btn{transition:transform .1s,box-shadow .1s}.user-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003!important}.user-card-btn:active{transform:translateY(0)}.mode-card-btn{transition:transform .15s,box-shadow .15s}.mode-card-btn:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0000004d!important}.mode-card-btn:active{transform:translateY(0)}.add-player-btn{transition:background .2s}.add-player-btn:hover{background:#ffffff4d!important}