/* ===== ⚽ شكل الاستاد + كروت فيفا ===== */
@font-face{font-family:"Cairo";src:url("../fonts/cairo.woff2") format("woff2");font-weight:200 1000;font-display:swap}
body{background:radial-gradient(40% 22% at 12% 0%,rgba(255,255,255,.28),transparent 70%),radial-gradient(40% 22% at 88% 0%,rgba(255,255,255,.28),transparent 70%),radial-gradient(90% 50% at 50% 0%,rgba(56,189,248,.18),transparent 70%),linear-gradient(180deg,#071a33 0%,#0a2340 40%,#0b3b24 78%,#0a4a2a 100%);background-attachment:fixed}
body::before{opacity:1;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 60px,transparent 60px 120px);-webkit-mask:linear-gradient(180deg,transparent 45%,#000 85%);mask:linear-gradient(180deg,transparent 45%,#000 85%)}
.hero h1{font-size:38px;filter:drop-shadow(0 4px 0 rgba(120,70,0,.55)) drop-shadow(0 10px 18px rgba(245,197,66,.25))}
.hero .logo{filter:drop-shadow(0 8px 12px rgba(0,0,0,.45))}
.card{background:linear-gradient(180deg,rgba(14,40,74,.92),rgba(8,26,50,.94));border:1px solid rgba(125,211,252,.22);box-shadow:0 14px 30px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.08)}
.opt{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.02));box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .08s,box-shadow .08s,border-color .2s}
.opt:active{transform:translateY(3px);box-shadow:0 0 0 rgba(0,0,0,.35)}
.opt.sel{background:linear-gradient(180deg,rgba(245,197,66,.3),rgba(245,197,66,.08));box-shadow:0 3px 0 rgba(150,100,0,.6),0 0 0 3px rgba(245,197,66,.15)}
.btn{transition:transform .08s,box-shadow .08s}
.btn.primary{background:linear-gradient(180deg,#ffe58a,#f5c542 50%,#e09b12);box-shadow:0 5px 0 #a86a00,0 10px 20px rgba(0,0,0,.3),inset 0 2px 0 rgba(255,255,255,.6)}
.btn.primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 #a86a00,0 4px 10px rgba(0,0,0,.3)}
.btn.ghost{box-shadow:0 3px 0 rgba(0,0,0,.35)}
/* كروت الألعاب = كروت لاعيبة فيفا */
.gamecard{position:relative;overflow:hidden;border:2px solid transparent;background:linear-gradient(135deg,rgba(18,52,96,.96),rgba(10,30,58,.96)) padding-box,linear-gradient(135deg,#7dd3fc,#1e3a8a 45%,#7dd3fc) border-box;box-shadow:0 5px 0 rgba(0,0,0,.4),0 12px 24px rgba(0,0,0,.35);transition:transform .1s,box-shadow .1s}
.gamecard::after{content:"";position:absolute;top:-60%;left:-30%;width:40%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:rotate(20deg);pointer-events:none}
.gamecard:active{transform:translateY(3px) scale(.99);box-shadow:0 1px 0 rgba(0,0,0,.4),0 4px 10px rgba(0,0,0,.35)}
.gamecard .gi{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border-radius:14px;font-size:30px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 10px rgba(0,0,0,.3)}
.tourcard{background:linear-gradient(135deg,#5a4200,#2a1d00 55%,#1a2f5e) padding-box,linear-gradient(135deg,#fff3b0,#f5c542 35%,#a16207 60%,#fff3b0) border-box}
.tourcard .gt b{color:#fde68a}