:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bg-dark:#08090c;--bg-card:#12151e;--bg-card-gradient:linear-gradient(145deg, #191d2af2 0%, #0e1018fa 100%);--bg-surface:#ffffff0d;--royal-blue:#0d47a1;--royal-blue-glow:#0d47a166;--star-yellow:#ffc107;--star-yellow-glow:#ffc10766;--warm-amber:#ff9500;--stat-speed:#00e676;--stat-passing:#ffc107;--stat-stamina:#ff3d00;--stat-shooting:#00e5ff;--text-main:#fff;--text-muted:#8e9bae;--text-dim:#5a677b;--font-title:"Cairo", "Tajawal", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Tajawal", "Cairo", -apple-system, BlinkMacSystemFont, sans-serif;--radius-card:26px;--radius-pill:9999px;--transition-smooth:.3s cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark);direction:rtl}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-main);min-height:100vh;padding-left:var(--safe-left);padding-right:var(--safe-right);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto;display:block}.text-break-safe{overflow-wrap:break-word;word-break:break-word}.defensive-container{width:100%;max-width:1320px;padding-left:max(16px, env(safe-area-inset-left,16px));padding-right:max(16px, env(safe-area-inset-right,16px));box-sizing:border-box;margin-left:auto;margin-right:auto}.defensive-grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:clamp(16px,2.5vw,28px);width:100%;display:grid}.touch-target-48{justify-content:center;align-items:center;min-width:48px;min-height:48px;display:inline-flex}#root{flex-direction:column;min-height:100vh;display:flex}main{padding-top:calc(76px + env(safe-area-inset-top,0px));padding-bottom:calc(90px + var(--safe-bottom));flex:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--text-main);font-weight:800}.sleek-card{background:var(--bg-card-gradient);border-radius:var(--radius-card);transition:all var(--transition-smooth);border:1px solid #ffffff14;padding:22px;box-shadow:0 10px 30px #00000080}.sleek-card:hover{border-color:#ffc1074d;transform:translateY(-3px);box-shadow:0 15px 40px #000000b3,0 0 20px #ffc10726}.btn-star{color:#08090c;border-radius:var(--radius-pill);min-height:48px;transition:all var(--transition-smooth);background:linear-gradient(135deg,#ffc107 0%,#ff9500 100%);justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:800;display:inline-flex;box-shadow:0 4px 20px #ffc30059}.btn-star:hover,.btn-star:active{transform:scale(1.03);box-shadow:0 6px 30px #ffc30099}.btn-royal{color:var(--text-main);border-radius:var(--radius-pill);min-height:48px;transition:all var(--transition-smooth);background:#ffffff14;border:1px solid #ffffff1f;justify-content:center;align-items:center;gap:10px;padding:14px 26px;font-weight:700;display:inline-flex}.btn-royal:hover,.btn-royal:active{border-color:var(--star-yellow);background:#0d47a166}.stat-box{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.stat-progress-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.stat-progress-fill{border-radius:3px;height:100%;transition:width 1s}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;margin-bottom:10px;font-size:clamp(1.6rem,4vw,2.3rem)}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:36px;font-size:clamp(.95rem,2.5vw,1.1rem)}.text-yellow{color:var(--star-yellow)}.star-badge{border:1px solid var(--star-yellow);color:var(--star-yellow);border-radius:var(--radius-pill);background:#ffc10726;align-items:center;gap:6px;margin-bottom:14px;padding:6px 16px;font-size:.85rem;font-weight:800;display:inline-flex}.mobile-bottom-bar{display:none}@media (width<=768px){.container{padding:0 16px}.sleek-card{border-radius:22px;padding:18px}.mobile-bottom-bar{bottom:calc(12px + var(--safe-bottom));-webkit-backdrop-filter:blur(25px);z-index:9999;background:#12151ef5;border:1.5px solid #ffc10766;border-radius:32px;justify-content:space-around;align-items:center;height:60px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 10px 40px #000000d9,0 0 20px #ffc10733}.mobile-tab-item{color:var(--text-muted);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:44px;height:44px;font-size:.72rem;transition:all .2s;display:flex}.mobile-tab-item.active{color:var(--star-yellow);background:#ffc10733;font-weight:900}}@media (width<=640px){.btn-label-desktop{display:none!important}.btn-label-mobile{display:inline!important}}@media (width>=641px){.btn-label-desktop{display:inline!important}.btn-label-mobile{display:none!important}}@media (width<=900px){.desktop-nav{display:none!important}.mobile-toggle{display:inline-flex!important}}body,#root,header,main,footer{max-width:100vw!important;overflow-x:hidden!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}