@import url("https://fonts.googleapis.com/css2?family=Lalezar&family=Tajawal:wght@400;500;600;700;800&display=swap");:root{--navy:#0f172a;--navy-mid:#1e293b;--navy-card:#162032;--blue:#3b82f6;--blue-d:#2563eb;--blue-glow:rgba(59,130,246,.25);--gold:#f59e0b;--gold-light:#fef3c7;--red:#ef4444;--red-glow:rgba(239,68,68,.3);--green:#10b981;--green-bg:#ecfdf5;--bg:#f1f5f9;--card:#fff;--card-hover:#f8fafc;--border:#e2e8f0;--border-d:#cbd5e1;--text:#0f172a;--muted:#64748b;--muted-l:#94a3b8}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text)}body,button{font-family:Tajawal,sans-serif}button{cursor:pointer}input{font-family:Tajawal,sans-serif}.num{font-family:Lalezar,Tajawal,sans-serif}.card{transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(15,23,42,.1)}.slideUp{animation:slideUp .35s ease both}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.popIn{animation:popIn .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.bounceBall{animation:bounce 1.8s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-8px) rotate(180deg)}}.spinBall{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.shineText{background:linear-gradient(110deg,var(--gold) 20%,#fff8e1 45%,var(--gold) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s linear infinite}@keyframes shine{to{background-position:-220% 0}}.stadium{position:relative;overflow:hidden}.stadium:after{content:"";position:absolute;top:-60%;left:-20%;width:55%;height:220%;background:radial-gradient(ellipse,rgba(59,130,246,.12) 0,transparent 65%);transform:rotate(18deg);pointer-events:none;animation:flood 8s ease-in-out infinite alternate}@keyframes flood{0%{transform:rotate(14deg) translateX(0)}to{transform:rotate(22deg) translateX(50%)}}.livePulse{animation:livePulse 1.3s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.5}}.pulseBlue{animation:pulseBlue 2s ease-in-out infinite}@keyframes pulseBlue{0%,to{box-shadow:0 0 0 0 var(--blue-glow)}50%{box-shadow:0 0 0 6px transparent}}.pulseRed{animation:pulseRed 1.4s ease-in-out infinite}@keyframes pulseRed{0%,to{box-shadow:0 0 0 0 var(--red-glow)}50%{box-shadow:0 0 0 6px transparent}}.winGlow{animation:winGlow 2.5s ease-in-out infinite}@keyframes winGlow{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.2)}50%{box-shadow:0 0 12px 2px rgba(16,185,129,.3)}}.champRow{background:linear-gradient(110deg,#fffbeb 30%,#fef3c7 50%,#fffbeb 70%)!important;background-size:260% 100%!important;animation:champ 3s linear infinite;border-color:var(--gold)!important}@keyframes champ{to{background-position:-260% 0}}.kickBtn{transition:transform .12s ease,filter .12s ease}.kickBtn:hover{filter:brightness(1.08)}.kickBtn:active{transform:scale(.93)}.flagHover{transition:transform .18s ease;display:inline-block}.flagHover:hover{transform:scale(1.14) rotate(-3deg)}.scoreBoard{text-shadow:0 0 14px rgba(59,130,246,.5)}.confetti{position:absolute;top:-20px;border-radius:2px;animation:confettiFall 1.7s ease-in forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(105vh) rotate(2turn);opacity:0}}.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)}}.toast{animation:pop .25s ease}@keyframes pop{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.eventRow{animation:slideUp .2s ease both}button:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){.bounceBall,.champRow,.confetti,.eventRow,.livePulse,.noteIn,.popIn,.pulseBlue,.pulseRed,.shineText,.slideUp,.spinBall,.stadium:after,.toast,.winGlow{animation:none!important}}body{background:var(--bg,#f1f5f9);color:var(--text,#0f172a);transition:background .2s ease,color .2s ease}html{scrollbar-gutter:stable;overflow-y:scroll}body{overflow-x:hidden}