:root{color-scheme:dark;--gold:#f3c966;--bg:#0b1428;--panel:#16213a;--stroke:#6c633c;--text:#f9efdb;--muted:#c2c9d4;--green:#67e3af;--red:#ff8791}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 55% 12%,#233453,#080e21 75%);color:var(--text);font:16px/1.8 'Cairo',Tahoma,Arial,sans-serif;direction:rtl}a{color:var(--gold)}.wrap{max-width:1160px;margin:auto;padding:15px clamp(12px,3vw,28px) 44px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:15px;border-bottom:1px solid #56617a77}.top strong{font-size:1.25rem;color:var(--gold)}.top a{text-decoration:none;padding:8px 12px;border:1px solid #a68d51;border-radius:12px}.lead{color:var(--muted);margin:16px 0}.grid{display:grid;grid-template-columns:1.5fr minmax(285px,1fr);gap:16px;align-items:start}.panel{background:linear-gradient(150deg,#182741,#11192e);border:1px solid #88714777;border-radius:21px;padding:18px;margin:15px 0;box-shadow:0 14px 40px #0005}.panel h2,.panel h3{margin:0 0 9px;color:var(--gold)}.panel p{margin:8px 0}.muted,small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:11px 14px;border:1px solid #52617c;border-radius:14px;background:#111d33}.stat span{display:block;font-size:.8rem;color:#c9cfdb}.stat b{font-size:1.12rem;color:#fff}.btn{font:700 15px 'Cairo',Tahoma,Arial,sans-serif;background:#202f49;color:#fff;border:1px solid #647897;border-radius:13px;padding:10px 16px;cursor:pointer;min-height:45px}.btn:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn.gold{background:linear-gradient(125deg,#ffe39b,#dba530);border:0;color:#352716}.btn.green{background:#166754;border-color:#27846a}.btn.red{background:#803747;border-color:#c85b6b}.btn:disabled{opacity:.38;cursor:not-allowed}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.boxline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #ffffff20}.boxline:last-child{border:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:12px 0}label{display:block;color:#e2e6f1;font-weight:600}input,textarea,select{width:100%;font:inherit;font-size:.95rem;background:#0c1830;color:#fff;border:1px solid #73829e;border-radius:12px;padding:11px;margin:4px 0 0;min-width:0}textarea{resize:vertical;min-height:94px}.message{padding:10px 14px;border-radius:13px;background:#1d3242;border:1px solid #557888;margin:10px 0;white-space:pre-wrap}.message.error{background:#492331;border-color:#d36175}.tag{font-size:.76rem;padding:3px 9px;border-radius:999px;background:#364663;color:#fff}.tag.ok{background:#1b6b53}.tag.warn{background:#814d20}.donation{padding:17px;border:1px solid #5c6c88;border-radius:17px;background:#0f1b31;margin:10px 0}.progress{height:12px;background:#344359;border-radius:99px;overflow:hidden;margin:8px 0}.progress span{display:block;background:linear-gradient(90deg,#3ed6a0,#f2d078);height:100%;border-radius:99px}.map{position:relative;min-height:530px;border:2px solid #53748a;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 68% 60%,#1b637c88,transparent 52%),repeating-linear-gradient(90deg,transparent 0,transparent 48px,#c3e0f00c 49px,#c3e0f00c 50px),repeating-linear-gradient(0deg,transparent 0,transparent 48px,#c3e0f00c 49px,#c3e0f00c 50px),linear-gradient(130deg,#092b4c,#0d4262 65%,#09253f)}.map:after{content:'محاكاة خريطة الدول الست';position:absolute;bottom:9px;left:12px;color:#b7d6e5;font-size:.7rem}.island{position:absolute;transform:translate(-50%,-50%);border:2px solid #91ad88;background:linear-gradient(155deg,#4a6749,#243c35);color:#fff;text-shadow:1px 2px 4px #000;border-radius:43% 57% 34% 66% / 40% 32% 68% 60%;box-shadow:inset 4px 6px 17px #94b27c55,0 8px 15px #0009;min-width:110px;min-height:96px;padding:18px 8px;font:800 13px 'Cairo',sans-serif;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:1.5}.island:hover,.island.selected{outline:3px solid var(--gold);outline-offset:3px;background:linear-gradient(155deg,#647e4c,#324937)}.island.home{border-color:#edc154;background:linear-gradient(135deg,#92703c,#54401a);min-width:117px;min-height:111px}.island .symbol{font-size:28px}.island.home .symbol{font-weight:1000;color:#ffe08b}.island[data-id="falcons"]{left:20%;top:18%}.island[data-id="mountains"]{left:51%;top:22%;min-height:125px}.island[data-id="islands"]{left:73%;top:24%}.island[data-id="sands"]{left:25%;top:70%;min-width:130px}.island[data-id="oasis"]{left:70%;top:72%;min-height:116px}.island.home{left:49%;top:56%}.warlog{max-height:420px;overflow:auto}.warlog article{border-bottom:1px solid #64738965;padding:10px 0}.warlog article:last-child{border:0}.danger-note{background:#4f2933;border:1px solid #b35b67;border-radius:15px;padding:14px;margin:12px 0}.countdown{font-weight:900;font-size:1.85rem;color:#ffa7a7;font-variant-numeric:tabular-nums}.mapnote{text-align:center;margin:10px auto;color:#b5c5d6}.foot{font-size:12px;color:#aab3c3;text-align:center;padding:30px 0}#status[hidden]{display:none!important}@media(max-width:790px){.grid{grid-template-columns:1fr}.map{min-height:415px}.island{min-width:85px;min-height:80px;font-size:10px;padding:9px 5px}.island.home{min-width:96px;min-height:96px}.island[data-id="mountains"]{min-height:95px}.island[data-id="sands"]{min-width:98px}.island .symbol{font-size:23px}}@media(max-width:410px){.map{min-height:360px}.island{min-width:74px;min-height:70px;font-size:9px}.island.home{min-width:90px;min-height:87px}.island[data-id="mountains"]{min-height:86px}.island[data-id="sands"]{min-width:90px}.form-row{grid-template-columns:1fr}.panel{padding:13px}}

/* Update34: military world has its own landscape layout. */
@media (orientation:landscape) and (max-width:1024px){body:has(.map) .wrap{max-width:none;padding:8px 14px 22px}body:has(.map) .grid{grid-template-columns:minmax(0,1.35fr) minmax(255px,.75fr);gap:10px}body:has(.map) .map{min-height:290px}body:has(.map) .panel{margin:7px 0;padding:10px}body:has(.map) .island{min-width:76px;min-height:62px;font-size:9px;padding:6px}body:has(.map) .island.home{min-width:85px;min-height:80px}body:has(.map) .island .symbol{font-size:21px}body:has(.map) .form-row{grid-template-columns:1fr 1fr}}
@media (orientation:portrait) and (max-width:900px){body:has(.map):before{content:'📱 أدر هاتفك بالعرض لاستخدام خريطة الحروب الدولية بشكل أفضل';display:block;text-align:center;background:#493825;color:#ffe3a6;padding:10px 12px;font-weight:800}}
@media(min-width:1200px){body:has(.map) .wrap{max-width:1440px}body:has(.map) .grid{grid-template-columns:1.6fr 1fr}}

.landscape-gate{display:none} @media (orientation:portrait) and (max-width:900px){body:has(.map):before{display:none}.landscape-gate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;background:radial-gradient(circle at 50% 20%,#253e5d,#071222);color:#ffe4b5}.landscape-gate>div{border:2px solid #ba933f;border-radius:24px;padding:30px;max-width:430px}.landscape-gate a{display:inline-block;padding:12px}.landscape-gate h2{font-size:1.6rem}}