*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:#f6f4ed;color:#14201a}body,button{font-family:Tajawal,sans-serif}button{cursor:pointer}input{font-family:Tajawal,sans-serif}.num{font-family:Lalezar,Tajawal,sans-serif}button:focus-visible,input:focus-visible{outline:3px solid #e5b53a;outline-offset:2px}.stadium:before{inset:0;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,.025) 46px,transparent 0,transparent 92px)}.stadium:after,.stadium:before{content:"";position:absolute;pointer-events:none}.stadium:after{top:-60%;left:-20%;width:60%;height:220%;background:radial-gradient(ellipse,rgba(229,181,58,.1) 0,transparent 65%);transform:rotate(18deg);animation:floodlight 7s ease-in-out infinite alternate}@keyframes floodlight{0%{transform:rotate(14deg) translateX(0);opacity:.7}to{transform:rotate(22deg) translateX(40%);opacity:1}}.shineText{background:linear-gradient(110deg,#e5b53a 25%,#fff3c4 45%,#e5b53a 65%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3.5s linear infinite}@keyframes shine{to{background-position:-220% 0}}.bounceBall{animation:bounce 1.6s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-7px) rotate(180deg)}}.spinBall{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(11,35,26,.12)}.slideUp{animation:slideUp .4s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.popIn{animation:popIn .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.kickBtn{transition:transform .12s ease,filter .12s ease}.kickBtn:hover{filter:brightness(1.08)}.kickBtn:active{transform:scale(.94)}.flagHover{transition:transform .18s ease}.flagHover:hover{transform:scale(1.12) rotate(-3deg)}.pulseGold{animation:pulseGold 1.8s ease-in-out infinite}@keyframes pulseGold{0%,to{box-shadow:0 0 0 0 rgba(229,181,58,.45)}50%{box-shadow:0 0 0 6px rgba(229,181,58,0)}}.livePulse{animation:livePulse 1.4s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.55}}.scoreBoard{text-shadow:0 0 12px rgba(229,181,58,.45)}.winGlow{animation:winGlow 2.4s ease-in-out infinite;border-color:#1e8a4c!important}@keyframes winGlow{0%,to{box-shadow:0 0 0 0 rgba(30,138,76,.25)}50%{box-shadow:0 0 14px 2px rgba(30,138,76,.35)}}.champRow{background:linear-gradient(110deg,#fffaf0 35%,#fff3c4 50%,#fffaf0 65%)!important;background-size:250% 100%!important;animation:champ 3s linear infinite;border-color:#e5b53a!important}@keyframes champ{to{background-position:-250% 0}}.confetti{position:absolute;top:-20px;border-radius:2px;animation:confettiFall 1.6s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(105vh) rotate(2turn);opacity:0}}.toast{animation:pop .25s ease}@keyframes pop{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}@media (prefers-reduced-motion:reduce){.bounceBall,.champRow,.confetti,.livePulse,.popIn,.pulseGold,.shineText,.slideUp,.spinBall,.stadium:after,.toast,.winGlow{animation:none!important}}.noteIn{animation:noteIn .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes noteIn{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.noteIn{animation:none}}