:root{--country-green:#48dc9c;--country-blue:#55a7ff;--country-gold:#ffc85a;--country-red:#ff657d;--country-purple:#aa7cff}
html,body{background:#050910}.country-page{background:radial-gradient(circle at 85% 5%,rgba(77,124,255,.18),transparent 32%),radial-gradient(circle at 5% 95%,rgba(72,220,156,.13),transparent 36%)}.country-page::after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent 75%)}
.game-header{border-bottom:1px solid rgba(255,255,255,.055);padding-bottom:10px}.game-name{background:linear-gradient(90deg,#fff,#8ff0c2,#8bbdff);background-clip:text;-webkit-background-clip:text;color:transparent}.game-title p{color:#8195aa}.game-header .back,.game-header .sound{border-color:rgba(91,168,255,.22);background:linear-gradient(145deg,rgba(77,128,207,.14),rgba(10,15,25,.9));box-shadow:0 8px 20px #0005}
.panel{border-color:rgba(93,169,255,.18);background:radial-gradient(circle at 90% 0,rgba(80,137,255,.12),transparent 39%),linear-gradient(145deg,rgba(18,28,43,.98),rgba(7,12,21,.98));box-shadow:0 22px 55px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.065)}.stage-label{display:inline-flex;align-items:center;gap:5px;color:#70e8b1}.stage-label::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.mode-select{overflow:hidden}.mode-select::after{content:"313";position:absolute;right:-16px;bottom:-33px;color:rgba(255,255,255,.022);font-size:105px;font-weight:1000;letter-spacing:-10px;pointer-events:none}.mode-benefits{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.mode-benefits span{border:1px solid rgba(255,255,255,.07);border-radius:99px;padding:5px 8px;background:rgba(255,255,255,.028);color:#91a4b8;font-size:7px;font-weight:800}
.country-modes button:first-child{border-color:rgba(72,220,156,.28);background:radial-gradient(circle at 100% 0,rgba(72,220,156,.2),transparent 52%),linear-gradient(145deg,#142a24,#09131a)}.country-modes button:nth-child(2){border-color:rgba(85,167,255,.3);background:radial-gradient(circle at 100% 0,rgba(85,167,255,.2),transparent 52%),linear-gradient(145deg,#14243a,#09121d)}.country-modes button:first-child i{color:#6aeaae;box-shadow:0 0 20px rgba(72,220,156,.1)}.country-modes button:nth-child(2) i{border-color:rgba(85,167,255,.3);background:rgba(85,167,255,.1);color:#81bdff;box-shadow:0 0 20px rgba(85,167,255,.1)}
.setup input{border-color:rgba(85,167,255,.16);background:#080e18}.setup input:focus{border-color:rgba(85,167,255,.55);box-shadow:0 0 0 3px rgba(85,167,255,.08)}.setup form button{border-color:rgba(72,220,156,.32);background:linear-gradient(145deg,rgba(72,220,156,.18),rgba(72,220,156,.07));color:#82efbd}.player-chip{border-color:rgba(85,167,255,.14);background:linear-gradient(145deg,rgba(85,167,255,.09),rgba(255,255,255,.025))}.primary{border-color:rgba(102,236,176,.5);background:linear-gradient(135deg,#63efb2,#28a975);box-shadow:0 12px 28px rgba(40,169,117,.24)}
.battle-head{border:1px solid rgba(255,255,255,.06);border-radius:18px;margin-bottom:9px;padding:10px 12px;background:linear-gradient(90deg,rgba(85,167,255,.1),rgba(170,124,255,.07))}.battle-head strong{border-color:rgba(255,200,90,.32);background:rgba(255,200,90,.1);color:#ffd77f;box-shadow:0 0 18px rgba(255,200,90,.08)}.flag-card{border-color:rgba(85,167,255,.18);background:radial-gradient(circle at 50% 15%,rgba(85,167,255,.14),transparent 50%),linear-gradient(145deg,#17253a,#09111d)}.flag-card:nth-child(4n+2){border-color:rgba(72,220,156,.2);background:radial-gradient(circle at 50% 15%,rgba(72,220,156,.14),transparent 50%),linear-gradient(145deg,#152b27,#091511)}.flag-card:nth-child(4n+3){border-color:rgba(170,124,255,.2);background:radial-gradient(circle at 50% 15%,rgba(170,124,255,.15),transparent 50%),linear-gradient(145deg,#241d38,#100c19)}.flag-card:nth-child(4n){border-color:rgba(255,200,90,.2);background:radial-gradient(circle at 50% 15%,rgba(255,200,90,.13),transparent 50%),linear-gradient(145deg,#2b2618,#151108)}.flag-card::after{border:1px solid rgba(255,255,255,.08);background:rgba(4,8,14,.66);color:#d5e4ef}.flag-card:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.34)}
.reveal-card{border-color:rgba(255,101,125,.3);background:radial-gradient(circle at 50% 0,rgba(255,101,125,.2),transparent 44%),linear-gradient(145deg,#20131a,#0b0d14)}.winner .reveal-card{border-color:rgba(255,200,90,.38);background:radial-gradient(circle at 50% 0,rgba(255,200,90,.22),transparent 46%),linear-gradient(145deg,#211c10,#0d0e0b)}
@media(max-height:650px){.mode-select{padding:16px}.mode-benefits{margin-top:7px}.country-modes{gap:7px;margin-top:10px}.country-modes button{min-height:70px}}

/* شبكة ثابتة: أربعة أعلام في السطر وتمرير عمودي عند الحاجة فقط. */
.flags{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:88px;align-content:start;overflow-x:hidden;overflow-y:auto;padding:3px 2px 10px;scrollbar-width:thin;scrollbar-color:rgba(85,167,255,.35) transparent}
.flags::-webkit-scrollbar{width:3px}.flags::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(85,167,255,.35)}
.flag-card{min-height:0;border-radius:16px}.flag-card span{font-size:clamp(34px,7vh,48px)}
.flag-card::after{top:5px;left:5px;width:18px;height:18px;border-radius:6px;font-size:7px}
@media(max-width:370px){.flags{gap:6px;grid-auto-rows:78px}.flag-card span{font-size:34px}}

.flag-card::after{display:none!important}.flag-card{flex-direction:column;gap:1px}.flag-card small{display:block;max-width:94%;overflow:hidden;color:#b9c8d4;font-family:"Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;font-size:7px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.flag-card span{line-height:1}

.winner{overflow:hidden}.winner .reveal-card{position:relative;z-index:2}.winner-confetti{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.winner-confetti i{position:absolute;top:-22px;left:var(--x);width:8px;height:15px;border-radius:2px;background:var(--c);box-shadow:0 0 8px color-mix(in srgb,var(--c) 45%,transparent);transform:rotate(var(--r));animation:countryConfetti var(--d) var(--delay) linear infinite}.winner-confetti i:nth-child(3n){width:6px;height:10px;border-radius:50%}.winner-confetti i:nth-child(4n){width:11px;height:5px}
@keyframes countryConfetti{0%{transform:translate3d(0,-8vh,0) rotate(var(--r));opacity:0}8%{opacity:1}50%{transform:translate3d(24px,52vh,0) rotate(calc(var(--r) + 380deg))}100%{transform:translate3d(-18px,108vh,0) rotate(calc(var(--r) + 760deg));opacity:.8}}
@media(prefers-reduced-motion:reduce){.winner-confetti i{animation-duration:8s}}