:root{--bg1:#0c4a6e;--bg2:#0f172a;--accent:#38bdf8;--accent2:#fbbf24;--winner:#22c55e;--card:#1e293b;--text:#e2e8f0;--muted:#94a3b8;--land:#3b6e8f;--land-stroke:#0c4a6e;}
*{box-sizing:border-box;}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg1),var(--bg2));font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--text);padding:20px;}
.card{background:var(--card);border-radius:20px;padding:32px;max-width:760px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative;}
h1{font-size:1.6rem;margin:0 0 6px;text-align:center;}
p.sub{color:var(--muted);text-align:center;margin:0 0 20px;font-size:.9rem;}
.controls{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.controls > div{flex:1;min-width:160px;}
label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:4px;}
select,textarea,button{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #334155;background:#0f172a;color:var(--text);font-size:.95rem;font-family:inherit;}
textarea{margin-top:4px;margin-bottom:6px;white-space:pre;font-family:ui-monospace,Consolas,monospace;font-size:.8rem;line-height:1.5;}
.hint{font-size:.7rem;color:var(--muted);margin:0 0 14px;}
button#spinBtn{background:linear-gradient(135deg,var(--accent),var(--accent2));border:none;font-weight:700;cursor:pointer;transition:transform .15s;color:#022030;padding:12px 14px;font-size:1rem;}
button#spinBtn:hover{transform:translateY(-2px);}
button#spinBtn:disabled{opacity:.6;cursor:default;transform:none;}
.mapWrap{background:var(--bg1);border-radius:14px;padding:8px;margin:14px 0;overflow:hidden;}
#worldMap{width:100%;height:auto;display:block;}
.sea{fill:var(--bg1);}
.country{fill:var(--land);stroke:var(--land-stroke);stroke-width:.6;transition:fill .12s;}
.country.dotcountry{stroke:var(--bg1);stroke-width:1;}
.citymarker{fill:var(--land);opacity:0;transition:fill .12s,opacity .2s;stroke:var(--bg1);stroke-width:.8;}
#worldMap.mode-cities .citymarker{opacity:1;}
#worldMap.mode-cities .country{opacity:.55;}
.country.highlight,.citymarker.highlight{fill:var(--accent2)!important;opacity:1;}
.country.winner,.citymarker.winner{fill:var(--winner)!important;opacity:1;filter:drop-shadow(0 0 6px var(--winner));}
.result{margin-top:6px;padding:16px;border-radius:12px;background:#0f172a;text-align:center;font-size:1.2rem;min-height:24px;}
footer{text-align:center;margin-top:20px;font-size:.75rem;color:var(--muted);}.legal-links{margin-top:6px;font-size:.7rem;}.legal-links a{color:var(--muted);}
#langSelect{position:absolute;top:14px;right:14px;width:auto;padding:6px 8px;margin:0;font-size:.8rem;}
[dir="rtl"] #langSelect{right:auto;left:14px;}