/* ── styles.css ── */
@font-face{font-family:'Cairo';font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/cairo-arabic.woff2) format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Cairo';font-style:normal;font-weight:300 900;font-display:swap;src:url(/fonts/cairo-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--bg:#0b1a3a;--bg2:#0f2147;--card:#12264f;--card2:#183061;--line:#26407a;--text:#eef2fb;--muted:#9aa8c7;--gold:#f1b92f;--gold2:#ffe08a;--green:#2fbf71;--red:#ef5350;--blue:#4c8dff;--r:18px;--nav:68px;--safe:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;font-size:16px;line-height:1.6}
body{min-height:100vh;background:radial-gradient(1200px 600px at 80% -10%,#1d3a7a 0%,transparent 60%),var(--bg);overflow-x:hidden}
a{color:var(--gold2);text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wrap{max-width:560px;margin:0 auto;padding:12px 14px calc(var(--nav) + var(--safe) + 24px)}
/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(11,26,58,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top-in{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.2rem;color:var(--text)}
.brand img{width:34px;height:34px;border-radius:9px}
.chips{margin-inline-start:auto;display:flex;gap:6px;align-items:center}
.chip{display:inline-flex;align-items:center;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:99px;padding:3px 10px;font-size:.85rem;font-weight:700;white-space:nowrap}
.bell{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--card);border:1px solid var(--line);font-size:1.1rem}
.badge{position:absolute;top:-5px;inset-inline-end:-5px;background:var(--red);color:#fff;border-radius:99px;font-size:.7rem;min-width:18px;height:18px;display:grid;place-items:center;padding:0 4px;font-weight:800}
/* bottom nav */
.nav{position:fixed;bottom:0;inset-inline:0;z-index:30;background:rgba(11,26,58,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:var(--safe)}
.nav-in{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);height:var(--nav)}
.nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:.74rem;font-weight:700}
.nav a .i{font-size:1.35rem;line-height:1;filter:grayscale(.6);opacity:.8;transition:transform .15s}
.nav a.on{color:var(--gold)}
.nav a.on .i{filter:none;opacity:1;transform:translateY(-2px)}
/* cards & type */
h1,h2,h3{margin:0;line-height:1.3}
h1{font-size:1.5rem;font-weight:800}h2{font-size:1.15rem;font-weight:800}h3{font-size:1rem;font-weight:700}
.card{background:linear-gradient(180deg,var(--card),#10214a);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.muted{color:var(--muted)}.small{font-size:.85rem}.tiny{font-size:.75rem}
.gold{color:var(--gold)}.green{color:var(--green)}.red{color:var(--red)}
.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:8px}
.grow{flex:1;min-width:0}.center{text-align:center}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.numr{font-variant-numeric:tabular-nums} /* a number beside an Arabic word: keeps the page direction so «٢٥٠ ضرر» reads right */
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;font-size:1rem;cursor:pointer;background:var(--card2);color:var(--text);border:1px solid var(--line);min-height:48px;transition:transform .08s,filter .15s}
.btn:active{transform:scale(.98)}
.btn.primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#1a1300;border:0;box-shadow:0 6px 18px rgba(241,185,47,.25)}
.btn.danger{background:#3a1620;border-color:#5c2230;color:#ffb4b4}
.btn.ghost{background:transparent}
.btn.block{width:100%}.btn.sm{min-height:36px;padding:6px 12px;font-size:.88rem;border-radius:11px}
.btn[disabled]{opacity:.5;pointer-events:none}
/* forms */
label{display:block;font-weight:700;font-size:.9rem;margin:10px 0 6px}
.input{width:100%;background:#0c1c40;border:1px solid var(--line);border-radius:14px;padding:12px 14px;min-height:48px;font-size:1rem;transition:border .15s}
.input:focus{border-color:var(--gold);outline:none}
textarea.input{min-height:90px;resize:vertical}
.hint{font-size:.8rem;margin-top:4px;min-height:1.2em}
.err{background:#3a1620;border:1px solid #5c2230;color:#ffc2c2;border-radius:12px;padding:10px 12px;font-size:.9rem;margin-top:10px}
/* bars */
.bar{height:12px;background:#0b1430;border-radius:99px;overflow:hidden;border:1px solid var(--line)}
.bar>i{display:block;height:100%;border-radius:99px;transition:width .6s ease}
.bar.energy>i{background:linear-gradient(90deg,#26c281,#7be495)}
.bar.xp>i{background:linear-gradient(90deg,#4c8dff,#8fb8ff)}
.bar.rank>i{background:linear-gradient(90deg,#d9922a,var(--gold2))}
.stat{margin:10px 0}.stat-h{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:4px;font-weight:700}
/* avatar */
.av{width:44px;height:44px;border-radius:14px;background:var(--card2);border:1px solid var(--line);display:grid;place-items:center;font-size:1.5rem;flex:none}
.av.lg{width:72px;height:72px;font-size:2.4rem;border-radius:20px}
.av.sm{width:34px;height:34px;font-size:1.1rem;border-radius:10px}
/* lists */
.list{display:flex;flex-direction:column}
.li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(36,52,95,.6);color:var(--text)}
.li:last-child{border-bottom:0}
.pill{display:inline-block;font-size:.75rem;font-weight:800;border-radius:99px;padding:1px 9px;background:var(--card2);border:1px solid var(--line);color:var(--muted)}
.pill.gold{color:#1a1300;background:var(--gold);border-color:var(--gold)}
.pill.green{color:#062;background:#7be495;border-color:#7be495}
.tabs{display:flex;gap:6px;background:#0c1c40;border:1px solid var(--line);padding:4px;border-radius:14px;margin:10px 0}
.tabs button{flex:1;border:0;background:transparent;border-radius:10px;padding:8px;font-weight:800;color:var(--muted);cursor:pointer}
.tabs button.on{background:var(--card2);color:var(--gold)}
/* tiles */
.tile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 10px;text-align:center;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;font-size:.9rem}
.tile .i{font-size:1.7rem}
.tile.soon{opacity:.62}
.tile .pill{position:absolute;top:6px;inset-inline-start:6px;font-size:.62rem}
/* auth */
.hero{text-align:center;padding:26px 6px 6px}
.hero img{width:96px;height:96px;border-radius:24px;box-shadow:0 12px 40px rgba(241,185,47,.25)}
.hero h1{font-size:2.2rem;margin-top:10px;background:linear-gradient(180deg,#fff,var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{margin:4px 0 0;color:var(--muted)}
.steps{display:flex;gap:6px;justify-content:center;margin:6px 0 10px}
.steps i{width:28px;height:6px;border-radius:9px;background:var(--line)}.steps i.on{background:var(--gold)}
.cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:52vh;overflow:auto;padding:2px}
.copt{display:flex;align-items:center;gap:8px;padding:10px;border-radius:14px;background:#0c1c40;border:2px solid var(--line);cursor:pointer;text-align:start;font-weight:700}
.copt .f{font-size:1.6rem}.copt.on{border-color:var(--gold);background:#1a2448}
.agrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.aopt{aspect-ratio:1;border-radius:14px;background:#0c1c40;border:2px solid var(--line);font-size:1.6rem;cursor:pointer;display:grid;place-items:center}
.aopt.on{border-color:var(--gold);background:#1a2448}
.code{font-family:ui-monospace,Menlo,monospace;font-size:1.5rem;letter-spacing:2px;direction:ltr;background:#0c1c40;border:2px dashed var(--gold);border-radius:14px;padding:14px;text-align:center;font-weight:800;color:var(--gold2)}
/* map */
.map{width:100%;height:auto;display:block;background:radial-gradient(circle at 50% 40%,#13285a,#0b1430);border-radius:16px;border:1px solid var(--line);touch-action:manipulation}
.map text{font-family:'Cairo',sans-serif;paint-order:stroke;stroke:#0b1430;stroke-width:3px}
.map .ctry{cursor:pointer}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* chat */
.chatbox{display:flex;flex-direction:column;gap:8px;min-height:calc(100vh - 290px)}
.msg{display:flex;gap:8px;align-items:flex-start}
.msg .b{background:var(--card2);border:1px solid var(--line);border-radius:14px;border-start-start-radius:4px;padding:6px 10px;max-width:80%;word-wrap:break-word;overflow-wrap:anywhere}
.msg.me{flex-direction:row-reverse}.msg.me .b{background:#2a3a1a;border-color:#3c5a24;border-start-start-radius:14px;border-start-end-radius:4px}
.msg .n{font-size:.75rem;font-weight:800;color:var(--gold2)}
.composer{position:sticky;bottom:calc(var(--nav) + var(--safe) + 6px);display:flex;gap:8px;background:var(--bg);padding:8px 0}
/* modal & toast */
.modal-bg{position:fixed;inset:0;background:rgba(3,7,18,.7);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s}
.modal{background:var(--bg2);border:1px solid var(--line);border-radius:22px 22px 0 0;width:100%;max-width:560px;padding:18px 16px calc(18px + var(--safe));max-height:92vh;overflow:auto;animation:up .2s ease}
@media(min-width:600px){.modal-bg{align-items:center}.modal{border-radius:22px}}
@keyframes up{from{transform:translateY(30px);opacity:0}}@keyframes fade{from{opacity:0}}
.toast{position:fixed;top:12px;left:50%;transform:translateX(-50%);z-index:60;background:#13213f;border:1px solid var(--line);border-radius:14px;padding:10px 16px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.4);max-width:92vw;animation:fade .2s}
.toast.bad{border-color:#5c2230;background:#2a1220}
.skel{background:linear-gradient(90deg,#131f3f,#1b2a52,#131f3f);background-size:200% 100%;animation:sh 1.2s infinite;border-radius:12px;height:16px;margin:8px 0}
@keyframes sh{to{background-position:-200% 0}}
.check{display:flex;align-items:center;gap:10px;padding:8px 0}
.check .bx{width:26px;height:26px;border-radius:8px;border:2px solid var(--line);display:grid;place-items:center;flex:none;font-size:.9rem}
.check.done .bx{background:var(--green);border-color:var(--green);color:#042}
.check.done .t{color:var(--muted);text-decoration:line-through}
.tut-slide{text-align:center;padding:8px 4px}.tut-slide .i{font-size:3.4rem}
.empty{text-align:center;color:var(--muted);padding:18px 6px}

.mapwrap{position:relative;width:100%;aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0b1a3a}
.mapwrap .map{width:100%;height:100%;border:0;border-radius:0;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.map .others path{fill:#1c2742;stroke:#0b1a3a}
.map .inset{fill:#0d1f45;stroke:#3a4a70;stroke-dasharray:4 3}
.map .ct{stroke:#0b1430;cursor:pointer;transition:filter .15s}
.map .ct.mine{filter:brightness(1.12)}
.map .ct.sel{stroke:#ffe08a;filter:brightness(1.18) drop-shadow(0 0 6px rgba(255,224,138,.5))}
.map .lb{fill:#f4f7ff;font-weight:800;stroke:#0b1430;paint-order:stroke;pointer-events:none}
.map .lb.sel{fill:#ffe08a}
.map .rg{pointer-events:none}
.mapctl{position:absolute;bottom:8px;left:8px;display:flex;flex-direction:row;gap:6px}
.mbtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(15,26,54,.88);color:var(--text);font-size:1.25rem;font-weight:800;cursor:pointer;display:grid;place-items:center}
.presets{display:flex;gap:6px;overflow-x:auto;padding:8px 2px 2px;scrollbar-width:none}
.presets::-webkit-scrollbar{display:none}
.presets .pill{white-space:nowrap;font-size:.8rem;padding:4px 12px;cursor:pointer;font-family:inherit}
.sheet{margin-top:10px}
.statbox{background:#0c1c40;border:1px solid var(--line);border-radius:14px;padding:10px;min-width:0}
.statbox .v{font-weight:800;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
details.cl{margin-top:10px}
details.cl summary{cursor:pointer;font-weight:800;color:var(--gold2);padding:6px 2px}
.check{color:var(--text)}
.cgrid{max-height:none}

/* ── stage 2: header chips as links */
a.chip{color:var(--text)}
/* full-screen map */
body.fullmap{overflow:hidden;overscroll-behavior:none}
body.fullmap .top,body.fullmap .nav{display:none!important}
body.fullmap .wrap{max-width:none;padding:0}
.fm-map .mapwrap{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border:0;border-radius:0;z-index:1}
.fm-top{position:fixed;top:calc(env(safe-area-inset-top,0px) + 10px);inset-inline:10px;z-index:6;display:flex;gap:8px;align-items:center;pointer-events:none}
.fm-top>*{pointer-events:auto}
.fm-btn{width:46px;height:46px;flex:none;border-radius:14px;background:rgba(15,33,71,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);display:grid;place-items:center;color:var(--text);font-size:1.25rem;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fm-title{flex:1;min-width:0;background:rgba(15,33,71,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;padding:3px 12px;display:flex;flex-direction:column;line-height:1.35;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fm-map .presets{position:fixed;top:calc(env(safe-area-inset-top,0px) + 64px);inset-inline:0;z-index:5;flex-wrap:nowrap;padding:2px 10px}
.fm-map .presets .pill{background:rgba(15,33,71,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);flex:none;padding:5px 13px}
.fm-map .presets .pill.gold{background:var(--gold);color:#1a1300}
.fm-map .mapctl{position:fixed;left:10px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column;z-index:5}
.fm-map .mbtn{width:44px;height:44px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.fm-sheet{position:fixed;bottom:calc(var(--safe) + 10px);inset-inline:10px;z-index:6;max-width:540px;margin:0 auto;background:rgba(18,38,79,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 -6px 30px rgba(0,0,0,.35);animation:up .2s ease}
.fm-sheet.min{display:none}
.fm-x{position:absolute;top:8px;inset-inline-end:8px;width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#0c1c40;color:var(--muted);cursor:pointer;z-index:1}
.linkbtn{width:100%;background:none;border:0;border-bottom:1px solid rgba(36,52,95,.6);text-align:start;cursor:pointer;font:inherit;color:var(--text)}
/* economy */
.tabs.scroll{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}
.tabs.scroll::-webkit-scrollbar{display:none}
.tabs a{flex:1 0 auto;text-align:center;border-radius:10px;padding:8px 10px;font-weight:800;color:var(--muted);white-space:nowrap;font-size:.88rem}
.tabs a.on{background:var(--card2);color:var(--gold)}
.hero-card{background:radial-gradient(500px 200px at 90% -20%,rgba(241,185,47,.14),transparent 70%),linear-gradient(180deg,var(--card),#10214a)}
.btn.big{min-height:56px;font-size:1.1rem;border-radius:16px}
.cooldown{text-align:center;background:#0c1c40;border:1px dashed var(--line);border-radius:16px;padding:10px}
.big-clock{font-size:2rem;font-weight:900;color:var(--gold2);letter-spacing:1px}
.okbox{background:#0f3324;border:1px solid #1d6b46;color:#9ff0c5;border-radius:12px;padding:10px 12px;font-size:.9rem;font-weight:700;text-align:center}
.tip{background:linear-gradient(180deg,#14284f,#10214a);border-style:dashed}
.items{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.itemc{display:flex;align-items:center;gap:10px;background:#0c1c40;border:1px solid var(--line);border-radius:14px;padding:10px}
.itemc .ii{font-size:1.9rem;width:44px;text-align:center;flex:none}
.ctypes{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ctype{display:flex;flex-direction:column;align-items:center;gap:4px;background:#0c1c40;border:2px solid var(--line);border-radius:16px;padding:12px 8px;color:var(--text);cursor:pointer;font:inherit;transition:border-color .15s,transform .08s}
.ctype:active{transform:scale(.98)}.ctype:hover{border-color:var(--gold)}
.ctype .ci{font-size:2rem}.ctype[aria-disabled="true"]{opacity:.6}
.stars{color:var(--gold);letter-spacing:1px;font-size:.8rem}.stars i{color:#33456f;font-style:normal}
.li.co .btn{line-height:1.2}
.today-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.qa{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0c1c40;border:1px solid var(--line);border-radius:16px;padding:10px 4px;color:var(--text);text-align:center;font-size:.85rem}
.qa .qi{font-size:1.6rem}.qa .tiny{color:var(--muted)}
.qa.go{border-color:var(--gold);background:linear-gradient(180deg,#2a2a1c,#1a2448);box-shadow:0 0 0 1px rgba(241,185,47,.25),0 6px 18px rgba(241,185,47,.12)}
.qa.go b{color:var(--gold2)}
.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px}
.day{background:#0c1c40;border:1px solid var(--line);border-radius:12px;padding:6px 2px;text-align:center;line-height:1.3}
.day .di{font-size:1.2rem}.day.past{opacity:.55}
.day.now{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,185,47,.25);background:#1f2a4a}
.mission .mi{font-size:1.5rem;width:36px;text-align:center}
.mission .bar{height:8px;margin:4px 0 0}
.mission.claimed{opacity:.6}
.chest .chest-i{font-size:2.4rem}.chest.ready{border-color:var(--gold);animation:glow 1.6s ease-in-out infinite alternate}
@keyframes glow{to{box-shadow:0 0 22px rgba(241,185,47,.35)}}
.price-card .big-i{font-size:2.6rem}
.price{font-size:1.9rem;font-weight:900;color:var(--gold2);line-height:1.2}.price small{font-size:.8rem;color:var(--muted);font-weight:700}
.spark{flex:none}
.offer.state{background:rgba(76,141,255,.06);border-radius:12px;padding-inline:8px}
select.input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:18px 22px,12px 22px;background-size:6px 6px;background-repeat:no-repeat}
.reward{text-align:center}.reward-i{font-size:3.6rem;animation:pop .4s ease}
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1)}}
.reward-lines{background:#0c1c40;border:1px solid var(--line);border-radius:14px;padding:6px 12px;margin-top:10px;text-align:start}
.rl{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(36,52,95,.6)}.rl:last-child{border-bottom:0}
.pill.founder{background:linear-gradient(90deg,#6d28d9,#a855f7);color:#fff;border-color:#a855f7}
.gov .pres-card{display:flex;align-items:center;gap:12px;background:linear-gradient(90deg,rgba(241,185,47,.16),transparent);border:1px solid rgba(241,185,47,.4);border-radius:16px;padding:10px;margin:10px 0 6px}
input[type=number]::-webkit-inner-spin-button{opacity:.4}

.tabs.scroll a{display:flex;flex-direction:column;align-items:center;gap:0;flex:1 1 0;min-width:0;padding:6px 2px;font-size:.74rem;line-height:1.35}
.tabs.scroll a .ti{font-size:1.15rem}
.fm-sheet #sheetc>.row:first-child{padding-inline-end:38px}
select.input{appearance:auto;-webkit-appearance:menulist;background-image:none}

/* portrait avatars */
.avi{width:1.5em;height:1.5em;border-radius:7px;object-fit:cover;vertical-align:middle;display:inline-block}
.av .avi{width:100%;height:100%;border-radius:inherit;display:block}
.av:has(.avi){overflow:hidden;padding:0}
.agrid.pics{grid-template-columns:repeat(4,1fr)}
.agrid.pics .aopt{padding:0;overflow:hidden;position:relative}
.agrid.pics .aopt .avi{width:100%;height:100%;border-radius:12px}
.aopt.excl{border-color:#a855f7;box-shadow:0 0 0 2px rgba(168,85,247,.35)}
.aopt .lock{position:absolute;bottom:2px;inset-inline-start:4px;font-size:.9rem;filter:drop-shadow(0 1px 2px #000)}
.av.frame{border:0;padding:3px;background:conic-gradient(from 0deg,#ffe08a,#f1b92f,#a855f7,#ffe08a,#f1b92f,#a855f7,#ffe08a);box-shadow:0 0 22px rgba(241,185,47,.45)}
.av.frame .avi{border-radius:17px}
.av.lg.frame{width:84px;height:84px;border-radius:22px}
.founder-card{background:radial-gradient(400px 180px at 50% -10%,rgba(168,85,247,.22),transparent 70%),radial-gradient(400px 180px at 50% 0,rgba(241,185,47,.14),transparent 70%),linear-gradient(180deg,var(--card),#10214a);border-color:rgba(241,185,47,.5)}

.modal.picker{max-height:80vh}
.sheet-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;position:relative}
.sheet-h .fm-x{position:static}
.pick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-height:46vh;overflow-y:auto;padding:2px}
.pk{aspect-ratio:1;padding:0;border-radius:12px;border:2px solid var(--line);background:#0c1c40;overflow:hidden;cursor:pointer}
.pk .avi{width:100%;height:100%;border-radius:10px}
.pk.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,185,47,.35)}
.pk.excl{border-color:#a855f7}.pk.excl.on{border-color:var(--gold)}

/* drawn icons in place of emoji */
img.ico{height:1.25em!important;width:auto!important;max-width:none!important;vertical-align:-0.25em;display:inline-block!important;object-fit:contain;pointer-events:none;border-radius:0!important;box-shadow:none!important;animation:none!important;margin:0!important;filter:none}
img.ico.flag{height:1em!important;vertical-align:-0.12em;border-radius:2px!important;box-shadow:0 0 0 1px rgba(255,255,255,.12)!important}
.av img.ico{height:1.15em!important;width:1.15em!important;vertical-align:middle}
.nav a .i img.ico{height:26px!important;width:26px!important}

/* avatar frames (level tiers) */
.av:has(.frm){position:relative;overflow:visible;border-radius:50%;border-color:transparent;background:#0c1c40}
.av:has(.frm) .avi{border-radius:50%}
.frm{position:absolute;inset:-24%;pointer-events:none;background:center/contain no-repeat;z-index:1}
.av.sm .frm{inset:-22%}
.frm.f-t1{background-image:url(/frames/f01.webp)}
.frm.f-t2{background-image:url(/frames/f02.webp)}
.frm.f-t3{background-image:url(/frames/f03.webp)}
.frm.f-t4{background-image:url(/frames/f04.webp)}
.frm.f-t5{background-image:url(/frames/f05.webp)}
.frm.f-t6{background-image:url(/frames/f06.webp)}
.frm.f-t7{background-image:url(/frames/f07.webp)}
.frm.f-t8{background-image:url(/frames/f08.webp)}
.frm.f-t9{background-image:url(/frames/f09.webp)}
.frm.f-t10{background-image:url(/frames/f10.webp)}
.frm.f-founder2{background-image:url(/frames/founder2.webp)}

.frm.f-founder{inset:-9%;border-radius:50%;background:conic-gradient(from 210deg,#ffe8a8,#f2bd3d,#a855f7,#ffe8a8,#d99a1c,#a855f7,#ffe8a8);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3.5px));
  box-shadow:0 0 18px rgba(241,185,47,.5)}
.av.lg .frm.f-founder{-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5.5px))}
.li .av:has(.frm),.row .av:has(.frm){margin-inline:6px}
.pk-tabs{display:flex;gap:6px;margin-bottom:10px}.pk-tabs button{flex:1;padding:9px;border-radius:12px;border:1px solid var(--line);background:transparent;color:inherit;font:inherit;font-weight:700}
.pk-tabs button.on{background:rgba(241,185,47,.14);border-color:var(--gold);color:var(--gold)}
.frame-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:46vh;overflow-y:auto;padding:14px 4px}
.fk{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 4px 8px;border-radius:14px;border:2px solid var(--line);background:#0c1c40;color:inherit;font:inherit;cursor:pointer;min-width:0}
.fk .av{width:46px;height:46px;margin-bottom:8px}.fk b{max-width:100%}
.fk.on{border-color:var(--gold);box-shadow:0 0 0 2px rgba(241,185,47,.3)}
.fk.locked{opacity:.45;filter:grayscale(.9)}

.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.grant-card .card-h .fm-x{position:static}
.stipend-card.ready{box-shadow:0 0 0 1px rgba(241,185,47,.5),0 0 24px -6px rgba(241,185,47,.45)}
.stip-tbl{max-height:40vh;overflow-y:auto}.stip-tbl .li.me{outline:1px solid var(--gold)}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;text-align:center}
.steps3 span{padding:6px 4px;border-radius:10px;border:1px solid var(--line);opacity:.7}.steps3 span.on{border-color:var(--gold);opacity:1;color:var(--gold)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.dec h2{font-size:1rem}.li .col{display:flex;flex-direction:column;gap:4px}
.pill.red{background:rgba(239,83,80,.18);color:#ff8a80}

/* bot trap: hidden from people, filled only by bots */
.hp{position:absolute!important;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ── theme.css ── */
/* ═══════════════════════════════════════════════════════════════
   سيادة — Modern theme layer ("Night Gold")
   Load AFTER styles.css. Pure override: no IDs/classes renamed.
   ═══════════════════════════════════════════════════════════════ */
:root{
  --bg:#060f26; --bg2:#0b1a3a; --card:rgba(20,38,82,.62); --card2:rgba(34,56,110,.55);
  --solid:#0f1f45; --line:rgba(160,185,255,.13); --line2:rgba(160,185,255,.22);
  --text:#f2f5fc; --muted:#93a3c6; --gold:#f2bd3d; --gold2:#ffe39a; --gold3:#c98d16;
  --green:#34d399; --red:#f87171; --blue:#60a5fa;
  --r:22px; --r-sm:14px; --nav:66px;
  --glass:blur(18px) saturate(150%);
  --sh1:0 1px 0 rgba(255,255,255,.06) inset,0 10px 30px -12px rgba(0,0,0,.55);
  --sh-gold:0 10px 30px -10px rgba(242,189,61,.55);
  --grad-gold:linear-gradient(135deg,#ffe8a8 0%,#f2bd3d 45%,#d99a1c 100%);
  --ease:cubic-bezier(.22,1,.36,1);
}
html,body{font-family:'Cairo',system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;letter-spacing:0;-webkit-font-smoothing:antialiased}
body{background:
  radial-gradient(900px 500px at 100% -10%,rgba(56,94,190,.35),transparent 60%),
  radial-gradient(700px 420px at -10% 30%,rgba(242,189,61,.07),transparent 60%),
  radial-gradient(800px 600px at 50% 120%,rgba(37,64,140,.35),transparent 60%),
  var(--bg);background-attachment:fixed}
::selection{background:rgba(242,189,61,.35)}
h1{font-weight:900;letter-spacing:-.2px}h2{font-weight:800;font-size:1.12rem}
.muted{color:var(--muted)}
.wrap{padding:14px 14px calc(var(--nav) + var(--safe) + 34px)}
/* no entrance animation on #view children: several views re-render on timers (chat every 4 s), and a transform there would trap the fixed full-screen map */

/* ── top bar (glass) */
.top{background:linear-gradient(180deg,rgba(6,15,38,.92),rgba(6,15,38,.72));backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-bottom:1px solid var(--line);box-shadow:0 8px 24px -16px rgba(0,0,0,.8)}
.top-in{padding:9px 14px;gap:8px}
.brand{font-weight:900;font-size:1.25rem;gap:9px;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand img{width:36px;height:36px;border-radius:11px;box-shadow:0 0 0 1px rgba(242,189,61,.45),0 6px 16px -6px rgba(242,189,61,.6)}
.chips{gap:6px}
.chip,a.chip{background:rgba(255,255,255,.05);border:1px solid var(--line2);border-radius:12px;padding:4px 9px;font-size:.84rem;font-weight:800;color:var(--text);box-shadow:0 1px 0 rgba(255,255,255,.05) inset;transition:background .2s,border-color .2s}
a.chip:hover{border-color:rgba(242,189,61,.5);background:rgba(242,189,61,.08)}
.bell{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line2)}
.badge{background:linear-gradient(180deg,#ff7a7a,#e5484d);box-shadow:0 0 0 2px var(--bg),0 4px 10px rgba(229,72,77,.5)}

/* ── bottom nav: floating glass dock */
.nav{left:10px;right:10px;bottom:calc(var(--safe) + 10px);padding-bottom:0;border:1px solid var(--line2);border-radius:24px;
  background:rgba(9,20,48,.78);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 18px 40px -12px rgba(0,0,0,.75);max-width:540px;margin:0 auto}
.nav-in{height:var(--nav);padding:0 4px}
.nav a{position:relative;font-size:.72rem;font-weight:800;color:var(--muted);transition:color .25s}
.nav a .i{position:relative;z-index:1;font-size:1.3rem;filter:grayscale(.9) brightness(1.1);opacity:.7;transition:transform .3s var(--ease),filter .3s,opacity .3s}
.nav a .i img{width:26px;height:26px;display:block}
.nav a::before{content:"";position:absolute;top:7px;left:50%;width:46px;height:32px;margin-left:-23px;border-radius:12px;background:radial-gradient(60% 80% at 50% 50%,rgba(242,189,61,.28),rgba(242,189,61,.06));box-shadow:inset 0 0 0 1px rgba(242,189,61,.35);opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s var(--ease)}
.nav a.on{color:var(--gold2)}
.nav a.on::before{opacity:1;transform:scale(1)}
.nav a.on .i{filter:none;opacity:1;transform:translateY(-1px) scale(1.08)}
.nav a.on::after{content:"";position:absolute;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}

/* ── cards (glass) */
.card{position:relative;background:linear-gradient(180deg,rgba(26,48,100,.62),rgba(14,30,68,.62));border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:14px 0;
  box-shadow:var(--sh1)}
.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(160deg,rgba(255,255,255,.14),rgba(255,255,255,0) 35%,rgba(242,189,61,0) 70%,rgba(242,189,61,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.card-h h2,.card>h2{display:flex;align-items:center;gap:8px}
.hero-card{background:radial-gradient(420px 200px at 100% -30%,rgba(242,189,61,.20),transparent 70%),radial-gradient(380px 220px at 0% 130%,rgba(96,165,250,.14),transparent 70%),linear-gradient(180deg,rgba(28,52,108,.78),rgba(14,30,68,.78))}
.tip{background:linear-gradient(180deg,rgba(242,189,61,.07),rgba(14,30,68,.55));border:1px dashed rgba(242,189,61,.35)}

/* ── buttons */
.btn{border-radius:16px;min-height:50px;font-weight:800;background:rgba(255,255,255,.06);border:1px solid var(--line2);box-shadow:0 1px 0 rgba(255,255,255,.06) inset;transition:transform .15s var(--ease),filter .2s,background .2s,border-color .2s,box-shadow .2s}
.btn:hover{border-color:rgba(255,255,255,.28)}
.btn:active{transform:scale(.97)}
.btn.primary{position:relative;overflow:hidden;background:var(--grad-gold);color:#1c1300;border:0;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,var(--sh-gold)}
.btn.primary::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:sy-shine 4.5s ease-in-out infinite}
@keyframes sy-shine{0%,70%{left:-60%}100%{left:130%}}
.btn.primary:hover{filter:brightness(1.05)}
.btn.danger{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35);color:#fecaca}
.btn.ghost{background:transparent}
.btn.sm{min-height:38px;border-radius:12px}
.btn.big{min-height:58px;border-radius:18px;font-size:1.12rem}
.linkbtn{border-bottom-color:var(--line)}

/* ── forms */
.input{background:rgba(4,12,32,.55);border:1px solid var(--line2);border-radius:var(--r-sm);transition:border-color .2s,box-shadow .2s}
.input:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(242,189,61,.14)}
.err{background:rgba(248,113,113,.1);border-color:rgba(248,113,113,.35)}
.okbox{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.35);color:#a7f3d0}

/* ── progress bars */
.bar{height:10px;background:rgba(0,0,0,.35);border:0;box-shadow:inset 0 1px 2px rgba(0,0,0,.5),0 0 0 1px var(--line)}
.bar>i{position:relative;transition:width .8s var(--ease)}
.bar>i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 60%)}
.bar.energy>i{background:linear-gradient(90deg,#10b981,#6ee7b7);box-shadow:0 0 12px rgba(52,211,153,.55)}
.bar.xp>i{background:linear-gradient(90deg,#3b82f6,#93c5fd);box-shadow:0 0 12px rgba(96,165,250,.55)}
.bar.rank>i{background:linear-gradient(90deg,#d99a1c,#ffe39a);box-shadow:0 0 12px rgba(242,189,61,.55)}
.stat-h{font-size:.84rem}

/* ── avatars */
.av{border-radius:16px;background:rgba(255,255,255,.06);border:1px solid var(--line2);box-shadow:0 6px 16px -8px rgba(0,0,0,.7)}
.av.lg{border-radius:24px}
.av.frame{background:conic-gradient(from 210deg,#ffe8a8,#f2bd3d,#a855f7,#ffe8a8,#d99a1c,#a855f7,#ffe8a8);animation:sy-spinglow 3s ease-in-out infinite alternate}
@keyframes sy-spinglow{from{box-shadow:0 0 14px rgba(242,189,61,.35)}to{box-shadow:0 0 28px rgba(242,189,61,.65)}}

/* ── lists, pills, tabs */
.li{padding:12px 6px;border-bottom:1px solid var(--line);transition:background .2s}
a.li:hover,.li:has(a):hover{background:rgba(255,255,255,.035)}
.pill{background:rgba(255,255,255,.06);border:1px solid var(--line2);color:var(--muted);padding:2px 10px}
.pill.gold{background:var(--grad-gold);color:#1c1300;border-color:transparent;box-shadow:0 4px 12px -4px rgba(242,189,61,.6)}
.pill.green{background:rgba(52,211,153,.16);color:#6ee7b7;border-color:rgba(52,211,153,.4)}
.tabs{background:rgba(4,12,32,.55);border:1px solid var(--line);border-radius:16px;padding:4px}
.tabs button,.tabs a{border-radius:12px;transition:background .25s,color .25s}
.tabs button.on,.tabs a.on{background:linear-gradient(180deg,rgba(242,189,61,.22),rgba(242,189,61,.08));color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(242,189,61,.35)}

/* ── tiles / quick actions (home dashboard) */
.tile,.qa,.statbox,.itemc,.ctype,.day,.copt,.aopt,.cooldown,.reward-lines,.code{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.tile{border-radius:18px;padding:16px 10px;transition:transform .2s var(--ease),border-color .2s,background .2s}
.tile:hover,.qa:hover{border-color:rgba(242,189,61,.4)}
.tile:active,.qa:active{transform:scale(.97)}
.tile .i,.qa .qi{filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.qa{border-radius:18px;padding:12px 4px;transition:transform .2s var(--ease),border-color .2s}
.qa.go{background:radial-gradient(120% 90% at 50% 0%,rgba(242,189,61,.22),rgba(242,189,61,.03) 70%),rgba(255,255,255,.03);border-color:rgba(242,189,61,.55);box-shadow:0 10px 24px -12px rgba(242,189,61,.55);animation:sy-breathe 2.4s ease-in-out infinite}
@keyframes sy-breathe{50%{box-shadow:0 10px 30px -8px rgba(242,189,61,.75)}}
.statbox{border-radius:16px;padding:12px 10px}
.statbox .v{font-size:1.15rem;font-weight:900}
.today-grid{gap:10px}
.itemc{border-radius:16px}
.ctype{border-width:1px;border-radius:18px}
.ctype:hover{border-color:rgba(242,189,61,.5)}
.day{border-radius:12px}
.day.now{border-color:var(--gold);box-shadow:0 0 0 2px rgba(242,189,61,.2),0 8px 18px -8px rgba(242,189,61,.6);background:rgba(242,189,61,.1)}
.cooldown{border-style:dashed;border-color:var(--line2);border-radius:18px}
.big-clock{font-weight:900;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.price{background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.chest.ready{border-color:var(--gold)}
.check .bx{border-radius:9px;border-color:var(--line2);transition:background .25s,border-color .25s}
.check.done .bx{background:linear-gradient(180deg,#6ee7b7,#10b981);border-color:transparent;box-shadow:0 0 12px rgba(52,211,153,.45)}
.gov .pres-card{background:linear-gradient(90deg,rgba(242,189,61,.18),rgba(242,189,61,.02));border-color:rgba(242,189,61,.45);border-radius:18px}
.founder-card{border-color:rgba(242,189,61,.5)}

/* ── onboarding / auth */
.hero{padding:34px 6px 8px}
.hero img{width:108px;height:108px;border-radius:30px;box-shadow:0 0 0 1px rgba(242,189,61,.5),0 20px 50px -10px rgba(242,189,61,.55);animation:sy-float 5s ease-in-out infinite}
@keyframes sy-float{50%{transform:translateY(-6px)}}
.hero h1{font-size:2.6rem;font-weight:900;background:linear-gradient(180deg,#fff 10%,var(--gold2) 60%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(242,189,61,.25))}
.steps i{height:5px;background:rgba(255,255,255,.12);transition:background .3s,width .3s var(--ease)}
.steps i.on{width:40px;background:var(--grad-gold);box-shadow:0 0 10px rgba(242,189,61,.6)}
.copt{border-width:1px;border-radius:16px;transition:border-color .2s,background .2s}
.copt.on,.aopt.on{border-color:var(--gold);background:rgba(242,189,61,.1);box-shadow:0 0 0 3px rgba(242,189,61,.15)}
.aopt{border-width:1px;border-radius:16px}
.code{border:1px dashed rgba(242,189,61,.6);color:var(--gold2)}
.tut-slide .i{filter:drop-shadow(0 8px 20px rgba(242,189,61,.35))}

/* ── chat */
.msg .b{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;border-start-start-radius:6px;padding:7px 12px;box-shadow:0 4px 12px -8px rgba(0,0,0,.6)}
.msg.me .b{background:linear-gradient(135deg,rgba(242,189,61,.24),rgba(242,189,61,.1));border-color:rgba(242,189,61,.35);border-start-start-radius:18px;border-start-end-radius:6px}
.msg .n{color:var(--gold2)}
.composer{background:linear-gradient(180deg,transparent,var(--bg) 30%);bottom:calc(var(--nav) + var(--safe) + 18px)}

/* ── modal / toast / skeleton */
.modal-bg{background:rgba(2,6,18,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal{background:linear-gradient(180deg,rgba(18,36,78,.97),rgba(9,20,48,.98));border:1px solid var(--line2);border-radius:28px 28px 0 0;box-shadow:0 -20px 60px -20px rgba(0,0,0,.8);animation:sy-up .35s var(--ease)}
.modal::before{content:"";display:block;width:42px;height:5px;border-radius:9px;background:rgba(255,255,255,.18);margin:-6px auto 12px}
@media(min-width:600px){.modal{border-radius:28px}.modal::before{display:none}}
@keyframes sy-up{from{transform:translateY(40px);opacity:0}}
.toast{background:rgba(14,30,68,.92);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line2);border-radius:16px;box-shadow:0 18px 40px -12px rgba(0,0,0,.7);animation:sy-drop .35s var(--ease)}
@keyframes sy-drop{from{transform:translate(-50%,-14px);opacity:0}}
.toast.bad{border-color:rgba(248,113,113,.45)}
.skel{background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.1),rgba(255,255,255,.04));background-size:200% 100%}

/* ═══════════════ MAP ═══════════════ */
.mapwrap{border:1px solid var(--line2);border-radius:22px;
  background:radial-gradient(120% 90% at 50% 35%,#12306a 0%,#0a1d46 45%,#050d24 100%);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.03)}
.mapwrap::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;
  background:radial-gradient(120% 100% at 50% 45%,transparent 55%,rgba(3,8,22,.65) 100%)}
.mapwrap .map,.map{background:transparent}
.map>rect:first-child{fill:url(#sy-grid)}
.map .others path{fill:#15254d;fill-opacity:.85;stroke:rgba(140,170,240,.16)}
.map .inset{fill:rgba(10,24,58,.6);stroke:rgba(242,189,61,.35);stroke-dasharray:5 4}
.map .ctrs{filter:drop-shadow(0 0 6px rgba(110,160,255,.28))}
.map .ct{fill-opacity:.76;stroke:rgba(225,236,255,.7);stroke-linejoin:round;transition:fill-opacity .3s,filter .3s}
@media(hover:hover){.map .ct:hover{fill-opacity:1;filter:brightness(1.18) saturate(1.1)}}
.map .ct.mine{fill-opacity:.95;stroke:rgba(255,227,154,.85)}
.map .ct.sel{fill-opacity:1;stroke:#ffe39a;filter:brightness(1.15) url(#sy-glow);animation:sy-sel 2s ease-in-out infinite}
@keyframes sy-sel{50%{fill-opacity:.82}}
.mapwrap.sy-drag .ctrs,.mapwrap.sy-drag .ct.sel{filter:none!important}
.mapwrap.sy-drag .rgs{filter:none}
.map .rgs{filter:drop-shadow(0 0 3px rgba(255,255,255,.55))}
.map .rg{stroke:rgba(255,255,255,.95)}
.map .rg[data-cap="1"][stroke="#fff"]{stroke:#ffe39a}
.map .rg[stroke="#ef5350"]{stroke:#ff6b6b}
.map text,.map .lb{font-family:'Cairo',sans-serif}
.map .lb{fill:#f5f8ff;font-weight:800;stroke:rgba(5,13,36,.85);stroke-linejoin:round;paint-order:stroke;letter-spacing:.2px}
.map .lb.sel{fill:#ffe39a}
.map .bt{filter:drop-shadow(0 0 4px rgba(248,113,113,.9));animation:sy-pulse 1.4s ease-in-out infinite}
@keyframes sy-pulse{50%{opacity:.55}}
.sy-ping{fill:none;stroke:#ffe39a;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,215,106,.9))}
/* floating controls */
.mapctl{gap:8px;z-index:3}
.mbtn,.fm-btn{border-radius:16px;border:1px solid var(--line2);background:rgba(9,20,48,.72);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 24px -10px rgba(0,0,0,.8);color:var(--text);transition:transform .2s var(--ease),border-color .2s,background .2s}
.mbtn:hover,.fm-btn:hover{border-color:rgba(242,189,61,.55);color:var(--gold2)}
.mbtn:active,.fm-btn:active{transform:scale(.92)}
.fm-title{background:rgba(9,20,48,.72);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border:1px solid var(--line2);border-radius:16px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 10px 24px -10px rgba(0,0,0,.8)}
.presets{gap:7px}
.presets .pill{background:rgba(9,20,48,.7);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);border-color:var(--line2);color:var(--text);transition:background .25s,color .25s,box-shadow .25s}
.presets .pill.gold,.fm-map .presets .pill.gold{background:var(--grad-gold);color:#1c1300;box-shadow:var(--sh-gold)}
.fm-map .presets .pill{background:rgba(9,20,48,.72)}
.fm-map .mapwrap{border-radius:0;border:0;box-shadow:none}
.fm-sheet{background:linear-gradient(180deg,rgba(20,40,86,.88),rgba(9,20,48,.92));backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);
  border:1px solid var(--line2);border-radius:26px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 -10px 50px -10px rgba(0,0,0,.8);animation:sy-up .4s var(--ease)}
.fm-x{border-radius:12px;background:rgba(255,255,255,.06);border-color:var(--line2)}
.legend .pill{color:var(--text)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ── theme-hud.css ── */
/* ═══════════════════════════════════════════════════════════════════════
   سيادة — "Sovereign HUD" layer (theme-hud.css)
   Loads AFTER styles.css and theme.css. Pure override: no ID/class renamed.
   Navy #0b1a3a + gold, chamfered panels with gold hairlines, Cairo, RTL, mobile-first.
   Rule kept: no transform/filter/backdrop-filter on #view or its direct children.
   ═══════════════════════════════════════════════════════════════════════ */
:root{
  --hx-bg:#050c20; --hx-navy:#0b1a3a; --hx-navy2:#10244d; --hx-well:#06102a;
  --hx-gold:#e9c25a; --hx-gold2:#ffe7a3; --hx-gold3:#b07d1f; --hx-hair:rgba(233,194,90,.42); --hx-hair2:rgba(233,194,90,.16);
  --hx-text:#eef2fb; --hx-muted:#8e9dc0; --hx-steel:rgba(150,175,235,.16);
  --hx-ch:12px; --hx-ch-sm:7px;
  --hx-cut:polygon(var(--hx-ch) 0,100% 0,100% calc(100% - var(--hx-ch)),calc(100% - var(--hx-ch)) 100%,0 100%,0 var(--hx-ch));
  --hx-cut-in:polygon(calc(var(--hx-ch) - .6px) 0,100% 0,100% calc(100% - var(--hx-ch) + .6px),calc(100% - var(--hx-ch) + .6px) 100%,0 100%,0 calc(var(--hx-ch) - .6px));
  --hx-cut-sm:polygon(var(--hx-ch-sm) 0,100% 0,100% calc(100% - var(--hx-ch-sm)),calc(100% - var(--hx-ch-sm)) 100%,0 100%,0 var(--hx-ch-sm));
  --hx-gold-grad:linear-gradient(180deg,#ffe9a8 0%,#e9c25a 48%,#b98a26 100%);
  --hx-panel:linear-gradient(165deg,rgba(22,44,94,.97) 0%,rgba(12,27,62,.97) 55%,rgba(8,19,46,.98) 100%);
  --nav:70px;
}

/* ── background: deep navy + faint hex lattice + light pools */
html{background:var(--hx-bg)}
body{background:
  radial-gradient(700px 380px at 100% -60px,rgba(233,194,90,.11),transparent 65%),
  radial-gradient(640px 520px at -10% 110%,rgba(40,86,190,.22),transparent 65%),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='72' viewBox='0 0 42 72'%3E%3Cg fill='none' stroke='%23e9c25a' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M21 0l21 12v24L21 48 0 36V12z'/%3E%3Cpath d='M21 48v24M0 36l-0 0M42 36v0'/%3E%3C/g%3E%3C/svg%3E") 0 0/42px 72px,
  linear-gradient(180deg,#081633 0%,#050c20 70%) !important;
  background-attachment:fixed !important; color:var(--hx-text)}

/* ── drawn icons (hud.js swaps emoji → <img class="ei">) */
img.ei{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.28em;object-fit:contain;margin:0 .06em;pointer-events:none;user-select:none}
img.ei.flag{width:1.35em;height:1.05em;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
img.ei.sm{width:18px;height:18px}
.tile .i img.ei,.qa .qi img.ei{width:38px;height:38px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.5))}
.ctype .ci img.ei,.big-i img.ei{width:46px;height:46px}
.av img.ei{width:72%;height:72%;margin:0}
.av img.ei.flag{width:70%;height:52%}
.tabs .ti img.ei{width:20px;height:20px;vertical-align:-.3em}
.btn img.ei{width:1.3em;height:1.3em}

/* ═════════ TOP BAR (HUD) ═════════ */
.top{background:linear-gradient(180deg,rgba(9,22,52,.97),rgba(6,15,38,.95)) !important;border-bottom:0 !important;box-shadow:0 10px 24px -14px rgba(0,0,0,.8)}
.top::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--hx-hair) 18%,var(--hx-gold) 50%,var(--hx-hair) 82%,transparent)}
.top.hud-on .brand,.top.hud-on .chips .chip{display:none !important}
.top.hud-on .top-in{padding:8px 12px 6px;gap:8px}
.hud-id{display:flex;align-items:center;gap:9px;min-width:0;flex:1;color:var(--hx-text);text-decoration:none}
.hud-av{--p:0;position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:50%;padding:3px;
  background:conic-gradient(var(--hx-gold) calc(var(--p)*1%),rgba(150,175,235,.18) 0);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 14px -2px rgba(233,194,90,.45)}
.hud-av.founder{background:conic-gradient(#ffe7a3 calc(var(--p)*1%),#a46cf0 0);box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 16px -2px rgba(255,214,110,.7)}
.hud-face{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;overflow:hidden;background:var(--hx-navy);border:2px solid var(--hx-bg);font-size:1.3rem}
.hud-face img{width:100%;height:100%;object-fit:cover;display:block}
.hud-face img.ei{width:70%;height:70%}
.hud-lv{position:absolute;bottom:-5px;inset-inline-start:50%;transform:translateX(50%);min-width:22px;height:17px;padding:0 4px;display:grid;place-items:center;
  font-size:.68rem;font-weight:900;color:#1d1300;background:var(--hx-gold-grad);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 50%,calc(100% - 5px) 100%,5px 100%,0 50%)}
[dir=ltr] .hud-lv{transform:translateX(-50%)}
.hud-nm{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.hud-nm b{font-size:.98rem;font-weight:900;color:#fff;max-width:100%}
.hud-nm small{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--hx-muted);font-weight:700;min-width:0}
.hud-nm small img.ei.flag{width:18px;height:13px;margin:0}
.hud-time{display:flex;align-items:center;gap:5px;padding:4px 9px 4px 8px;background:var(--hx-well);border:1px solid var(--hx-hair2);clip-path:var(--hx-cut-sm);line-height:1.05}
.hud-time span{display:flex;flex-direction:column;align-items:center}
.hud-time b{font-size:.82rem;color:var(--hx-gold2);letter-spacing:.5px}
.hud-time small{font-size:.62rem;color:var(--hx-muted);font-weight:700}
.top .bell{position:relative;display:grid;place-items:center;width:40px;height:40px;background:var(--hx-well);border:1px solid var(--hx-hair2);clip-path:var(--hx-cut-sm);font-size:1.15rem}
.top .bell img.ei{width:24px;height:24px}
.top .bell .badge{top:2px;inset-inline-end:2px}

/* four stat chips */
.hud-stats{padding:0 10px 9px}
.hud-in{max-width:560px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.hs{position:relative;display:flex;align-items:center;gap:5px;min-width:0;padding:5px 6px 6px;color:var(--hx-text);text-decoration:none;
  background:linear-gradient(180deg,rgba(18,38,82,.95),rgba(7,16,40,.95));clip-path:var(--hx-cut-sm)}
.hs::before{content:"";position:absolute;inset:0;pointer-events:none;clip-path:var(--hx-cut-sm);
  background:linear-gradient(90deg,var(--hx-hair2),var(--hx-hair2)) top/100% 1px no-repeat,linear-gradient(90deg,var(--hx-hair2),var(--hx-hair2)) bottom/100% 1px no-repeat,
  linear-gradient(var(--hx-hair2),var(--hx-hair2)) left/1px 100% no-repeat,linear-gradient(var(--hx-hair2),var(--hx-hair2)) right/1px 100% no-repeat}
.hs::after{content:"";position:absolute;top:0;inset-inline-end:var(--hx-ch-sm);width:16px;height:2px;background:var(--hx-acc,var(--hx-gold))}
.hs-i{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px}
.hs-i img.ei{width:24px;height:24px;margin:0}
.hs-i img.ei.flag{width:22px;height:16px}
.hs-b{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.1}
.hs-l{font-size:.6rem;color:var(--hx-muted);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs b{font-size:.84rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.2px}
.hs b small{font-size:.66rem;color:var(--hx-muted);font-weight:700}
.hs-bar{display:block;height:4px;margin-top:3px;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(150,175,235,.12);overflow:hidden}
.hs-bar>i{display:block;height:100%;background:var(--hx-acc,var(--hx-gold));box-shadow:0 0 8px var(--hx-acc,var(--hx-gold));transition:width .6s ease}
.hs-sub{display:block;font-style:normal;font-size:.58rem;color:var(--hx-acc,var(--hx-gold));opacity:.85;margin-top:2px;font-weight:700;white-space:nowrap}
.hs.en{--hx-acc:#3ee0a1}.hs.xp{--hx-acc:#6fa8ff}.hs.gd{--hx-acc:#f3c64e}.hs.mn{--hx-acc:#9fe870}
.hs.gd b{color:var(--hx-gold2)}

/* ═════════ PANELS: chamfered cards with a gold hairline ═════════ */
.card{position:relative;isolation:isolate;border:0 !important;border-radius:0 !important;padding:14px 14px 15px;margin:12px 0;box-shadow:none !important;
  background:linear-gradient(135deg,var(--hx-hair) 0%,rgba(233,194,90,.10) 28%,var(--hx-steel) 60%,rgba(233,194,90,.5) 100%) !important;
  -webkit-backdrop-filter:none !important;backdrop-filter:none !important;clip-path:var(--hx-cut)}
.card::before{content:"" !important;position:absolute !important;inset:1px !important;z-index:-1;padding:0 !important;border-radius:0 !important;-webkit-mask:none !important;mask:none !important;
  clip-path:var(--hx-cut-in);opacity:1 !important;
  background:radial-gradient(130% 60% at 100% 0%,rgba(233,194,90,.07),transparent 60%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),var(--hx-panel) !important}
.card::after{content:"" !important;position:absolute !important;inset:5px !important;pointer-events:none;z-index:0;border:0 !important;border-radius:0 !important;opacity:.9 !important;box-shadow:none !important;
  background:linear-gradient(var(--hx-gold),var(--hx-gold)) top right/14px 2px no-repeat,linear-gradient(var(--hx-gold),var(--hx-gold)) top right/2px 14px no-repeat,
    linear-gradient(var(--hx-gold),var(--hx-gold)) bottom left/14px 2px no-repeat,linear-gradient(var(--hx-gold),var(--hx-gold)) bottom left/2px 14px no-repeat !important}
.hero-card::before{background:radial-gradient(90% 70% at 100% 0%,rgba(233,194,90,.16),transparent 60%),radial-gradient(80% 60% at 0% 100%,rgba(70,130,255,.13),transparent 60%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),var(--hx-panel) !important}

/* section headers: accent bar + icon + hairline */
.card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;margin-bottom:8px;
  background:linear-gradient(90deg,transparent,var(--hx-hair2) 30%,var(--hx-hair) 100%) bottom/100% 1px no-repeat}
[dir=rtl] .card-h{background:linear-gradient(270deg,transparent,var(--hx-hair2) 30%,var(--hx-hair) 100%) bottom/100% 1px no-repeat}
.card-h h2,.card>h2,section>h2,.wrap>h1{display:flex;align-items:center;gap:7px;margin:0;font-size:1.02rem;font-weight:900;color:#fff;letter-spacing:.1px}
.card>h2{margin-bottom:6px}
.card-h h2::before,.card>h2::before,section>h2::before,.wrap>h1::before{content:"";flex:0 0 auto;width:5px;height:1.05em;background:var(--hx-gold-grad);clip-path:polygon(0 0,100% 18%,100% 100%,0 82%);box-shadow:0 0 8px rgba(233,194,90,.6)}
.card-h a.small{font-size:.76rem;font-weight:800;color:var(--hx-gold);padding:3px 8px;background:rgba(233,194,90,.08);clip-path:var(--hx-cut-sm)}
section>h2{margin:18px 4px 8px !important}

/* ═════════ SEGMENTED TABS ═════════ */
.tabs{position:relative;display:flex;gap:3px;padding:3px !important;margin:10px 0;border:0 !important;border-radius:0 !important;
  background:linear-gradient(180deg,var(--hx-hair2),rgba(150,175,235,.10)) !important;clip-path:var(--hx-cut-sm)}
.tabs::before{content:"";position:absolute;inset:1px;z-index:0;background:var(--hx-well);clip-path:var(--hx-cut-sm)}
.tabs a,.tabs button{position:relative;z-index:1;flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:0 !important;
  padding:8px 10px !important;font-size:.84rem;font-weight:800;color:var(--hx-muted);background:transparent;box-shadow:none !important;
  clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.tabs a:not(.on)+a:not(.on)::before{content:"";position:absolute;inset-inline-end:-2px;top:28%;bottom:28%;width:1px;background:var(--hx-steel)}
.tabs a.on,.tabs button.on{background:var(--hx-gold-grad) !important;color:#1d1300 !important;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.tabs a:not(.on) img.ei{opacity:.7;filter:saturate(.6)}

/* ═════════ BUTTONS ═════════ */
.btn{border-radius:0 !important;clip-path:var(--hx-cut-sm);font-weight:800;border:1px solid var(--hx-hair2) !important;background:linear-gradient(180deg,#16305f,#0c1d42) !important;color:var(--hx-text)}
.btn.primary{background:var(--hx-gold-grad) !important;color:#1d1300 !important;border:0 !important;text-shadow:0 1px 0 rgba(255,255,255,.35);box-shadow:inset 0 -2px 0 rgba(120,80,10,.45),inset 0 1px 0 rgba(255,255,255,.6) !important}
.btn.danger{background:linear-gradient(180deg,#4a1620,#2a0c14) !important;border-color:rgba(248,113,113,.4) !important;color:#ffc9c9 !important}
.btn.ghost{background:transparent !important}
.btn.big{min-height:56px;font-size:1.1rem;letter-spacing:.3px;--hx-ch-sm:12px}
.btn.sm{min-height:36px;padding:6px 14px}
.btn[disabled],.btn[aria-disabled=true]{filter:grayscale(.7) brightness(.8);opacity:.65}

/* ═════════ LIST ROWS (market offers, jobs, companies, ranks) ═════════ */
.list{display:flex;flex-direction:column;gap:6px}
.li{position:relative;gap:10px;padding:8px 10px !important;border:0 !important;border-radius:0;
  background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.01));clip-path:var(--hx-cut-sm);box-shadow:inset 0 0 0 1px rgba(150,175,235,.08)}
.li::before{content:"";position:absolute;inset-inline-start:0;top:8px;bottom:8px;width:2px;background:var(--hx-hair)}
a.li:hover,.li:has(a):hover{background:linear-gradient(90deg,rgba(233,194,90,.08),rgba(255,255,255,.015))}
.list .av,.li .av{border-radius:0 !important;clip-path:var(--hx-cut-sm);background:radial-gradient(80% 80% at 50% 30%,#1d3a74,#0a1736) !important;box-shadow:inset 0 0 0 1px var(--hx-hair2);display:grid;place-items:center;overflow:hidden}
.li .av.sm{width:40px;height:40px}
.li.co .av{width:52px;height:52px}
.li .num.gold,.li b.num{font-size:1rem;font-weight:900;color:var(--hx-gold2);text-shadow:0 0 10px rgba(233,194,90,.35)}
.li .btn.sm{min-width:64px}
.li.offer.state{background:linear-gradient(90deg,rgba(111,168,255,.08),rgba(255,255,255,.01))}
.li.offer.state::before{background:#6fa8ff}

/* ═════════ READOUTS: stat boxes, tiles, quick actions ═════════ */
.statbox,.tile,.qa,.ctype,.cooldown,.itemc,.day,.reward-lines{border:0 !important;border-radius:0 !important;clip-path:var(--hx-cut-sm);
  background:linear-gradient(180deg,rgba(8,18,44,.9),rgba(4,11,30,.92)) !important;box-shadow:inset 0 0 0 1px rgba(150,175,235,.12),inset 0 1px 0 rgba(233,194,90,.18) !important}
.statbox{padding:9px 10px !important;text-align:start}
.statbox .tiny{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--hx-muted)}
.statbox .v{font-size:1.15rem;font-weight:900;color:var(--hx-gold2);text-shadow:0 0 10px rgba(233,194,90,.3)}
.grid3,.grid2{gap:6px}
.tile{position:relative;padding:14px 6px 10px !important;gap:6px;font-weight:800;font-size:.84rem;color:var(--hx-text)}
.tile::after{content:"";position:absolute;bottom:0;inset-inline:22%;height:2px;background:linear-gradient(90deg,transparent,var(--hx-gold),transparent);opacity:.55}
.tile.soon{opacity:.55}
.tile.soon .pill{font-size:.6rem;padding:0 6px}
.qa{padding:10px 4px !important}
.qa.go{background:radial-gradient(110% 80% at 50% 0%,rgba(233,194,90,.24),rgba(4,11,30,.92) 70%) !important;box-shadow:inset 0 0 0 1px rgba(233,194,90,.6),inset 0 1px 0 rgba(255,231,163,.5) !important}
.qa b{font-size:.84rem}
.ctype{padding:10px 6px !important}
.cooldown{padding:12px !important;text-align:center}
.big-clock{font-size:2rem !important;font-weight:900;letter-spacing:2px;color:var(--hx-gold2);text-shadow:0 0 14px rgba(233,194,90,.55);font-variant-numeric:tabular-nums}

/* bars: segmented HUD meters */
.bar{height:9px !important;border-radius:0 !important;background:rgba(0,0,0,.5) !important;box-shadow:inset 0 0 0 1px rgba(150,175,235,.14);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);position:relative}
.bar>i{border-radius:0 !important}
.bar::after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 9px,rgba(5,12,32,.85) 9px 11px)}
.stat{margin-top:10px}
.stat-h{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:4px}
.stat-h .num{color:var(--hx-gold2)}

/* pills → angled tags */
.pill{border-radius:0 !important;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);padding:2px 10px !important;font-weight:800}
.pill.gold{background:var(--hx-gold-grad) !important;color:#1d1300 !important;box-shadow:none !important}
.pill.founder{background:linear-gradient(90deg,#6c3fd1,#a46cf0) !important;color:#fff !important;border:0}

/* avatars (big) */
.av.lg{border-radius:0 !important;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:inset 0 0 0 2px var(--hx-hair)}
.av.lg.frame{padding:3px;background:var(--hx-gold-grad) !important;animation:none}
.av.lg.frame .avi{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}

/* big avatars get a gold chamfer frame */
.av.lg:not(.frame){padding:2px;background:var(--hx-gold-grad) !important;box-shadow:none}
.av.lg .avi{width:100%;height:100%;object-fit:cover;clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)}
.statbox .tiny{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem}

/* inputs */
.input{border-radius:0 !important;clip-path:var(--hx-cut-sm);background:var(--hx-well) !important;border:1px solid var(--hx-hair2) !important}
.input:focus{border-color:var(--hx-gold) !important;box-shadow:none !important}

/* ═════════ HOME specifics ═════════ */
.card[aria-label="ملفك"] h1{font-size:1.25rem !important}
.today .card-h h2{color:var(--hx-gold2)}
.check{border-radius:0 !important;clip-path:var(--hx-cut-sm)}
.tip{--hx-hair:rgba(111,168,255,.5)}

/* ═════════ PROFILE ═════════ */
.founder-card::before{background:radial-gradient(90% 60% at 50% 0%,rgba(164,108,240,.22),transparent 60%),radial-gradient(70% 50% at 50% 0%,rgba(233,194,90,.22),transparent 70%),var(--hx-panel) !important}
.founder-card{background:linear-gradient(135deg,#ffe7a3,rgba(164,108,240,.6) 40%,rgba(233,194,90,.3) 70%,#e9c25a) !important}
.card.center h1{color:#fff;text-shadow:0 0 18px rgba(233,194,90,.35)}

/* ═════════ BOTTOM NAV: fixed command dock ═════════ */
.nav{background:transparent !important;border-top:0 !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;filter:drop-shadow(0 -6px 14px rgba(0,0,0,.55))}
.nav-in{position:relative;height:var(--nav) !important;padding:0 6px !important;max-width:560px;
  background:linear-gradient(180deg,rgba(14,31,68,.98),rgba(6,14,36,.99));
  clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%,0 16px)}
.nav-in::before{content:"";position:absolute;top:0;inset-inline:16px;height:1px;background:linear-gradient(90deg,transparent,var(--hx-gold),transparent)}
.nav a{position:relative;gap:3px !important;font-size:.7rem !important;font-weight:800;color:var(--hx-muted) !important;padding-top:4px}
.nav a::before{content:"" !important;position:absolute !important;top:6px !important;left:50% !important;width:44px !important;height:36px !important;margin-left:-22px !important;border-radius:0 !important;
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(180deg,rgba(233,194,90,.30),rgba(233,194,90,.06)) !important;box-shadow:none !important;opacity:0;transform:scale(.7);transition:opacity .25s,transform .25s}
.nav a.on::before{opacity:1 !important;transform:scale(1) !important}
.nav a .i{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;font-size:1.3rem;filter:grayscale(.85) brightness(1.05) !important;opacity:.62 !important}
.nav a .i img.ei{width:28px;height:28px;margin:0}
.nav a.on{color:var(--hx-gold2) !important}
.nav a.on .i{filter:drop-shadow(0 0 8px rgba(233,194,90,.6)) !important;opacity:1 !important}
.nav a.on::after{content:"" !important;position:absolute !important;top:0 !important;bottom:auto !important;width:26px !important;height:3px !important;border-radius:0 !important;background:var(--hx-gold) !important;box-shadow:0 0 10px var(--hx-gold) !important}
/* centre slot (work) is a raised command button */
.nav a:nth-child(3) .i{width:46px;height:46px;margin-top:-20px;background:radial-gradient(70% 70% at 50% 30%,#1f3f80,#0a1736);
  clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);box-shadow:none;filter:none !important;opacity:1 !important}
.nav a:nth-child(3) .i::before{content:"";position:absolute;inset:0;z-index:-1;clip-path:inherit;background:var(--hx-gold-grad);padding:2px}
.nav a:nth-child(3) .i img.ei{width:30px;height:30px;position:relative;z-index:1}
.nav a:nth-child(3)::before{display:none}
.nav a:nth-child(3).on .i{background:var(--hx-gold-grad)}

/* modals keep their sheet, re-edged */
.modal{border-radius:0 !important;clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%,0 18px);border-top:1px solid var(--hx-hair) !important}

@media (min-width:600px){ .hud-in{gap:8px} .hs b{font-size:.92rem} }
@media (max-width:360px){ .hs-i{width:20px;height:20px} .hs-i img.ei{width:20px;height:20px} .hs b{font-size:.76rem} .hud-time{display:none} }
@media (prefers-reduced-motion:reduce){ .hs-bar>i,.nav a::before{transition:none !important} }

/* ── frames.css ── */
/* Level frames sit over the HUD skin: a framed avatar is a circle, the frame art drawn on top at full size. Loads last. */
.av:has(.frm),.li .av:has(.frm),.list .av:has(.frm),.av.lg:has(.frm){clip-path:none!important;overflow:visible!important;border-radius:50%!important;
  background:radial-gradient(80% 80% at 50% 30%,#1d3a74,#0a1736)!important;padding:0!important;box-shadow:none!important;position:relative}
.av:has(.frm) .avi,.av.lg:has(.frm) .avi{clip-path:circle(50% at 50% 50%)!important;border-radius:50%!important;width:100%;height:100%;object-fit:cover}
.av:has(.frm) img.ei{border-radius:0!important}
.frm{position:absolute;inset:-24%;pointer-events:none;background:center/contain no-repeat;z-index:2}

/* HUD chips: keep "100/100" whole on a 360-390px phone */
.hs{gap:3px;padding-inline:4px}
.hs b{font-size:.74rem!important;text-overflow:clip;letter-spacing:0}
.hs b small{font-size:.6rem}

/* Arabic letters must stay joined: any letter-spacing breaks the joining on iPhone Safari (map labels, HUD, headings). */
body,body *{letter-spacing:normal!important}
.map text,.map .lb{letter-spacing:normal!important;word-spacing:normal;direction:rtl;unicode-bidi:plaintext;font-family:'Cairo',sans-serif!important;font-variant:normal;text-transform:none}

/* ── battles.css ── */
/* سيادة — stage 3: battles. Loaded last; Night Gold / HUD palette. No letter-spacing anywhere (Arabic joining). */
.back{display:inline-block;margin:4px 6px 6px;color:var(--hx-gold,#e9c25a);text-decoration:none}
.bt-hero{position:relative;overflow:hidden}
.bt-hero.live::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 50% at 50% 0%,rgba(239,83,80,.18),transparent 70%);opacity:.8}
@keyframes bt-glow{50%{opacity:.45}}
.bt-title{text-align:center}.bt-title h1{margin:2px 0 6px;font-size:1.55rem;color:var(--hx-gold2,#ffe7a3)}
.bt-sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:12px 0 4px}
.bt-side{display:flex;flex-direction:column;align-items:center;gap:2px;color:inherit;text-decoration:none;min-width:0}
.bt-side .bt-flag{font-size:2rem;line-height:1}.bt-side .bt-flag img.ei{width:46px;height:46px}
.bt-side.a b{color:#ff9b8f}.bt-side.d b{color:#9fd0ff}
.bt-score{text-align:center}.bt-score b{font-size:2rem;color:var(--hx-gold,#e9c25a)}.bt-score>span{font-size:1.6rem;margin:0 6px;opacity:.7}
.walls{position:relative;margin-top:8px}
.wall{margin-top:8px}.wall-h{display:flex;justify-content:space-between;gap:8px;font-size:.86rem;font-weight:700}
.wall-bar{position:relative;height:16px;margin-top:4px;background:var(--hx-well,#06102a);border:1px solid var(--hx-hair2,rgba(233,194,90,.16));clip-path:var(--hx-cut-sm);overflow:hidden}
.wall-bar i{position:absolute;inset-block:0;inset-inline-start:0;display:block;transition:width .6s ease}
.wall.a .wall-bar i{background:linear-gradient(90deg,#7a1f1f,#ef5350 60%,#ff9b8f)}
.wall.d .wall-bar i{background:linear-gradient(90deg,#173c7a,#3d7be0 60%,#9fd0ff)}
.wall-bar i::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 14px,rgba(0,0,0,.25) 14px 16px)}
.wall.mini .wall-bar{height:9px}.wall.mini .wall-h{font-size:.76rem;font-weight:600}
.bt-clock{text-align:center;margin-top:12px;display:flex;flex-direction:column;gap:4px;align-items:center}
.bt-result{margin-top:12px;padding:12px;text-align:center;font-weight:800;clip-path:var(--hx-cut-sm)}
.bt-result.win{background:rgba(239,83,80,.15);color:#ffc9c2}.bt-result.hold{background:rgba(61,123,224,.16);color:#cfe4ff}.bt-result.peace{background:rgba(255,255,255,.06)}
.side-btn{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.side-btn.a:not([disabled]){border-color:rgba(239,83,80,.6) !important;background:linear-gradient(180deg,#5a1a22,#2e0d14) !important}
.side-btn.d:not([disabled]){border-color:rgba(111,168,255,.6) !important;background:linear-gradient(180deg,#183a74,#0c1f45) !important}
.fight-for{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 12px;clip-path:var(--hx-cut-sm);background:rgba(233,194,90,.08);border-inline-start:3px solid var(--hx-gold,#e9c25a)}
.fight-for.a{background:rgba(239,83,80,.1)}.fight-for.d{background:rgba(61,123,224,.12)}
.weapons{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.wpn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;color:var(--hx-text,#eef2fb);background:linear-gradient(180deg,#16305f,#0c1d42);border:1px solid var(--hx-hair2,rgba(233,194,90,.16));clip-path:var(--hx-cut-sm);cursor:pointer;font:inherit;min-width:0}
.wpn b{font-size:.84rem}.wpn .tiny{font-size:.68rem;white-space:nowrap}
.wpn.on{background:linear-gradient(180deg,rgba(233,194,90,.28),rgba(233,194,90,.08));border-color:var(--hx-gold,#e9c25a);box-shadow:inset 0 0 0 1px var(--hx-gold,#e9c25a)}
.wpn[disabled]{opacity:.4;cursor:not-allowed}
.wico{display:inline-flex;width:34px;height:34px;color:var(--hx-gold,#e9c25a)}.wico svg{width:100%;height:100%}
.wpn.on .wico{color:var(--hx-gold2,#ffe7a3);filter:drop-shadow(0 0 6px rgba(233,194,90,.6))}
.wlist .wrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--hx-steel,rgba(150,175,235,.16))}.wlist .wrow:last-child{border-bottom:0}
.hits .btn{font-size:1.05rem}
.dmg-float{position:absolute;inset-inline-start:50%;top:0;transform:translateX(-50%);font-size:2rem;font-weight:900;color:#ffd166;text-shadow:0 2px 0 #7a1f1f,0 0 18px rgba(255,120,80,.8);pointer-events:none;animation:bt-float .9s ease-out forwards}
@keyframes bt-float{0%{opacity:0;transform:translate(-50%,10px) scale(.6)}25%{opacity:1;transform:translate(-50%,-6px) scale(1.15)}100%{opacity:0;transform:translate(-50%,-46px) scale(1)}}
.dmg-list{list-style:none;margin:6px 0 0;padding:0}
.dmg-list li{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px solid var(--hx-steel,rgba(150,175,235,.16))}
.dmg-list li.mine{background:rgba(233,194,90,.1)}.dmg-list .rk{width:26px;text-align:center;font-weight:800}
.dmg-list a{color:inherit;text-decoration:none}
.bcard{display:block;color:inherit;text-decoration:none;margin:8px 0 0 !important}
.bcard.live{box-shadow:inset 0 0 0 1px rgba(239,83,80,.35)}
.bvs{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:6px 0 2px;font-weight:700}.bvs b{font-size:1.2rem;color:var(--hx-gold,#e9c25a)}.bvs span:last-child{text-align:left}
.train{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;background:rgba(255,255,255,.04);clip-path:var(--hx-cut-sm)}
.pill.red{background:rgba(239,83,80,.18);color:#ffb4ab;border-color:rgba(239,83,80,.4)}
/* map: animated battle markers (tap opens the battle) */
.map .btm{cursor:pointer}
.map .btm-core{fill:#b3261e;stroke:#ffd166;stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(255,80,60,.9))}
.map .btm-ring{fill:none;stroke:#ff6b5b;stroke-width:3;transform-box:fill-box;transform-origin:center;animation:bt-ring 1.8s ease-out infinite}
.map .btm-ring.r2{animation-delay:.9s}
@keyframes bt-ring{0%{transform:scale(1);opacity:.9}100%{transform:scale(3.2);opacity:0}}
.map .btm image{animation:bt-shake 1.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes bt-shake{0%,100%{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){.map .btm-ring,.map .btm image,.bt-hero.live::after{animation:none}}

/* pre-registration waiting screen */
.wait .hero{padding-top:18px}.wait .hero img{width:96px;height:96px}
.wait-title{font-size:1.35rem;color:var(--hx-gold2,#ffe7a3);margin:4px 0 12px}
.wait-id{display:flex;align-items:center;justify-content:center;gap:12px;margin:6px 0 10px;text-align:right}.wait-name{font-size:1.15rem}
.wait-launch{margin-top:10px;padding:12px;background:rgba(233,194,90,.08);clip-path:var(--hx-cut-sm)}.wait-soon{font-size:1.3rem;color:var(--hx-gold,#e9c25a)}
.wait-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.wrow2{display:grid;grid-template-columns:7.5em 1fr 2.5em;align-items:center;gap:8px;font-size:.9rem}
.wrow2.mine{color:var(--hx-gold2,#ffe7a3);font-weight:800}
.wbar{height:8px;background:var(--hx-well,#06102a);clip-path:var(--hx-cut-sm)}.wbar i{display:block;height:100%;background:var(--hx-gold-grad,linear-gradient(180deg,#ffe9a8,#e9c25a,#b98a26))}
.prel-pill{display:inline-block;margin-bottom:4px;padding:2px 10px;background:rgba(239,83,80,.18);color:#ffcfc9;border:1px solid rgba(239,83,80,.4);clip-path:var(--hx-cut-sm);font-weight:800}
.prel-own{border-inline-start:3px solid var(--hx-gold,#e9c25a)}

/* email / Discord sign-in */
.alt-auth{margin-top:10px}.alt-auth .or{display:flex;align-items:center;gap:10px;color:var(--hx-muted,#8e9dc0);margin:6px 0 10px;font-size:.85rem}.alt-auth .or::before,.alt-auth .or::after{content:"";flex:1;height:1px;background:var(--hx-steel,rgba(150,175,235,.16))}
.alt-auth .btn{margin-top:8px}
.btn.discord{background:linear-gradient(180deg,#5865f2,#4752c4) !important;color:#fff !important;border-color:#7983f5 !important}
.code-in{font-size:1.8rem;font-weight:800;direction:ltr}

/* international relations */
.rmx-wrap{overflow-x:auto;margin:0 -4px;padding:2px}
.rmx{display:grid;gap:1px;min-width:320px;direction:rtl}
.rx{display:block;aspect-ratio:1;min-width:12px;background:rgba(150,175,235,.07);font-style:normal;font-size:9px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rx.head{background:none;font-size:11px}.rx.head.on{outline:1px solid var(--hx-gold,#e9c25a)}.rx.corner{background:none;cursor:default}
.rx.self{background:rgba(233,194,90,.14);font-size:9px}
.rx.war{background:#ef5350}.rx.alliance{background:#e9c25a}.rx.peace{background:#4caf7a}.rx.nonaggression{background:#26a69a}.rx.trade{background:#42a5f5}.rx.severed{background:#5d6378}
.rx.pick{outline:2px solid #fff;z-index:1}
.rlegend{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px}.rlegend span{display:inline-flex;align-items:center;gap:4px}.rlegend .rx{width:12px;height:12px;min-width:12px;cursor:default}
.rchips{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}
.rchip{font-size:.72rem;padding:1px 7px;background:rgba(150,175,235,.1);clip-path:var(--hx-cut-sm);white-space:nowrap}
.rchip.war{background:rgba(239,83,80,.25);color:#ffcfc9}.rchip.alliance{background:rgba(233,194,90,.22);color:#ffe7a3}.rchip.peace{background:rgba(76,175,122,.22);color:#c8f2d8}
.rchip.nonaggression{background:rgba(38,166,154,.22);color:#c4f1ec}.rchip.trade{background:rgba(66,165,245,.22);color:#cfe7ff}.rchip.severed{background:rgba(93,99,120,.5)}.rchip.pend{background:rgba(255,255,255,.06)}.rchip.none{opacity:.6}
.rrow .btn.sm{min-width:40px}
.amb{border-inline-start:3px solid var(--hx-gold,#e9c25a)}

.gbtn{display:flex;justify-content:center;min-height:44px;margin:8px 0 2px}
.auth-choose .btn{margin-top:8px}

/* music toggle */
.hero{position:relative}
.music-btn{position:absolute;top:6px;inset-inline-end:6px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:rgba(12,26,60,.9);border:1px solid var(--hx-steel,rgba(150,175,235,.25));color:#fff;clip-path:var(--hx-cut-sm);cursor:pointer;touch-action:manipulation}
.music-btn.lg{position:static;width:48px;height:48px}
.music-btn img{width:24px;height:24px}
/* Oct 31 (z): the music toggle in the creator header and in the game's top bar (beside the bell) */
.cc-head .music-btn.cc-mus{position:static;flex:none;width:40px;height:40px;font-size:1.15rem}
.top .bell.mbtn{cursor:pointer;color:inherit;font:inherit;font-size:1.05rem;padding:0;touch-action:manipulation}

/* ── Gift codes («أكواد الهدايا») ── */
.gift-form .row{gap:8px;align-items:stretch}
.gift-form .gift-in{min-width:0;font-weight:700;text-align:center}
.gift-out:empty{display:none}
.gift-msg{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm,10px);background:var(--card2);border:1px solid var(--line);font-size:.92rem;line-height:1.7}
.gift-msg.ok{border-color:rgba(70,190,120,.55);background:rgba(40,140,80,.14)}
.gift-msg.bad{border-color:rgba(230,80,80,.55);background:rgba(200,50,50,.13);color:#ffb4b4}
.gift-got{font-weight:800;color:var(--gold);margin:4px 0}
.gcodes{display:flex;flex-direction:column;gap:10px}
.gcode{padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm,10px);background:var(--card2)}
.gcode-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.gcode-n{color:var(--gold);word-break:break-all}
.gstats{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;color:var(--muted)}
.gpill{font-size:.75rem;font-weight:800;padding:2px 9px;border-radius:99px;white-space:nowrap}
.gpill.on{background:rgba(40,140,80,.25);color:#8fe0ad}
.gpill.off{background:rgba(160,160,160,.18);color:var(--muted)}
.chk{display:flex;align-items:center;gap:8px;font-weight:700}
.chk input{width:20px;height:20px;accent-color:var(--gold)}
#gnew .grid2 label{font-size:.82rem}
.gift-admin-link{display:flex;align-items:center;gap:10px}
.support-foot{margin:18px 0 6px;line-height:2}.support-foot a{color:var(--gold);text-decoration:none;padding:6px 4px}

/* ── Assistant «المساعد» ── */
.help-fab{position:fixed;left:12px;bottom:calc(var(--safe, 0px) + 86px);z-index:40;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 12px;
  border-radius:99px;border:1px solid var(--gold2, #b8913a);background:#10234d;color:var(--gold);font:inherit;font-weight:800;font-size:.9rem;box-shadow:0 8px 22px rgba(0,0,0,.45);cursor:pointer}
.help-fab .hf-i{font-size:1.2rem;line-height:1}.help-fab .hf-i img{width:22px;height:22px}
body:has(.modal-bg) .help-fab{display:none}
.help-modal{display:flex;flex-direction:column;max-height:88vh}
.help-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px 8px;min-height:180px;max-height:52vh}
.hmsg{max-width:88%;padding:9px 12px;border-radius:14px;line-height:1.75;font-size:.93rem;white-space:pre-line}
.hmsg.bot{align-self:flex-start;background:var(--card2);border:1px solid var(--line);border-start-start-radius:4px}
.hmsg.me{align-self:flex-end;background:rgba(212,175,55,.16);border:1px solid rgba(212,175,55,.35);border-start-end-radius:4px}
.hmsg.form{max-width:100%;width:100%;white-space:normal}
.hmsg b{color:var(--gold)}
.help-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.help-chips .chip{min-height:36px;padding:4px 12px;cursor:pointer;font:inherit;font-size:.82rem;font-weight:700}
.help-chips .chip.hum{border-color:var(--gold2, #b8913a);color:var(--gold)}
.help-ask{gap:8px}.help-human{margin-top:8px}
.help-ticket textarea{resize:vertical;min-height:90px}
.tk-body{white-space:pre-wrap;margin:8px 0;word-break:break-word}
body:has(#nav:not([hidden]):not([style*="none"])) .help-fab{padding:0;width:48px;height:48px;justify-content:center}
body:has(#nav:not([hidden]):not([style*="none"])) .help-fab .hf-t{display:none}

/* ── Owner panel «لوحة الإدارة» ── */
.adm-tabs{margin-bottom:10px}
.adm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.adm-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 6px;text-align:center;text-decoration:none;color:var(--text);margin:0}
.adm-tile b{font-size:1.45rem;color:var(--gold);line-height:1.2}.adm-tile span{font-size:.75rem;color:var(--muted)}
.adm-state{display:flex;flex-wrap:wrap;gap:6px}
.adm-entry{display:flex;align-items:center;gap:10px;border-color:var(--gold2, #b8913a)}
.ann-bar{display:flex;align-items:center;gap:8px;max-width:720px;margin:8px auto 0;padding:9px 12px;border-radius:12px;background:linear-gradient(90deg,rgba(212,175,55,.22),rgba(212,175,55,.1));
  border:1px solid rgba(212,175,55,.5);color:var(--text);font-weight:700;font-size:.9rem;line-height:1.7;width:calc(100% - 20px)}
.ann-bar button{background:none;border:0;color:var(--muted);font:inherit;min-height:36px;min-width:36px;cursor:pointer}
.ann-prev{padding:10px;border-radius:10px;background:var(--card2);border:1px solid var(--line);font-weight:700}
.adm-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.adm-tabs::-webkit-scrollbar{display:none}
.adm-tabs a{flex:0 0 auto;white-space:nowrap;padding-inline:12px}
.help-fab{bottom:calc(var(--safe, 0px) + 16px)}
body:has(#nav:not([hidden]):not([style*="none"])) .help-fab{bottom:calc(var(--safe, 0px) + 86px)}
.wait{padding-bottom:64px}
.auth-choose{padding-bottom:16px;margin-bottom:76px} /* room for the help button below the card, not inside it */
.tabs.adm-tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;overflow:visible;height:auto}
.tabs.adm-tabs>a{flex:none!important;width:auto!important;min-width:0;white-space:nowrap;font-size:.78rem;padding:8px 2px!important;text-align:center;justify-content:center;overflow:hidden;text-overflow:ellipsis}

/* ── papers.css ── */
/* سيادة — the 3D character card, the wardrobe, official papers and the newspaper (Oct 24). Original CSS/SVG, no images. */
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/amiri-400.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/amiri-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+2010-2011,U+204F,U+FB50-FDFF,U+FE70-FEFC}
@font-face{font-family:'Aref Ruqaa';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/aref-ruqaa-700.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFC}

/* ── character */
.char-card .card-h{display:flex;align-items:center;justify-content:space-between;gap:8px}
.char-stage{position:relative;height:min(108vw,430px);margin:6px -6px 0;border-radius:18px;overflow:hidden;
  background:radial-gradient(120% 70% at 50% 92%,rgba(242,189,61,.22),transparent 55%),radial-gradient(80% 60% at 50% 30%,rgba(70,110,220,.35),transparent 70%),linear-gradient(180deg,#0a1636,#050c20);
  border:1px solid rgba(242,189,61,.28);box-shadow:inset 0 0 40px rgba(0,0,0,.55)}
.char-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(100% 80% at 50% 50%,transparent 60%,rgba(0,0,0,.45))}
.char-canvas{display:block;width:100%;height:100%;cursor:grab}
.char-canvas:active{cursor:grabbing}
.char-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px}
.spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(242,189,61,.25);border-top-color:var(--gold);animation:spin .9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.wardrobe{margin-top:10px}
.ward-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.ward-tabs::-webkit-scrollbar{display:none}
.ward-tabs .pill{flex:none;cursor:pointer;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:.82rem;padding:6px 10px;border-radius:999px;min-height:36px}
.ward-tabs .pill.on{background:var(--grad-gold);color:#1a1205;border-color:transparent;font-weight:800}
.ward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-top:8px}
.wi{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:8px 6px;border-radius:14px;border:1px solid var(--line2);background:rgba(255,255,255,.04);color:var(--text);font:inherit;font-size:.86rem;cursor:pointer;text-align:center}
.wi.on{border-color:var(--gold);background:rgba(242,189,61,.12);box-shadow:0 0 0 1px var(--gold) inset}
.wi.locked{opacity:.55}
.wi.royal{border-color:var(--gold);background:linear-gradient(160deg,rgba(242,189,61,.22),rgba(20,14,4,.35));box-shadow:0 0 14px -6px rgba(242,189,61,.8)}
.ward-sub{font-size:.95rem;margin:12px 2px 6px;color:var(--gold)}
.wi .sw{width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.6);display:block}
.ward-act{margin-top:10px;gap:8px;position:sticky;bottom:calc(var(--nav) + 8px);background:linear-gradient(180deg,transparent,rgba(6,15,38,.95) 30%);padding-top:10px}
.av.xl{display:inline-flex;border-radius:50%;overflow:hidden}
.av.xl img{width:100%;height:100%;object-fit:cover}

/* ── tabs that are links */
.tabs a{flex:1;text-align:center;border-radius:10px;padding:8px;font-weight:800;color:var(--muted);text-decoration:none}
.tabs a.on{background:var(--card2);color:var(--gold)}

/* ── official paper */
.doc-bar{display:flex;align-items:center;gap:8px;margin:4px 2px 8px}
.paper-wrap{padding:2px 0 10px}
.paper{position:relative;overflow:hidden;max-width:660px;margin:0 auto;padding:22px 18px 18px;color:#2b2015;font-family:'Amiri','Cairo',serif;font-size:1.02rem;line-height:1.95;text-align:right;letter-spacing:0;
  background-color:#efe3c6;
  background-image:radial-gradient(ellipse at 50% 38%,rgba(255,251,238,.8),rgba(255,251,238,0) 62%),
    radial-gradient(ellipse at 0 0,rgba(125,82,28,.26),transparent 38%),radial-gradient(ellipse at 100% 100%,rgba(125,82,28,.3),transparent 42%),
    radial-gradient(ellipse at 100% 0,rgba(125,82,28,.16),transparent 30%),radial-gradient(ellipse at 0 100%,rgba(125,82,28,.18),transparent 32%),
    radial-gradient(circle at 82% 68%,rgba(140,95,35,.10) 0 3%,transparent 9%),
    linear-gradient(180deg,transparent 49.7%,rgba(90,60,20,.10) 50%,rgba(255,255,255,.25) 50.25%,transparent 50.6%),
    linear-gradient(90deg,transparent 49.8%,rgba(90,60,20,.07) 50%,transparent 50.3%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .5 0 0 0 0 .36 0 0 0 0 .18 0 0 0 .9 -.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23f)' opacity='.5'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .14 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.38'/%3E%3C/svg%3E");
  border-radius:2px;box-shadow:0 18px 40px -12px rgba(0,0,0,.75),0 3px 8px rgba(0,0,0,.35),inset 0 0 60px rgba(120,80,25,.25)}
.paper::before{content:'';position:absolute;inset:9px;border:1.5px solid rgba(120,85,30,.45);outline:1px solid rgba(120,85,30,.25);outline-offset:3px;pointer-events:none}
.paper>*{position:relative}
.paper-wm{position:absolute!important;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:.075;color:#5a3b10}
.paper-wm .wm{width:78%;max-width:420px;height:auto;filter:grayscale(1)}
.paper-mark{position:absolute!important;top:42%;left:50%;transform:translate(-50%,-50%) rotate(-24deg);font-size:3.2rem;font-weight:700;color:rgba(170,30,40,.16);border:5px solid rgba(170,30,40,.16);padding:0 18px;border-radius:12px;pointer-events:none;white-space:nowrap;z-index:2}
.lh{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding:4px 4px 6px}
.lh-a{display:flex;flex-direction:column;font-size:.84rem;line-height:1.55;text-align:center}
.lh-a b{font-size:.95rem;font-weight:700}
.lh-b{display:flex;flex-direction:column;font-size:.74rem;line-height:1.7;text-align:left;direction:rtl;align-items:flex-end}
.lh-b span{white-space:nowrap}
.lh-e .emb{width:74px;height:74px;color:#8b6420;display:block;filter:drop-shadow(-1px -1px 0 rgba(255,255,255,.7)) drop-shadow(1px 1.5px 0 rgba(90,60,15,.45))}
.emb-img{filter:sepia(.25) saturate(.9)}
.lh-rule{height:6px;margin:2px 0 10px;border-top:2px solid #6d4f1a;border-bottom:1px solid #6d4f1a}
.doc-type{text-align:center;font-size:.8rem;color:#7a5a20;font-weight:700}
.doc-title{font-family:'Amiri','Cairo',serif;font-weight:700;font-size:1.55rem;text-align:center;margin:0 0 2px;color:#1d160d;line-height:1.5;letter-spacing:0}
.doc-sub{font-family:'Amiri','Cairo',serif;font-weight:700;font-size:1.05rem;text-align:center;margin:0 0 10px;color:#4d3812}
.doc-pre,.doc-dec,.doc-close,.doc-body{margin:6px 0;text-align:justify}
.doc-dec{font-weight:700}
.doc-hon{font-family:'Aref Ruqaa','Amiri',serif;font-size:2rem;text-align:center;margin:4px 0;color:#7a1f15;line-height:1.6}
.doc-arts{margin:6px 0;padding:0 18px 0 0}
.doc-arts li{margin:4px 0;text-align:justify}
.doc-arts li::marker{content:''}
.doc-arts b{color:#5a3d0c}
.doc-status{font-size:.88rem;margin:8px 0 2px;color:#4d3812}
.doc-sign{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px;min-height:150px}
.doc-sign.n2{grid-template-columns:1fr 1fr}
.sig{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:140px;padding-top:4px}
.sig-t{font-size:.85rem;font-weight:700;color:#3d2c10}
.sig-n{font-family:'Aref Ruqaa','Amiri',serif;font-weight:700;font-size:1.75rem;color:#1c2f78;transform:rotate(-5deg);line-height:1.5;margin-top:4px;z-index:1}
.sig-n.vacant{font-family:'Amiri',serif;font-size:.85rem;color:#8a7650;transform:none;margin-top:18px}
.flr{width:120px;height:22px;color:#1c2f78;margin-top:-10px;opacity:.85;z-index:1}
.sig-p{font-size:.78rem;color:#4d3812;border-top:1px dotted rgba(77,56,18,.5);padding-top:2px;min-width:110px}
.stamp{position:absolute;width:122px;height:122px;top:4px;left:calc(50% - 150px);mix-blend-mode:multiply;opacity:.86;pointer-events:none;font-family:'Amiri','Cairo',serif}
.doc-sign.n2 .stamp{left:4px;top:26px;width:104px;height:104px}
.sig .stamp+.stamp{top:40px;left:auto;right:calc(50% - 150px);width:100px;height:100px}
.stamp.tone-blue{color:#253591}.stamp.tone-red{color:#a3172a}.stamp.tone-violet{color:#5a2a8a}.stamp.tone-green{color:#1b6440}.stamp.tone-gold{color:#9a6a0e}
.paper-foot{margin-top:10px;padding-top:4px;border-top:1px solid rgba(110,80,30,.35);font-size:.68rem;color:#7a6440;text-align:center}
.paper.cert{background-color:#f3ead2}
.paper.cert::before{border:3px double rgba(150,105,25,.7);outline:2px solid rgba(150,105,25,.35);outline-offset:4px}
.paper.cert .doc-title{font-family:'Aref Ruqaa','Amiri',serif;font-size:2.1rem;color:#7a5410}
.paper.cert .doc-pre,.paper.cert .doc-dec,.paper.cert .doc-body,.paper.cert .doc-close{text-align:center}
@media (max-width:380px){.paper{padding:18px 13px 14px;font-size:.97rem}.lh-e .emb{width:60px;height:60px}.lh-a{font-size:.74rem}.lh-a b{font-size:.84rem}.lh-b{font-size:.66rem}.doc-title{font-size:1.35rem}.sig-n{font-size:1.5rem}}

/* ── the newspaper */
.np{max-width:760px;margin:0 auto;padding:14px 14px 12px;color:#1b1b1b;font-family:'Amiri','Cairo',serif;line-height:1.75;letter-spacing:0;
  background-color:#efebe1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .3 0 0 0 0 .14 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.38'/%3E%3C/svg%3E"),linear-gradient(180deg,rgba(255,255,255,.35),rgba(0,0,0,.04));
  box-shadow:0 16px 36px -14px rgba(0,0,0,.8);border-radius:2px}
.np a{color:#1b1b1b}
.np-mast{text-align:center;border-bottom:4px double #1b1b1b;padding-bottom:6px;margin-bottom:10px}
.np-ears{display:flex;justify-content:space-between;font-size:.72rem;border-bottom:1px solid #1b1b1b;padding-bottom:2px;font-family:'Cairo',sans-serif}
.np .np-title{display:block;color:#111;font-family:'Aref Ruqaa','Amiri',serif;font-weight:700;font-size:3.1rem;line-height:1.35;margin:4px 0 0;letter-spacing:0;color:#111}
.np-tag{font-size:.8rem;color:#333}
.np-date{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;margin-top:6px;padding:2px 0;font-size:.76rem;font-family:'Cairo',sans-serif}
.np-kick{display:inline-block;background:#1b1b1b;color:#efebe1;font-family:'Cairo',sans-serif;font-size:.68rem;font-weight:800;padding:0 8px;border-radius:2px}
.np-lead{border-bottom:2px solid #1b1b1b;padding-bottom:10px;margin-bottom:10px;display:flow-root}
.np .np-lead>h2{display:block;font-family:'Amiri','Cairo',serif;font-weight:700;font-size:1.8rem;line-height:1.45;margin:4px 0 !important;color:#111;letter-spacing:0}
.np .np-lead>h2::before{content:none;display:none}
.np-by{font-size:.78rem;color:#555;font-style:normal;margin:0 0 4px;font-family:'Cairo',sans-serif}
.np-by::before{content:'✒ '}
.np-fig{float:left;width:44%;margin:6px 10px 6px 0;position:relative}
.np-fig img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(1) contrast(1.35) brightness(1.05)}
.np-fig::after{content:'';position:absolute;inset:0 0 20px;background:radial-gradient(circle,rgba(0,0,0,.28) 0.9px,transparent 1.3px) 0 0/4px 4px;mix-blend-mode:multiply;pointer-events:none}
.np-fig figcaption{font-size:.7rem;color:#555;font-family:'Cairo',sans-serif;border-bottom:1px solid #999}
.np-body,.np-st p{text-align:justify;margin:4px 0}
.np-body::first-letter{font-size:1.6em;font-weight:700}
.np-more{font-size:.8rem;font-weight:700;font-family:'Cairo',sans-serif}
.np-grid{display:grid;grid-template-columns:1fr;gap:12px}
.np-cols{column-count:1;column-gap:18px;column-rule:1px solid #9a9a9a}
.np-st{break-inside:avoid;padding:0 0 8px;margin-bottom:8px;border-bottom:1px solid #b5b0a3}
.np-st h3{color:#111;font-family:'Amiri','Cairo',serif;font-weight:700;font-size:1.22rem;line-height:1.45;margin:3px 0}
.np-side{display:flex;flex-direction:column;gap:10px}
.np-box{border:1px solid #1b1b1b;padding:6px 10px;background:rgba(255,255,255,.25)}
.np-box h4{margin:0 0 4px;font-family:'Cairo',sans-serif;font-size:.86rem;font-weight:900;border-bottom:2px solid #1b1b1b}
.np-box p{margin:2px 0;font-size:.92rem;text-align:justify}
.np-box table{width:100%;border-collapse:collapse;font-size:.92rem}
.np-box td{border-bottom:1px dotted #777;padding:1px 0}.np-box td:last-child{text-align:left;font-weight:700}
.np-box ol{margin:0;padding:0 18px 0 0;font-size:.92rem}
.np-box ol span{color:#555;font-size:.8rem}
.np-briefs{border-top:2px solid #1b1b1b;margin-top:10px;padding-top:4px}
.np-briefs h4{margin:0;font-family:'Cairo',sans-serif;font-size:.86rem;font-weight:900}
.np-briefs ul{margin:4px 0;padding:0 16px 0 0;font-size:.9rem}
.np-foot{border-top:4px double #1b1b1b;margin-top:10px;padding-top:4px;text-align:center;font-size:.7rem;font-family:'Cairo',sans-serif;color:#444}
.np-empty{color:#555}
@media (min-width:560px){.np-grid{grid-template-columns:2fr 1fr}.np-cols{column-count:2}.np-title{font-size:3.8rem}}

/* ── print: «حفظ PDF» prints only the paper */
@media print{
  body.printing-doc{background:#fff!important}
  body.printing-doc .top,body.printing-doc .nav,body.printing-doc .doc-bar,body.printing-doc .toast,body.printing-doc .help-fab,body.printing-doc .ann-bar{display:none!important}
  body.printing-doc .wrap{padding:0!important}
  body.printing-doc .paper{box-shadow:none;max-width:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.ward-big{margin-top:10px;font-size:1.05rem;padding:14px 12px}
.hud-ward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:46px;padding:4px 6px;border-radius:12px;text-decoration:none;color:#f3c64e;background:linear-gradient(180deg,rgba(243,198,78,.18),rgba(243,198,78,.06));border:1px solid rgba(243,198,78,.45);font-size:1.15rem;line-height:1}
.hud-ward small{font-size:.62rem;font-weight:800;color:#f6dc8f}

/* «🛡️ الإدارة» staff badge */
.pill.staff{background:linear-gradient(90deg,#1d4f8f,#2f7bd1);color:#fff;border-color:#4d93e6}
.staff-chip{background:#1d4f8f;color:#fff}
.staff-hero{border:1px solid #2f7bd1}
.lnk{background:none;border:0;color:inherit;cursor:pointer;padding:0;font:inherit}

/* photoreal character render + picture tiles in «👔 التجهيز» */
.char-photo{display:flex;justify-content:center;background:radial-gradient(110% 80% at 50% 30%,#1c2a55,#0a1022);border-radius:14px;overflow:hidden;min-height:320px}
.char-photo img{width:100%;max-width:420px;aspect-ratio:2/3;object-fit:cover;display:block}
.wi.wpic{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:6px;text-align:center}
.wi.wpic .wimg{position:relative;display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#0d1530}
.wi.wpic.wtall .wimg{aspect-ratio:3/4}
.wi.wpic .wimg img{width:100%;height:100%;object-fit:cover;display:block}
.wi.wpic .wimg .sw{position:absolute;bottom:6px;inset-inline-start:6px;width:18px;height:18px;border-radius:50%;border:2px solid #fff}
.wi.wpic .wnone{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem;opacity:.7}
.wi.wpic .wcap{font-size:.78rem;font-weight:700;line-height:1.3}
.wi.wpic .wwhy{font-size:.68rem;line-height:1.3}
.wi.wpic.locked .wimg img{filter:grayscale(1) brightness(.55)}
.wi.wpic .wlock{position:absolute;top:6px;inset-inline-end:6px;font-size:1rem}
.wi.wpic .won{position:absolute;top:6px;inset-inline-start:6px;background:#2fa36b;color:#fff;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.8rem}
.wi.wpic.on{outline:2px solid #e2b04a}

.char-photo{position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}
.char-photo.spinning{cursor:grabbing}
.char-photo img{pointer-events:none;-webkit-user-drag:none}
.char-photo .spin-top{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;aspect-ratio:2/3;object-fit:cover}

.char-photo[hidden],.char-stage[hidden]{display:none!important}

/* «🛂 جواز السفر» booklet */
.passbook{display:flex;flex-direction:column;gap:14px;align-items:center;padding:6px 0}
.pcover{width:300px;height:420px;border-radius:10px 16px 16px 10px;background:linear-gradient(135deg,color-mix(in srgb,var(--pc) 55%,#081016),color-mix(in srgb,var(--pc) 30%,#03060a));box-shadow:0 10px 30px rgba(0,0,0,.5),inset 6px 0 0 rgba(0,0,0,.25);color:#e9c25a;position:relative;overflow:hidden}
.pcover.k-diplomatic{background:linear-gradient(135deg,#4a0f14,#1c0507)}
.pcover.k-founder{background:linear-gradient(135deg,#3a2a06,#120c02);box-shadow:0 0 0 2px #e2b04a,0 10px 30px rgba(0,0,0,.5)}
.pc-in{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:30px 18px;text-align:center}
.pc-state{font-family:Reem,Cairo,sans-serif;font-size:1.15rem;line-height:1.5}
.pc-emb{width:110px;height:110px;object-fit:cover;border-radius:50%;filter:sepia(1) saturate(3) hue-rotate(5deg) brightness(.95);box-shadow:0 0 0 3px #e2b04a}
.pc-title{font-family:Reem,Cairo,sans-serif;font-size:1.9rem}
.pc-en{font-family:Georgia,serif;letter-spacing:.25em;font-size:.8rem;direction:ltr}
.pc-chip{width:34px;height:22px;border:2px solid #e2b04a;border-radius:4px;opacity:.8}
.pcover::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,226,140,.18) 45%,transparent 60%);background-size:250% 100%;animation:psheen 6s linear infinite}
@keyframes psheen{from{background-position:120% 0}to{background-position:-120% 0}}
.ppage{width:min(100%,520px);background:linear-gradient(180deg,#f4efe1,#e8e0c8);color:#1d2433;border-radius:10px;padding:14px;position:relative;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.35);background-image:repeating-linear-gradient(45deg,rgba(40,80,120,.05) 0 2px,transparent 2px 9px),linear-gradient(180deg,#f4efe1,#e8e0c8)}
.pholo{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(226,176,74,.22) 35%,rgba(120,200,255,.15) 45%,transparent 60%);background-size:300% 100%;animation:psheen 7s linear infinite;mix-blend-mode:multiply}
.pd-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b9a77a;padding-bottom:6px;margin-bottom:10px;font-size:.9rem}
.pd-body{display:flex;gap:12px}
.pd-photo{flex:0 0 110px;height:140px;border-radius:6px;overflow:hidden;background:#0b1430;box-shadow:0 0 0 2px #fff,0 0 0 3px #b9a77a}
.pd-photo img{width:100%;height:auto;transform:scale(2.3);transform-origin:50% 9%;display:block}
.pd-f{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:.85rem;align-content:start}
.pd-f dt{color:#6b6250;font-size:.75rem}
.pd-f dd{margin:0;font-weight:700}
.pd-f dd.red{color:#b3261e}
.pmrz{margin-top:12px;font-family:'Courier New',monospace;font-size:.62rem;line-height:1.5;letter-spacing:.06em;background:rgba(255,255,255,.55);padding:6px;border-radius:4px;word-break:break-all;color:#111}
.pv-h{text-align:center;font-weight:800;color:#6b6250;margin-bottom:8px}
.pstamps{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:120px}
.pstamp{width:118px;min-height:84px;border:3px double;border-radius:10px;padding:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(var(--rot));font-size:.72rem;opacity:.85;mix-blend-mode:multiply}
.pstamp b{font-size:.78rem}
.pstamp span{font-weight:900;font-size:.9rem}
.pstamp.k-entry{color:#1b5e20;border-color:#1b5e20;border-radius:50%}
.pstamp.k-exit{color:#8e1b1b;border-color:#8e1b1b}
.pstamp.k-visa{color:#1a3c8f;border-color:#1a3c8f;width:150px}

#pvisa[hidden]{display:none!important}

.spin-idle{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;aspect-ratio:2/3;object-fit:cover;opacity:0;transition:opacity .35s ease;pointer-events:none;background:transparent}
.spin-idle.on{opacity:1}
.char-photo.spinning .spin-idle{opacity:0;transition:none}

/* «إطار الإدارة»: the staff role's own animated silver/steel-blue ring */
.frm.f-staff{inset:-9%;border-radius:50%;background:conic-gradient(from 0deg,#e9eef5,#8fb3d9,#2d5b8f,#dfe7f1,#9aa7b6,#4f86c6,#e9eef5);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));
  box-shadow:0 0 14px rgba(120,170,230,.55);animation:frm-staff 6s linear infinite}
@keyframes frm-staff{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.frm.f-staff{animation:none}}
.pcover.k-staff{--pc:#2c4566!important;background:linear-gradient(160deg,#36557d,#1b2c44 60%,#121d2d)}
.pcover.k-staff .pc-state,.pcover.k-staff .pc-title,.pcover.k-staff .pc-en{color:#dfe7f1}
.pc-note{margin-top:6px;font-size:.72rem;color:#cfdbea;text-align:center}

.spin-cv{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:420px;aspect-ratio:2/3;object-fit:cover;opacity:0;pointer-events:none;z-index:2}
.spin-cv.on{opacity:1}
.spin-idle{z-index:1}
.spin-ld{position:absolute;inset:auto 0 12px 0;display:flex;justify-content:center;pointer-events:none;z-index:3}
.spin-ld[hidden]{display:none}

/* «صمّم شخصيتك» — character creator + passport ceremony (Oct 24) */
body.cc-on .wrap{max-width:1100px}
.cc{min-height:100vh;padding:calc(env(safe-area-inset-top,0px) + 12px) 4px 24px}
.cc-head{display:flex;align-items:center;gap:12px;margin:0 4px 10px}
.cc-emb{width:44px;height:44px;border-radius:50%;border:1px solid rgba(242,193,78,.5)}
.cc-head h1{margin:0;font-size:22px;color:#f6dc97}
.cc-dots{display:flex;gap:6px;margin-top:6px}
.cc-dots i{width:26px;height:4px;border-radius:3px;background:rgba(255,255,255,.15)}
.cc-dots i.ok{background:#b8860b}.cc-dots i.on{background:#f2c14e}
.cc-body{display:grid;gap:14px}
.cc-stage{position:relative}
.cc-photo{position:relative;margin:0 auto;height:min(50vh,630px);max-width:420px;aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:1px solid rgba(242,193,78,.35);background:#0b1733;touch-action:pan-y}
.cc-photo>img{width:100%;height:100%;object-fit:cover;display:block}
.cc-hint{margin:6px 0 0}
.cc-panel{background:rgba(16,34,74,.6);border:1px solid var(--line);border-radius:18px;padding:14px}
.cc-panel h2{margin:0 0 4px;color:#f6dc97}
.cc-opts .ward-grid{margin-top:8px}
.cc-note{margin:10px 2px}
.cc-nav{margin-top:14px;gap:8px}
.cc-sum{display:grid;gap:8px;margin-top:8px}
.cc-sum div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:6px 2px}
@media (min-width:1024px){.cc-body{grid-template-columns:minmax(360px,440px) 1fr;align-items:start}.cc-stage{position:sticky;top:16px}.cc-panel{padding:20px}.cc-opts .ward-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media (hover:hover){.cc-opts .wi:hover{border-color:rgba(242,193,78,.7)}}
.pcer-bg .modal{max-width:440px;padding:0;background:transparent;border:0;box-shadow:none}
.pc-cer{background:linear-gradient(160deg,#f7efd9,#eadcb6);color:#2a2112;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:pcerIn .6s cubic-bezier(.2,.8,.2,1)}
@keyframes pcerIn{from{transform:perspective(900px) rotateY(-70deg) scale(.9);opacity:0}to{transform:none;opacity:1}}
.pcer-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--pc);color:#f6dc97}
.pcer-top img{width:40px;height:28px;object-fit:cover;border-radius:3px}
.pcer-top b{display:block;font-size:16px}.pcer-top span{font-size:12px;opacity:.85}
.pcer-body{display:flex;gap:12px;padding:14px}
.pcer-photo{width:112px;flex:none;aspect-ratio:3/4;overflow:hidden;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:#0b1733}
.pcer-photo{background-size:250% auto;background-position:50% 4%;background-repeat:no-repeat}
.pc-cer dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:13px;align-content:start}
.pc-cer dt{color:#7a6a45}.pc-cer dd{margin:0;font-weight:700}
.pcer-foot{position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:0 14px 10px;min-height:96px}
.pcer-sign{display:flex;flex-direction:column}
.pcer-sign svg{width:190px;height:52px}
.pcer-ink{fill:none;stroke:#1d2f6b;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420}
.signing .pcer-ink{transition:stroke-dashoffset 2s cubic-bezier(.5,.1,.4,1);stroke-dashoffset:0}
.pcer-seal{width:92px;height:92px;opacity:0;transform:scale(2.4) rotate(-18deg)}
.pcer-seal svg{width:100%;height:100%}
.pcer-seal circle{fill:none;stroke:#a3121b;stroke-width:3}
.pcer-seal text{fill:#a3121b;font-size:13px;font-weight:700;font-family:inherit}
.pcer-seal text.s2{font-size:11px}
.sealed .pcer-seal{animation:pcerSeal .38s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes pcerSeal{0%{opacity:0;transform:scale(2.4) rotate(-18deg)}70%{opacity:.95;transform:scale(.92) rotate(-12deg)}100%{opacity:.88;transform:scale(1) rotate(-12deg)}}
.sealed{animation:pcerThud .25s ease .25s}
@keyframes pcerThud{50%{transform:translateY(3px)}}
.pcer-go{margin:0 14px 14px;width:calc(100% - 28px)}
@media (prefers-reduced-motion:reduce){.pc-cer,.sealed,.sealed .pcer-seal{animation:none}.sealed .pcer-seal{opacity:.88;transform:rotate(-12deg)}.signing .pcer-ink{transition:none}}

body.cc-on #helpFab{display:none}
.pcer-bg{align-items:center;justify-content:center}
@media (min-width:1024px){.cc-photo{height:min(78vh,660px)}}

.char-photo[data-turn="0"] + .spin-hint{visibility:hidden}
.char-photo[data-turn="0"]{cursor:default}

/* creator v2 (Oct 24, 16:41 fixes): a true full-screen layer above everything, scrollable, with an always-visible action bar */
body.cc-on #top, body.cc-on #nav, body.cc-on .top, body.cc-on .nav, body.cc-on #annBar, body.cc-on .toast:not(.bad), body.cc-on .hud, body.cc-on [class^="hud-"]{display:none!important}
body.cc-on{overflow:hidden}
.cc{position:fixed;inset:0;z-index:60;height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  background:radial-gradient(120% 70% at 50% 0%,#14244d,#050c20 70%);padding:calc(env(safe-area-inset-top,0px) + 10px) 10px calc(env(safe-area-inset-bottom,0px) + 96px);min-height:0}
.cc-photo{height:min(45dvh,560px);height:min(45vh,560px);height:min(45dvh,560px);min-height:0;max-width:none;width:auto;aspect-ratio:2/3;background:radial-gradient(110% 80% at 50% 30%,#1c2a55,#0a1022)}
.cc-photo>img{width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 0}
.cc-photo .spin-cv,.cc-photo .spin-idle,.cc-photo .spin-top{width:100%;height:100%;max-width:none;object-fit:contain;object-position:50% 0}
.cc-nav{position:fixed;left:0;right:0;bottom:0;z-index:61;margin:0;padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 10px);background:linear-gradient(to top,rgba(5,12,32,.98) 70%,rgba(5,12,32,0));display:flex;gap:8px}
.cc-nav .btn{min-height:48px;font-size:16px}
.cc-panel{margin-bottom:8px}
@media (max-height:700px){.cc-photo{height:38dvh}.cc-head h1{font-size:19px}.cc-emb{width:34px;height:34px}}
@media (min-width:1024px){.cc{padding-bottom:110px}.cc-body{max-width:1100px;margin:0 auto}.cc-photo{height:min(76dvh,680px)}.cc-nav{left:50%;transform:translateX(-50%);max-width:1100px;border-radius:16px 16px 0 0}}

.av-char{width:100%;height:100%;object-fit:cover;object-position:50% 2%;transform:scale(2.6);transform-origin:50% 8%;display:block;border-radius:50%}
.hud-face{overflow:hidden}

.cc-nav [hidden]{display:none!important}

body.cc-on .modal-bg,.pcer-bg{z-index:80}
body.cc-on .toast.bad{z-index:90}

.av-cw{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden}
.av-cw .av-char{border-radius:0}

/* worn pieces the photo cannot show: badges on the character (Oct 24) */
.char-photo .worn{position:absolute;bottom:10px;inset-inline-start:8px;display:flex;flex-direction:column;gap:6px;z-index:5;pointer-events:none;max-width:31%} /* badges stay beside the figure, never across it */
.char-photo .worn:empty{display:none}
.worn-i{display:flex;align-items:center;gap:6px;background:rgba(10,16,34,.82);border:1px solid rgba(214,177,90,.7);border-radius:12px;padding:3px 8px 3px 3px;color:#f3e6c4;font-size:.72rem;line-height:1.2;box-shadow:0 2px 8px rgba(0,0,0,.4)}
.worn-i img,.worn-i b{width:38px;height:38px;border-radius:9px;object-fit:cover;background:#fff;flex:none;display:grid;place-items:center;font-weight:400}
.wi .whow{color:#d6b15a}

/* profile on desktop (Oct 24): two columns — the player's card and settings beside the character, which stays in view */
@media (min-width:1024px){
  body.sy-wide .prof{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,500px);gap:18px;align-items:start}
  body.sy-wide .prof>*{grid-column:1;margin:0;min-width:0}
  body.sy-wide .prof>.char-card{grid-column:2;grid-row:1/span 8;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto}
  body.sy-wide .prof .p-head .grid3,body.sy-wide .prof .p-head .grid2{max-width:640px;margin-inline:auto}
}

/* item layers over the body (Oct 24) */
.char-photo .lay{position:absolute;top:0;left:50%;translate:-50% 0;width:100%;max-width:420px;aspect-ratio:2/3;pointer-events:none;z-index:4} /* q: centred with translate (applied after the turn), not transform: transform+rotate turned the layers round a point half a width away and split the figure (p) */
.char-photo .lay .lay-i{position:absolute;display:block;max-width:none;aspect-ratio:auto;object-fit:fill;pointer-events:none}
.char-photo .lay .lay-sash{position:absolute;inset:0;width:100%;height:100%;z-index:3}
.char-photo.spinning .lay,.char-photo:has(.spin-cv.on) .lay{opacity:0}

.char-photo.draft::after{content:'معاينة: احفظ التجهيز ليراه الجميع';position:absolute;top:8px;inset-inline-end:8px;max-width:30%;z-index:6;background:rgba(10,16,34,.85);border:1px solid rgba(214,177,90,.8);color:#f3d27a;border-radius:10px;padding:4px 8px;font-size:.68rem;line-height:1.35;white-space:normal;text-align:center;pointer-events:none} /* in the corner, never over the head (Oct 24 audit: it hid the head-dress being tried) */

/* while the wardrobe is open on a phone the whole figure stays in view above the choices (Oct 24) */
@media (max-width:1023px){
  .char-card:has(#wardrobe:not([hidden])) .char-photo{position:sticky;top:calc(var(--top,66px) + 2px);z-index:7;min-height:0;height:30vh;align-items:flex-start;background:var(--bg,#0b1a3a);box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
  .char-card:has(#wardrobe:not([hidden])) .char-photo>img,.char-card:has(#wardrobe:not([hidden])) .char-photo .lay,.char-card:has(#wardrobe:not([hidden])) .char-photo .spin-idle,.char-card:has(#wardrobe:not([hidden])) .char-photo .spin-cv,.char-card:has(#wardrobe:not([hidden])) .char-photo .spin-top{height:30vh;width:auto;max-width:none}
}

/* native selects in Night Gold (iOS Safari drew them stark white; Oct 24) */
select.input,select{-webkit-appearance:none;appearance:none;color-scheme:dark;background-color:#0f2148;color:#f3e6c4;border:1px solid rgba(212,160,23,.38);border-radius:12px;min-height:42px;min-width:8.5em;padding:8px 12px 8px 34px;font:inherit;line-height:1.3;
  background-image:linear-gradient(45deg,transparent 50%,#d4a017 50%),linear-gradient(135deg,#d4a017 50%,transparent 50%);background-position:16px 52%,21px 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
select:focus{outline:2px solid rgba(212,160,23,.55);outline-offset:1px}
select option{background:#0b1a3a;color:#f3e6c4}
select:disabled{opacity:.55}

/* desktop: card pages use the width as two balanced columns; headings, tabs and forms span both (Oct 24) */
@media (min-width:1100px){
  body.sy-duo #view{column-count:2;column-gap:20px;max-width:1180px;margin-inline:auto;padding-inline:24px}
  body.sy-duo #view>*{break-inside:avoid;-webkit-column-break-inside:avoid;margin-top:0;margin-bottom:16px;display:block}
  body.sy-duo #view>h1,body.sy-duo #view>h2,body.sy-duo #view>.tabs,body.sy-duo #view>nav,body.sy-duo #view>.econ-nav,body.sy-duo #view>.hero,body.sy-duo #view>.row,body.sy-duo #view>.wide-span,body.sy-duo #view>.prel-own,body.sy-duo #view>.sm-wrap{column-span:all}
}

/* the character's face as an avatar: a crop of the body picture (Oct 24) */
.avi.avc{display:block;width:100%;height:100%;border-radius:inherit;background-repeat:no-repeat;background-color:#0b1a3a}

/* market on a desktop: buy and sell side by side under the price card (Oct 24) */
@media (min-width:1100px){
  body.sy-wide #view:has(.mk-duo){max-width:1080px;margin-inline:auto}
  .mk-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:12px}
  .mk-duo>.card{margin:0}
}

.char-photo .lay .lay-er{position:absolute;display:block;pointer-events:none} /* paints the outfit picture's own head away before the chosen face is laid (Oct 24) */

/* round avatar: the head-dress and sunglasses he wears, drawn over the face crop (Oct 24 wardrobe audit) */
.avi.avc{position:relative;overflow:hidden}
.avi.avc .avl{position:absolute;max-width:none;pointer-events:none;display:block}
.char-photo .worn .worn-i{font-size:.66rem}
/* creator on a phone: the character stays in view while the options scroll beneath it, so a head-dress or face is never chosen off-screen (Oct 24 audit) */
@media (max-width:1023px){.cc-stage{position:sticky;top:calc(-1 * env(safe-area-inset-top,0px) - 12px);z-index:4;background:linear-gradient(180deg,#0a1022 85%,rgba(10,16,34,0));padding:calc(env(safe-area-inset-top,0px) + 6px) 0 6px}.cc-photo{height:min(38dvh,480px)}.cc-stage .cc-hint{margin:2px 0 0}}

/* Oct 26: face and beard tiles are cut from the very pictures worn (lookTile) */
.wi.wpic .wimg .avc{position:absolute;inset:0;width:100%;height:100%;border-radius:0}

/* 26d: outfit tiles show the player's own face (the outfit picture + the same layers as the big picture) */
.wi.wpic .wimg .wlook{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);height:100%;aspect-ratio:2/3;display:block}
.wi.wpic .wimg .wlook>img{width:100%;height:100%;object-fit:fill}
.wi.wpic .wimg .wlook .lay{position:absolute;inset:0;pointer-events:none;display:block}
.wi.wpic .wimg .wlook .lay .lay-i{position:absolute;display:block;max-width:none;object-fit:fill}
.wi.wpic .wimg .wlook .lay .lay-er{position:absolute;display:block;pointer-events:none}

/* Oct 28 (p): the living photo and the finger turn, drawn from the very picture shown (the photo and its laid-on face/head-dress/weapon move as one) */
.char-photo{perspective:1100px;perspective-origin:50% 45%}
.char-photo>img:not(.spin-top),.char-photo>.lay{rotate:y var(--yaw,0deg);transform-origin:50% 55%;backface-visibility:hidden}
.char-photo.alive>img:not(.spin-top),.char-photo.alive>.lay{animation:syBreath 4.8s ease-in-out infinite;transform-origin:50% 100%}
@keyframes syBreath{0%,100%{scale:1 1}45%{scale:1.005 1.014}} /* q: no translate here, the layer box keeps its own centring translate */
.char-photo.tilting{cursor:grabbing}
.char-photo .spin-shade{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:0;mix-blend-mode:multiply}
.char-photo.tilting .worn,.char-photo.tilting .spin-shade{transition:none}
@media (prefers-reduced-motion:reduce){.char-photo.alive>img:not(.spin-top),.char-photo.alive>.lay{animation:none}}

/* Oct 28 (q): the photo, its face/head-dress layers and the card share one tone; the photo's side edges melt into the card so no lighter rectangle shows, at rest or turned */
.char-photo{background:radial-gradient(120% 85% at 50% 42%,#10202f,#08111b 70%)}
.char-photo>img:not(.spin-top),.char-photo>.lay{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%)}
@media (max-width:1023px){.char-card:has(#wardrobe:not([hidden])) .char-photo{background:radial-gradient(120% 85% at 50% 42%,#10202f,#08111b 70%)}}

/* Oct 28 (q): wardrobe fixes — the floating chat/help buttons no longer cover «تراجع» while the wardrobe is open; unlock reasons wrap inside the tile; notes stay inside the screen; head-dress tiles keep the top of the head */
body:has(#wardrobe:not([hidden])) .qa-fab,body:has(#wardrobe:not([hidden])) .qa-ping,body:has(#wardrobe:not([hidden])) .help-fab{display:none!important}
.wi{overflow:visible;min-width:0}
.wi.wpic .wcap,.wi.wpic .wwhy{display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;word-break:normal;max-width:100%}
#wardrobe p{white-space:normal;overflow-wrap:anywhere;max-width:100%;box-sizing:border-box}
#wardrobe .ward-grid:last-of-type{padding-bottom:6px}
.wi.wpic .wimg img.wt-head{object-position:50% 0}

/* Oct 31 (Alsadig «سويها في الاساسي»): wardrobe UX — a big «غيّر ملابسك» door on the creator's last screen and in the waiting room, the save bar floats only while there is something to save, the outdated-page button */
.btn.cc-ward,.btn.wr-ward{font-size:1.1rem;font-weight:800;min-height:56px;padding:12px 16px;border:2px solid #f2c14e !important;background:linear-gradient(180deg,rgba(242,193,78,.34),rgba(242,193,78,.12)) !important;color:#ffe7a6 !important;border-radius:14px;box-shadow:0 8px 22px -8px rgba(242,193,78,.55)}
.cc-ward{margin-top:14px;width:100%}
.wr-ward{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;margin:12px 0 8px;text-align:center;text-decoration:none}
.wr-ward small{font-size:.78rem;font-weight:500;color:#c9d2e3}
.cc-ward-n{margin:6px 2px 0}
.wr-personal{margin:0 0 12px}
.ward-act.idle{position:static;background:none}
.wardrobe .ward-grid:last-of-type{padding-bottom:6px}
.ward-act.dirty{padding-top:14px}
.sy-reload{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);z-index:90;display:flex;align-items:center;gap:10px;justify-content:space-between;background:rgba(14,30,68,.98);border:1px solid rgba(242,193,78,.7);border-radius:14px;padding:10px 12px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.5)}

/* ── waitroom.css ── */
/* «قائمة الانتظار» — pre-registration waiting room + reservation card (Oct 25). Arabic letters stay joined (no tracking). */
.wr{max-width:560px;margin:0 auto;padding:10px 12px 72px}
.wr-head{display:flex;align-items:center;gap:12px;padding:14px 4px 8px;position:relative}
.wr-head img{width:52px;height:52px;border-radius:50%;border:1px solid var(--hx-hair,rgba(233,194,90,.4));box-shadow:0 0 18px rgba(233,194,90,.25)}
.wr-head h1{margin:0;font-size:1.45rem;color:var(--hx-gold2,#ffe7a3);line-height:1.2}
.wr-head .music-btn{position:absolute;left:4px;top:16px}
.wr-status{text-align:center}
.wr-ok{font-size:1.15rem;font-weight:800;color:#8fe3a8;margin-bottom:8px}
.wr-launch{padding:12px;background:rgba(233,194,90,.08);clip-path:var(--hx-cut-sm);margin-bottom:6px}
.wr-launch .big-clock{display:block;font-size:1.4rem;color:var(--hx-gold2,#ffe7a3)}
.wr-pass{margin:12px 0;background:linear-gradient(160deg,#f7efd9,#eadcb6);color:#2a2112;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px rgba(0,0,0,.45)}
.wr-pass-top{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--pc,#1d3b2a);color:#f4e6bf}
.wr-pass-top img{width:34px;height:24px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.3)}
.wr-pass-top b{display:block;font-size:1rem}.wr-pass-top span{font-size:.78rem;opacity:.85}
.wr-pass-body{display:flex;gap:14px;padding:14px;align-items:flex-start}
.wr-photo{width:104px;flex:none;aspect-ratio:3/4;border-radius:6px;border:1px solid rgba(0,0,0,.2);background:#0b1733 no-repeat 50% 4%/250% auto}
.wr-pass dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:.88rem;min-width:0}
.wr-pass dt{color:#7a6643;font-size:.76rem;align-self:center}.wr-pass dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.wr-seat p{margin:4px 0 8px;line-height:1.8}
.wr-acts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.wr-acts li{display:flex;gap:10px;align-items:flex-start}
.wr-acts li>span{flex:none;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(233,194,90,.1);font-size:1.15rem}
.wr-acts b{display:block}.wr-acts small{color:var(--hx-muted,#8e9dc0);line-height:1.6}
.wr-quote{margin:6px 0 10px;padding:10px 12px;border-right:3px solid var(--hx-gold,#e9c25a);background:rgba(255,255,255,.04);line-height:1.8}
.wr-link{font-size:.85rem;color:var(--hx-gold2,#ffe7a3);background:rgba(0,0,0,.25);padding:8px 10px;border-radius:8px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
.wr-btns{gap:8px}
.wr-tips{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.wr-tip{display:flex;gap:10px;align-items:flex-start;padding:10px;background:rgba(255,255,255,.035);border-radius:10px}
.wr-ti{flex:none;font-size:1.2rem;width:30px;text-align:center}
.wr-tip b{color:var(--hx-gold2,#ffe7a3)}.wr-tip p{margin:2px 0 0;font-size:.86rem;line-height:1.7;color:var(--hx-text,#eef2fb)}
/* reservation card after the passport */
.wr-bg .modal{max-width:400px}
.wr-modal{text-align:center;padding:6px 4px 2px}
.wr-mseal{width:74px;height:74px;margin:4px auto 10px;border-radius:50%;display:grid;place-items:center;background:var(--hx-gold-grad,linear-gradient(180deg,#ffe9a8,#e9c25a,#b98a26));box-shadow:0 0 0 6px rgba(233,194,90,.15),0 0 30px rgba(233,194,90,.35);animation:wrPop .5s cubic-bezier(.2,.8,.2,1)}
.wr-mseal span{font-size:2.2rem;font-weight:900;color:#2a1d05}
.wr-modal h2{margin:0 0 6px;color:var(--hx-gold2,#ffe7a3);font-size:1.4rem}
.wr-modal>p{line-height:1.8;margin:0 0 10px}
.wr-mrow{display:flex;align-items:center;gap:10px;justify-content:center;text-align:right;margin:8px 0;padding:10px;background:rgba(255,255,255,.05);border-radius:10px}
.wr-mrow img{width:40px;height:28px;object-fit:cover;border-radius:3px}.wr-mrow b{display:block}
.wr-mseat{line-height:1.8;margin:8px 0}
.wr-mlaunch{margin:8px 0 14px;padding:10px;background:rgba(233,194,90,.08);clip-path:var(--hx-cut-sm);color:var(--hx-gold2,#ffe7a3)}
.wr-mlaunch .big-clock{display:block;font-size:1.3rem}
@keyframes wrPop{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.wr-mseal{animation:none}}
@media (min-width:900px){.wr{max-width:620px;padding-top:24px}.wr-photo{width:124px}}
body #view>.wait.wr{column-span:all;-webkit-column-span:all;margin-left:auto!important;margin-right:auto!important} /* desktop: #view is a 2-column layout; the waiting room spans it, centred */

/* Launch date + countdown (Oct 26: 11 Nov 2026, 21:00 Saudi time). Digits may be tabular; Arabic labels keep normal spacing. */
.lc{text-align:center;letter-spacing:normal}
.lc-date{font-size:1.15rem;font-weight:800;color:var(--hx-gold2,#ffe7a3);letter-spacing:normal}
.lc-date b{font-weight:900}
.lc-time{font-size:.82rem;opacity:.8;margin-top:2px;letter-spacing:normal}
.lc-cd{display:flex;justify-content:center;gap:8px;margin-top:10px;direction:rtl}
.lc-seg{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:7px 4px 5px;background:rgba(0,0,0,.28);border:1px solid rgba(233,194,90,.35);border-radius:10px}
.lc-seg b{font-size:1.45rem;font-weight:900;line-height:1.1;color:var(--hx-gold2,#ffe7a3);font-variant-numeric:tabular-nums;letter-spacing:0;direction:ltr}
.lc-seg i{font-style:normal;font-size:.72rem;opacity:.8;margin-top:2px;letter-spacing:normal}
.lc-now{margin-top:8px;font-weight:800;color:#8fe3a8}
.lc-land{display:block;margin:12px auto 0;max-width:340px;padding:10px 8px;background:rgba(233,194,90,.08);clip-path:var(--hx-cut-sm);color:inherit}
@media (max-width:360px){.lc-seg{min-width:50px}.lc-seg b{font-size:1.25rem}}

/* ── perf.css ── */
/* Touch responsiveness (Oct 24): no double-tap-zoom delay, instant press feedback, no live blur, big tap targets. */
html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a,button,input,select,textarea,label,summary,[role=button],[role=tab],.btn,.tile,.li,.copt,.wpn{touch-action:manipulation}
*,*::before,*::after{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
.top{background:rgba(6,15,38,.97) !important}.nav{background:rgba(8,19,46,.98) !important}
.modal-bg{background:rgba(2,6,18,.82) !important}.toast{background:rgba(14,30,68,.98) !important}
.fm-btn,.fm-title,.fm-map .presets .pill,.presets .pill,.mbtn{background:rgba(12,26,60,.96) !important}.fm-sheet{background:rgba(16,34,74,.98) !important}
.btn.primary::after{animation:none !important;display:none !important}
.hero img,.qa.go,.chest.ready{animation:none !important}
.btn:active,.tile:active,.li:active,.copt:active,.wpn:active,.nav a:active,.tabs button:active,.mi:active,a.card:active{transform:scale(.97);filter:brightness(1.18);transition:none !important}
.nav a{min-height:52px}
.btn{min-height:44px}.btn.sm{min-height:40px}
#view.stale{pointer-events:none}
#view.stale>*{opacity:.92}

/* ── social.css ── */
/* «🛡️ أدوات الإدارة» + «👥 الأصدقاء والرسائل» — Night Gold, RTL, mobile-first. No letter-spacing (Arabic letters stay joined). */
.sy-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.sy-chip{appearance:none;border:1px solid var(--line2,rgba(255,215,128,.25));background:rgba(255,255,255,.04);color:var(--text,#f4ead2);border-radius:99px;padding:8px 14px;min-height:40px;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}
.sy-chip.on{background:var(--grad-gold,linear-gradient(180deg,#f3d27a,#c9a24a));color:#1a1203;border-color:transparent}
.sy-pills{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 12px;align-items:center}
.sy-pills.sm{margin:4px 0 0}
.sy-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 10px;font-size:.78rem;font-weight:700;background:rgba(255,255,255,.07);border:1px solid var(--line,rgba(255,255,255,.1));white-space:nowrap}
.sy-pill.bad{background:rgba(220,60,60,.18);border-color:rgba(240,90,90,.5);color:#ffb4b4}
.sy-pill.warn{background:rgba(240,170,60,.15);border-color:rgba(240,170,60,.45);color:#ffd79a}
.sy-pill.ok{background:rgba(60,190,120,.14);border-color:rgba(60,190,120,.4);color:#a9efc6}
.sy-pill.gold{background:rgba(243,210,122,.14);border-color:rgba(243,210,122,.45);color:var(--gold,#f3d27a)}
.sy-mod h2{margin:0}
.sy-mh{display:flex;gap:12px;align-items:center}
.sy-mh .av.md{width:56px;height:56px;flex:0 0 56px}
.sy-ms{border-top:1px solid var(--line,rgba(255,255,255,.08));padding-top:10px;margin-top:12px}
.sy-ms h3{font-size:.95rem;margin:0 0 6px;color:var(--gold,#f3d27a)}
.sy-prot{background:rgba(243,210,122,.08);border:1px solid rgba(243,210,122,.3);border-radius:14px;padding:10px 12px;margin:8px 0}
.sy-wl>div{display:flex;flex-direction:column;padding:6px 0;border-bottom:1px dashed var(--line,rgba(255,255,255,.08))}
.btn.danger{background:linear-gradient(180deg,#d9534f,#a52a2a);color:#fff;border-color:transparent}
.sy-modbtn{margin-top:8px;border-color:rgba(160,190,255,.45)}
.sy-rel{margin-top:4px}
.sy-quote{margin:8px 0;padding:8px 12px;border-inline-start:3px solid var(--gold,#f3d27a);background:rgba(255,255,255,.04);border-radius:10px;font-size:.92rem;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-rep,.sy-log{padding:10px 0;border-bottom:1px solid var(--line,rgba(255,255,255,.08))}
.sy-rep:last-child,.sy-log:last-child{border-bottom:0}
.sy-li{width:100%;text-align:start;background:none;border:0;color:inherit;font:inherit;min-height:48px}
.sy-flag{margin-inline-start:4px;min-width:32px;min-height:28px}
.sy-avw{position:relative}
.sy-on{position:absolute;bottom:-1px;inset-inline-start:-1px;width:12px;height:12px;border-radius:50%;background:#35d07f;border:2px solid var(--bg2,#0b1a3a);box-shadow:0 0 6px rgba(53,208,127,.7)}
.sy-ok{color:#7fe3ac}
.sy-frow .sy-fmeta{color:inherit;text-decoration:none;min-width:0}
.sy-qb .btn{position:relative;min-width:44px;min-height:40px}
.sy-qb .badge,.tabs .badge{position:static;display:inline-block;margin-inline-start:4px}
.sy-add label{display:block;margin-bottom:4px}
.sy-dmh{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;padding:8px 10px;margin:4px 0 8px;background:rgba(9,20,48,.96);border:1px solid var(--line2,rgba(255,215,128,.2));border-radius:16px}
.sy-dmh a{color:inherit;text-decoration:none}
.sy-dmbox{min-height:40vh}
.msg.sy-dm .b{max-width:82%}
.sy-dmt{margin-top:2px}
#nav a.sy-dot{position:relative}
#nav a.sy-dot::after{content:"";position:absolute;top:6px;inset-inline-end:22%;width:9px;height:9px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 2px var(--nav,#050c20)}
.sy-warn{text-align:center}
.sy-warn-ic{font-size:2.6rem;line-height:1}
.sy-warn-r{font-size:1.05rem;font-weight:700;background:rgba(240,170,60,.1);border:1px solid rgba(240,170,60,.35);border-radius:14px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.sy-ban{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(120% 80% at 50% 0%,rgba(120,20,30,.45),rgba(3,7,18,.97) 60%),#030712}
.sy-ban-card{width:100%;max-width:420px;text-align:center;background:linear-gradient(180deg,rgba(18,36,78,.97),rgba(9,20,48,.98));border:1px solid rgba(240,90,90,.4);border-radius:24px;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px));box-shadow:0 30px 80px -20px rgba(0,0,0,.9)}
.sy-ban-em{width:48px;height:48px;border-radius:12px;opacity:.85}
.sy-ban-ic{font-size:2.8rem;margin:6px 0}
.sy-ban h1{margin:0 0 4px;color:#ffb4b4}
.sy-ban-sub{color:var(--muted,#a9b3c9);margin:0 0 12px}
.sy-ban-dl{text-align:start;margin:0 0 14px;background:rgba(255,255,255,.04);border-radius:16px;padding:10px 14px}
.sy-ban-dl dt{font-size:.8rem;color:var(--gold,#f3d27a);margin-top:6px}
.sy-ban-dl dd{margin:2px 0 6px;font-weight:700;overflow-wrap:anywhere}
.sy-ban-left{font-weight:400;font-size:.85rem;color:var(--muted,#a9b3c9)}
.sy-busy{opacity:.6}
.sy-chip,.sy-pill,.sy-ban h1,.sy-ms h3{letter-spacing:normal}

/* ── desktop / wide screens (Alsadig 16:09: the game must work great on PC) */
.sy-fside{display:none}
.sy-frow.on{background:rgba(243,210,122,.10);border-radius:12px}
@media (hover:hover){
  .sy-chip:hover{border-color:var(--gold,#f3d27a);background:rgba(243,210,122,.10)}
  .sy-chip.on:hover{filter:brightness(1.06)}
  .sy-frow:hover,.sy-prow:hover,.sy-li:hover,.sy-rep:hover,.sy-log:hover{background:rgba(255,255,255,.045);border-radius:12px}
  .sy-flag:hover{filter:brightness(1.3)}
  .sy-modbtn:hover{border-color:rgba(190,210,255,.8)}
}
.sy-chip:focus-visible,.sy-li:focus-visible,.sy-frow:focus-visible{outline:2px solid var(--gold,#f3d27a);outline-offset:2px}
@media (min-width:1024px){
  body.sy-wide .wrap{max-width:1180px;padding-inline:24px}
  .sy-fgrid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}
  .sy-fside{display:block;position:sticky;top:76px;max-height:calc(100vh - 100px);overflow:auto;margin:0}
  .sy-fmain{min-width:0}
  .sy-dmbox{min-height:58vh}
  .msg.sy-dm .b{max-width:62%}
  .modal-bg.sy-side{justify-content:flex-start;align-items:stretch}
  .modal-bg.sy-side .modal{max-width:460px;height:100vh;max-height:none;border-radius:0 !important;clip-path:none;animation:sy-slide .25s ease}
  body.sy-wide #mpl,body.sy-wide #rql{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px}
  body.sy-wide #rql .empty,body.sy-wide #mpl .empty{grid-column:1/-1}
  .sy-mod textarea{min-height:64px}
}
@media (min-width:1600px){ body.sy-wide .wrap{max-width:1320px} body.sy-wide #mpl{grid-template-columns:repeat(3,minmax(0,1fr))} }
@keyframes sy-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.modal-bg.sy-side .modal{animation:none}}

/* list rows: compact quick buttons so names and status keep their room */
.sy-frow{gap:10px}
.sy-qb .btn.sm,.li .sy-qb .btn.sm{min-width:44px !important;padding:0 10px}
.sy-fmeta .tiny{white-space:normal;line-height:1.5}
.sy-on{z-index:3}
.sy-fside .badge,.sy-frow .badge{position:static;flex:0 0 auto}
.sy-dmbox{min-height:calc(100vh - 380px)}
@media (min-width:1024px){ .sy-dmbox{min-height:calc(100vh - 330px)} }

/* ── invite-summit.css ── */
/* سيادة — «🤝 ادعُ صديقاً» + «🏛️ القمة العربية» (drop-in ad6f4e50). Night Gold, RTL, mobile first. Loads after social.css. */
.frm.f-x-amb1{background-image:url(/frames/amb1.svg)}
.frm.f-x-amb2{background-image:url(/frames/amb2.svg)}
.frm.f-x-amb3{background-image:url(/frames/amb3.svg)}
.isum-h1{margin:6px 4px}
.isum-grid{display:block}
.isum-col{min-width:0}
.isum-sec{font-size:1.02rem;margin:14px 6px 8px;color:var(--gold2,#ffe39a)}
/* invite */
.isum-inv-banner{display:flex;align-items:center;gap:10px;margin:10px auto;max-width:520px;border:1px solid rgba(242,189,61,.45);background:linear-gradient(135deg,rgba(242,189,61,.14),rgba(20,38,82,.6))}
.isum-inv-banner b{color:var(--gold2,#ffe39a)}
.isum-lead{margin:0 0 10px;line-height:1.9}
.isum-code{display:flex;flex-direction:column;align-items:center;gap:2px;margin:6px 0 10px;padding:10px;border-radius:14px;border:1px dashed rgba(242,189,61,.55);background:rgba(6,15,38,.45)}
.isum-code b{font-size:1.9rem;color:var(--gold,#f2bd3d);font-family:ui-monospace,Menlo,Consolas,monospace;direction:ltr}
.isum-link{text-align:left;font-size:.85rem}
.isum-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.isum-btns .btn{flex:1 1 140px;min-height:46px;justify-content:center;text-align:center}
.btn.isum-wa{background:linear-gradient(180deg,#25c766,#168a45) !important;color:#fff !important;border-color:#2bd46d !important;font-weight:800}
.isum-vote .btn.on.v-y{background:#1f9d6b !important}.isum-vote .btn.on.v-n{background:#b93c3c !important}.isum-vote .btn.on.v-a{background:#4b587a !important}
.isum-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.isum-stats>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:14px;background:rgba(6,15,38,.4);border:1px solid var(--line,rgba(160,185,255,.13))}
.isum-stats b{font-size:1.35rem}
.isum-stats span{font-size:.75rem;color:var(--muted,#93a3c6)}
.isum-tiers{display:flex;flex-direction:column;gap:10px}
.isum-tier{display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:16px;background:rgba(6,15,38,.35);border:1px solid var(--line,rgba(160,185,255,.13))}
.isum-tier.on{border-color:rgba(242,189,61,.55);background:linear-gradient(135deg,rgba(242,189,61,.12),rgba(6,15,38,.35))}
.isum-tier .av.lg{width:58px;height:58px;flex:0 0 58px;margin:8px}
.isum-tier .grow{min-width:0}
.isum-bar{height:7px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:6px}
.isum-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold3,#c98d16),var(--gold,#f2bd3d));border-radius:9px}
.isum-steps{display:flex;flex-wrap:wrap;gap:6px;margin:2px 4px 8px}
.isum-steps span{font-size:.72rem;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.06);color:var(--muted,#93a3c6)}
.isum-steps span.ok{background:rgba(52,211,153,.14);color:var(--green,#34d399)}
.isum-why{margin:0 6px 8px}
.isum-fr .row{gap:8px;align-items:center;color:inherit;text-decoration:none;min-width:0}
.pill.red{background:rgba(248,113,113,.15);color:var(--red,#f87171);border-color:rgba(248,113,113,.35)}
.isum-rules ul{margin:6px 0 0;padding-inline-start:18px;line-height:1.9}
/* summit */
.isum-sum{background:linear-gradient(160deg,rgba(242,189,61,.10),rgba(20,38,82,.62) 45%)}
.isum-emb{display:flex;align-items:center;gap:10px}
.isum-emb img{border-radius:50%;border:2px solid rgba(242,189,61,.6)}
.isum-emb b{font-size:1.15rem;color:var(--gold2,#ffe39a)}
.isum-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 8px}
.isum-phases>div{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:12px;background:rgba(6,15,38,.45);border:1px solid var(--line,rgba(160,185,255,.13));text-align:center}
.isum-phases>div span{font-size:.68rem;color:var(--muted,#93a3c6)}
.isum-phases>div.on{border-color:var(--gold,#f2bd3d);background:rgba(242,189,61,.16);box-shadow:0 0 0 1px rgba(242,189,61,.25) inset}
.isum-phases>div.on b{color:var(--gold,#f2bd3d)}
.isum-phases>div.done{opacity:.6}
.isum-cd{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0 10px}
.isum-cd b{font-size:1.55rem;color:var(--gold,#f2bd3d);unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.isum-pres{border-top:1px solid var(--line,rgba(160,185,255,.13));padding-top:8px}
.isum-avs{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.isum-avs .av.sm{width:34px;height:34px}
.isum-kinds{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px}
.isum-kind{display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;text-align:right;padding:9px 10px;border-radius:14px;border:1px solid var(--line2,rgba(160,185,255,.22));background:rgba(6,15,38,.4);color:inherit;font:inherit;cursor:pointer;min-height:44px}
.isum-kind span{grid-row:1/3;font-size:1.3rem;text-align:center}
.isum-kind small{color:var(--muted,#93a3c6);font-size:.72rem;line-height:1.6}
.isum-kind.on{border-color:var(--gold,#f2bd3d);background:rgba(242,189,61,.14)}
.isum-prop{border-inline-start:4px solid rgba(160,185,255,.25)}
.isum-prop.k-sanctions{border-inline-start-color:#f87171}.isum-prop.k-embargo{border-inline-start-color:#fb923c}.isum-prop.k-aid{border-inline-start-color:#34d399}
.isum-prop.k-pact{border-inline-start-color:#60a5fa}.isum-prop.k-condemn{border-inline-start-color:#c4b5fd}
.isum-ph{display:flex;align-items:flex-start;gap:10px}
.isum-ic{font-size:1.35rem;width:30px;text-align:center;flex:0 0 30px}
.isum-note{margin:8px 0 4px;color:#dbe3f5;font-style:normal}
.isum-tally{display:flex;height:12px;border-radius:9px;overflow:hidden;background:rgba(255,255,255,.07);margin:10px 0 6px}
.isum-tally i{display:block;height:100%}
.isum-tally .y,.isum-vlist .v-y{background:#34d399}.isum-tally .n,.isum-vlist .v-n{background:#f87171}.isum-tally .a,.isum-vlist .v-a{background:#93a3c6}
.isum-nums{display:flex;flex-wrap:wrap;gap:4px 14px}
.isum-nums .y b{color:#34d399}.isum-nums .n b{color:#f87171}.isum-nums .a b{color:#c9d3ea}
.isum-vlist{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 2px}
.isum-vlist span{padding:1px 6px;border-radius:8px;font-size:1rem;background-clip:padding-box;border:2px solid transparent}
.isum-vlist .v-y{background:rgba(52,211,153,.25);border-color:#34d399}.isum-vlist .v-n{background:rgba(248,113,113,.22);border-color:#f87171}.isum-vlist .v-a{background:rgba(147,163,198,.2);border-color:#93a3c6}
.isum-vote{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}
.isum-vote .btn{min-height:46px;justify-content:center}
.isum-vote .btn.on.v-y{background:#1f9d6b;border-color:#34d399;color:#fff}
.isum-vote .btn.on.v-n{background:#b93c3c;border-color:#f87171;color:#fff}
.isum-vote .btn.on.v-a{background:#4b587a;border-color:#93a3c6;color:#fff}
.isum-wd{margin-top:8px}
.isum-fx .pill{white-space:nowrap}
.isum-fx .pill b{unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.isum-hist{border-top:1px solid var(--line,rgba(160,185,255,.13));padding:8px 0}
.isum-hist summary{cursor:pointer;min-height:36px;display:flex;align-items:center;gap:8px}
.is-busy{opacity:.6;pointer-events:none}
@media (hover:hover){.isum-kind:hover{border-color:rgba(242,189,61,.6)}.isum-vote .btn:hover{filter:brightness(1.1)}}
@media (min-width:640px){.isum-kinds{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){
  body.isum-wide .wrap{max-width:1180px;padding-inline:24px}
  .isum-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}
  .isum-col>.card:first-child,.isum-col>section:first-child{margin-top:0}
  .isum-inv-banner{max-width:620px}
}
.isum-form select.input{-webkit-appearance:none;appearance:none;background-color:rgba(6,15,38,.7) !important;color:var(--text,#f2f5fc) !important;border:1px solid var(--line2,rgba(160,185,255,.22));
  background-image:linear-gradient(45deg,transparent 50%,var(--gold,#f2bd3d) 50%),linear-gradient(135deg,var(--gold,#f2bd3d) 50%,transparent 50%) !important;background-position:left 20px center,left 14px center !important;background-size:6px 6px,6px 6px !important;background-repeat:no-repeat !important;padding-inline-end:36px}
.isum-form select.input option{background:#0f1f45;color:#f2f5fc}
.isum-form textarea.input{background:rgba(6,15,38,.7);color:var(--text,#f2f5fc)}
.isum-tri{display:flex;gap:4px;flex:0 0 auto}.isum-tri .pill{min-width:30px;justify-content:center;text-align:center}

/* ── map2.css ── */
/* سيادة — الخريطة الجديدة (map2.css). Night Gold. Animations are transform/opacity/dashoffset only. */
.smap{position:relative;width:100%;height:100%;min-height:320px;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;
  background:radial-gradient(120% 90% at 50% 35%,#10285a 0%,#0a1a3e 45%,#050d22 100%);border-radius:inherit;contain:strict}
.sm-sea{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sm-sea i{position:absolute;inset:-60px -260px;background:url(/map2/waves.svg) repeat;background-size:240px 60px;opacity:.9;will-change:transform;animation:smWave 14s linear infinite}
.sm-sea i+i{inset:-40px -260px;background-size:330px 82px;opacity:.55;animation-duration:22s;animation-direction:reverse}
@keyframes smWave{from{transform:translate3d(0,0,0)}to{transform:translate3d(240px,8px,0)}}
.smap::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 100% at 50% 45%,transparent 55%,rgba(2,6,18,.75) 100%)}
.sm-stage{position:absolute;inset:0;transform-origin:0 0;will-change:transform}
.sm-svg{width:100%;height:100%;display:block}
.sm-others path{fill:#0f1c38;stroke:#24365e;stroke-width:.8px;vector-effect:non-scaling-stroke}
.sm-inset{fill:rgba(10,22,50,.55);stroke:rgba(242,193,78,.35);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-dasharray:4 4}
.sm-ct{stroke:none;cursor:pointer;transition:filter .2s}
.sm-ct.on{filter:brightness(1.55) saturate(1.2)}
.sm-relief{fill:url(#smRelief);pointer-events:none;opacity:.5}
.sm-glow{fill:none;stroke:rgba(242,193,78,.22);stroke-width:5px;vector-effect:non-scaling-stroke;pointer-events:none;stroke-linejoin:round}
.sm-bord{fill:none;stroke:#e9bd55;stroke-width:.9px;vector-effect:non-scaling-stroke;pointer-events:none;stroke-linejoin:round;opacity:.9}
.sm-mine{fill:rgba(242,193,78,.16);stroke:#ffe08a;stroke-width:2.2px;vector-effect:non-scaling-stroke;pointer-events:none;stroke-opacity:.8;fill-opacity:.35}
@keyframes smMine{50%{stroke-opacity:.45;fill-opacity:.55}}
.sm-sel{fill:rgba(255,236,170,.12);stroke:#fff3c4;stroke-width:2.6px;vector-effect:non-scaling-stroke;pointer-events:none;stroke-linejoin:round}
.sm-rg{fill:#f2c14e;stroke:#0a1530;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.85;pointer-events:none}
.sm-rg.cap{fill:#fff1b8}
.sm-rg.occ{fill:#ff5a5a;stroke:#fff}
.sm-lb{fill:#f6dc97;font-family:inherit;font-weight:700;paint-order:stroke;stroke:rgba(5,12,30,.9);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linejoin:round;pointer-events:none}
.sm-lb.on{fill:#fff6d6}
.moving .sm-lb,.moving .sm-heads,.moving .sm-war-glow{transition:none}
/* wars */
.sm-war-glow{fill:none;stroke:rgba(255,60,60,.25);stroke-width:7px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.sm-war-line{fill:none;stroke:#ff4d4d;stroke-width:2.6px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-dasharray:10 8}
@keyframes smMarch{to{stroke-dashoffset:-18}}
.sm-head path{fill:#ff4d4d;stroke:#2a0505;stroke-width:1px;vector-effect:non-scaling-stroke}
.sm-bt{cursor:pointer}
.sm-bt-core{fill:#3a0b0b;stroke:#ff4d4d;stroke-width:1.5px;vector-effect:non-scaling-stroke}
.sm-bt-ring{fill:none;stroke:#ff4d4d;stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;opacity:.75}
.sm-bt-ring.r2{transform:scale(1.7);opacity:.35}
@keyframes smPulse{from{transform:scale(1);opacity:.9}to{transform:scale(2.3);opacity:0}}
/* you are here */
.sm-here-dot{fill:url(#smPin);stroke:#2b1d00;stroke-width:1.2px;vector-effect:non-scaling-stroke}
.sm-here-pulse{fill:rgba(255,215,106,.35);transform-box:fill-box;transform-origin:center;transform:scale(1.6);opacity:.6}
.sm-ping{fill:none;stroke:#ffd76a;stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:smPing .7s ease-out forwards}
@keyframes smPing{from{transform:scale(.2);opacity:1}to{transform:scale(1.4);opacity:0}}
/* travel */
.sm-trip-ghost{fill:none;stroke:rgba(255,231,160,.18);stroke-width:1.4px;vector-effect:non-scaling-stroke;stroke-dasharray:3 5}
.sm-trip-glow{fill:none;stroke:rgba(242,193,78,.35);stroke-width:9px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.sm-trip-line{fill:none;stroke:url(#smGold);stroke-width:3px;vector-effect:non-scaling-stroke;stroke-linecap:round}
.sm-plane path{fill:#fff3c4;stroke:#7a5300;stroke-width:1px;vector-effect:non-scaling-stroke}
.sm-plane-halo{fill:rgba(255,215,106,.28)}
.sm-dest-r{fill:none;stroke:#ffd76a;stroke-width:2px;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:smPulse 1.4s ease-out infinite}
.sm-dest-d{fill:#ffd76a}
.sm-trip.landed .sm-dest-d{fill:#fff}
/* controls + legend */
.sm-ctl{position:absolute;inset-inline-start:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);display:flex;flex-direction:column;gap:8px;z-index:3}
.fm .sm-ctl{bottom:auto;top:calc(env(safe-area-inset-top,0px) + 74px)}
.sm-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(242,193,78,.45);background:rgba(8,18,44,.82);color:#f6dc97;font-size:1.25rem;font-weight:700;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 18px rgba(0,0,0,.35)}
.sm-btn:active{transform:scale(.94)}
.sm-legend{position:absolute;inset-inline-end:12px;top:calc(env(safe-area-inset-top,0px) + 74px);z-index:3;font-size:.75rem;color:#ffd0d0;background:rgba(40,6,10,.7);border:1px solid rgba(255,77,77,.5);border-radius:999px;padding:4px 10px;display:flex;align-items:center;gap:6px}
.sm-legend i{width:18px;height:0;border-top:2px dashed #ff4d4d;display:inline-block}
.sm-presets{position:relative;z-index:2}
/* country card */
.sm-card{margin:-14px -14px 0;border-radius:20px;overflow:hidden}
.sm-hero{position:relative;height:150px;background:#0a1530;overflow:hidden}
.sm-hero>img{width:100%;height:100%;object-fit:cover;display:block;animation:smKen 18s ease-in-out infinite alternate}
.sm-hero-sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,12,30,.05) 30%,rgba(9,20,48,.96) 100%)}
.sm-hero-t{position:absolute;inset-inline:14px;bottom:10px;display:flex;align-items:flex-end;gap:10px}
.sm-hero-t h2{margin:0;font-size:1.35rem;color:#fff3c4;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.sm-flag{width:44px;height:30px;object-fit:cover;border-radius:6px;border:1px solid rgba(242,193,78,.6);box-shadow:0 2px 10px rgba(0,0,0,.5)}
.sm-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.sm-tag{font-size:.7rem;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.12);color:#e9eefc}
.sm-tag.gold{background:rgba(242,193,78,.22);color:#ffe08a;border:1px solid rgba(242,193,78,.45)}
.sm-tag.red{background:rgba(255,77,77,.2);color:#ffb3b3;border:1px solid rgba(255,77,77,.5)}
.sm-line{margin:10px 14px 0;font-size:.85rem;color:#d9c48f;line-height:1.7}
.sm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 14px 0}
.sm-st{background:rgba(255,255,255,.05);border:1px solid rgba(242,193,78,.18);border-radius:12px;padding:6px 4px;text-align:center;min-width:0}
.sm-st span{display:block;font-size:.66rem;color:#9fb0d6}
.sm-st b{display:block;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sm-war{margin:8px 14px 0;font-size:.82rem;color:#ffb3b3}
.sm-war a{color:#ff9e9e}
.sm-acts{display:flex;gap:6px;margin:12px 14px 14px;flex-wrap:wrap}
.sm-acts .btn{flex:1 1 auto;text-align:center}
.fm-sheet:has(.sm-card){padding:14px;overflow:hidden}
.fm-sheet .fm-x{z-index:2}
@keyframes smKen{from{transform:scale(1.02)}to{transform:scale(1.12) translate3d(-2%,-1%,0)}}
/* journey + arrival */
.sm-journey{position:fixed;inset:0;z-index:60;background:#050d22;opacity:0;transition:opacity .35s}
.sm-journey.in{opacity:1}
.sm-jmap{position:absolute;inset:0}
.sm-journey .smap{border-radius:0}
.sm-eta{position:absolute;inset-inline:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);z-index:4;margin:0 auto;max-width:420px;display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:12px 16px;border-radius:18px;background:rgba(8,18,44,.86);border:1px solid rgba(242,193,78,.5);color:#f6dc97;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.sm-eta b{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.sm-arrive{position:fixed;inset:0;z-index:61;overflow:hidden;background:#050d22;opacity:0;transition:opacity .45s}
.sm-arrive.in{opacity:1}
.sm-arrive.out{opacity:0}
.sm-a-bg{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(26px) brightness(.55) saturate(1.2);transform:scale(1.1)}
.sm-a-scene{position:absolute;inset-inline:0;top:0;height:min(64vh,118vw);overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
.sm-a-scene img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.16);transition:transform 9s cubic-bezier(.2,.6,.2,1)}
.sm-arrive.in .sm-a-scene img{transform:scale(1.02)}
@media (orientation:landscape){.sm-a-scene{top:0;bottom:0;max-height:none;aspect-ratio:auto;border:0}}
.sm-a-tint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,12,30,.25) 0%,transparent 25%,transparent 50%,rgba(5,12,30,.9) 85%),linear-gradient(0deg,color-mix(in srgb,var(--tint) 30%,transparent),transparent 60%);mix-blend-mode:normal}
.sm-a-dust{position:absolute;inset:0;pointer-events:none}
.sm-a-dust i{position:absolute;bottom:-10px;left:var(--x);width:3px;height:3px;border-radius:50%;background:#ffe9a3;box-shadow:0 0 6px #ffd76a;opacity:0;animation:smDust var(--d) linear var(--l) infinite}
@keyframes smDust{0%{transform:translate3d(0,0,0);opacity:0}15%{opacity:.8}100%{transform:translate3d(-30px,-80vh,0);opacity:0}}
.sm-a-txt{position:absolute;inset-inline:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 26px);max-width:520px;margin:0 auto;text-align:center;transform:translate3d(0,24px,0);opacity:0;transition:transform .6s .25s,opacity .6s .25s}
.sm-arrive.in .sm-a-txt{transform:none;opacity:1}
.sm-a-ban{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:1.15rem;font-weight:800;color:#2b1d00;background:linear-gradient(135deg,#fff1b8,#f2c14e 55%,#c9971c);box-shadow:0 8px 30px rgba(242,193,78,.45)}
.sm-a-ban img{width:30px;height:20px;border-radius:4px;object-fit:cover}
.sm-a-txt p{margin:14px 0 0;color:#fff6dc;font-size:1rem;line-height:1.8;text-shadow:0 2px 10px rgba(0,0,0,.8)}
.sm-a-acts{display:flex;gap:8px;justify-content:center;margin-top:16px}
.sm-a-acts .btn{min-width:120px}
@media (prefers-reduced-motion:reduce){.sm-sea i,.sm-war-line,.sm-bt-ring,.sm-here-pulse,.sm-mine,.sm-hero>img,.sm-a-dust i,.sm-dest-r{animation:none}.sm-a-scene img{transition:none}}

/* inside the existing full-screen map screen + the sign-up picker */
.smap{aspect-ratio:4/3;height:auto}
.fm-map .smap{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;border-radius:0;z-index:1}
.sm-jmap .smap{height:100%;aspect-ratio:auto}
.fm-map .sm-ctl{position:fixed;left:10px;right:auto;top:50%;bottom:auto;transform:translateY(-50%);z-index:5}
.fm-map .sm-legend{position:fixed;top:calc(env(safe-area-inset-top,0px) + 104px);z-index:5}

/* desktop & mouse (Oct 24) */
@media (hover:hover){.sm-ct.hov{filter:brightness(1.35) saturate(1.15)}}
.sm-tip{position:absolute;left:0;top:0;z-index:6;pointer-events:none;display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;background:rgba(8,18,42,.94);border:1px solid rgba(242,193,78,.45);color:#f6dc97;font-size:14px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.sm-tip[hidden]{display:none}
.sm-tip img{width:20px;height:14px;border-radius:2px;object-fit:cover}
.sm-tip .tiny{margin-inline-start:6px}
.fm-map .sm-ctl{top:calc(env(safe-area-inset-top,0px) + 104px);left:50%;transform:translateX(-50%);flex-direction:row}
@media (min-width:1024px){
  .fm-sheet:has(.sm-card){inset-inline:auto;inset-inline-start:24px;top:118px;bottom:auto;width:440px;max-width:440px;max-height:calc(100vh - 140px);overflow:auto;margin:0}
  .sm-a-scene{max-width:min(1600px,92vw);margin-inline:auto}
}

.sm-occ{margin:8px 0 0;padding:8px 10px;border-radius:10px;background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.35);font-size:13px;line-height:1.7}
.sm-occ .tiny{opacity:.85;margin-top:2px}

/* ── realm.css ── */
/* سيادة — «realm» drop-in: الموارد + المواسم + الانقلاب. Night Gold, RTL, mobile-first; wide grids from 1024px. No letter-spacing. */
.rl-h1{margin:6px 4px 10px;font-size:1.35rem}
.rl-h2{margin:4px 4px 8px;font-size:1.1rem}
.rl-grid{display:block}
.rl-col{min-width:0}
.rl-cards{display:grid;gap:0}
.rl-dim{opacity:.25}
.rl-note{margin:10px 0 0;line-height:1.7}
.rl-ic{font-size:1.25rem;width:1.8rem;text-align:center;flex:none}
/* season */
.rl-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.18),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.rl-title{margin:2px 0;font-size:1.5rem;color:#f5d77c}
.rl-crown{padding:14px 10px 4px;flex:none}
.rl-crown .av.lg{width:64px;height:64px}
.rl-countbox{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25)}
.rl-count{font-size:1.15rem;color:#f5d77c;font-weight:800;direction:rtl}
.rl-links{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.rl-mine{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
.rl-mine>div{background:rgba(5,12,32,.55);border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:8px 4px;text-align:center;display:flex;flex-direction:column;gap:2px}
.rl-mine b{font-size:1rem;color:#f5d77c}
.rl-tabs button{flex:none}
.rl-pos{display:inline-grid;place-items:center;min-width:1.9rem;height:1.9rem;border-radius:50%;background:rgba(255,255,255,.06);font-weight:800;font-size:.9rem;flex:none}
.rl-pos.p1{background:linear-gradient(180deg,#ffe48a,#c99424);color:#2a1a00}
.rl-pos.p2{background:linear-gradient(180deg,#eef2f7,#9aa7b6);color:#18202c}
.rl-pos.p3{background:linear-gradient(180deg,#f0b07a,#a2582a);color:#2a1206}
.rl-hall h2{margin:2px 0}
.rl-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(232,194,90,.35);background:linear-gradient(90deg,rgba(232,194,90,.12),rgba(8,17,40,.9))}
.rl-titles{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rl-title-chip{font-size:.78rem;padding:3px 10px;border-radius:999px;background:linear-gradient(180deg,rgba(255,228,138,.22),rgba(201,148,36,.18));border:1px solid rgba(232,194,90,.55);color:#f5d77c}
/* crown frame «تاج الموسم» (drawn with CSS + the existing crown icon) */
.frm.f-x-season{inset:-12%;border-radius:50%;border:3px solid #e8c25a;box-shadow:0 0 0 2px #6b4a10,0 0 14px rgba(255,208,90,.6),inset 0 0 0 2px rgba(255,241,176,.8);background:none}
.frm.f-x-season::after{content:"";position:absolute;left:50%;top:-34%;width:58%;height:46%;transform:translateX(-50%);background:url(/icons/crown.webp) center/contain no-repeat;filter:drop-shadow(0 2px 3px rgba(0,0,0,.55))}
/* resources */
.rl-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.rl-res{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 8px;border-radius:12px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.28);font-size:.8rem}
.rl-res b{font-weight:700}
.rl-ri{font-size:1.05rem;line-height:1}
.rl-st{display:inline-flex;gap:1px;align-items:center}
.rl-st i{display:inline-block;width:10px;height:10px;background:#f5c84c;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.rl-st i.off{opacity:.22}
.rl-reg{font-size:.72rem;opacity:.7}
.rl-tag{font-size:.7rem;padding:1px 6px;border-radius:999px;background:rgba(255,255,255,.08)}
.rl-tag.red{background:rgba(220,60,70,.22);color:#ffb4b4}
.rl-bars{display:grid;gap:6px;margin-top:10px}
.rl-bar{display:grid;grid-template-columns:7.5rem 1fr 3.4rem;align-items:center;gap:8px}
.rl-track{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.rl-track i{display:block;height:100%;background:linear-gradient(90deg,#c99424,#ffe48a);border-radius:99px}
.rl-bar b{text-align:left;color:#f5d77c;font-size:.85rem}
.rl-state.rl-focus{border-color:rgba(232,194,90,.6);box-shadow:0 0 0 1px rgba(232,194,90,.35)}
.rl-form{margin-top:10px}
.rl-form summary{list-style:none;cursor:pointer}
.rl-form summary::-webkit-details-marker{display:none}
.rl-form[open] summary{margin-bottom:8px}
.rl-form label{display:block;margin:8px 0 3px}
.rl-sheet{display:flex;flex-wrap:wrap;gap:5px;margin:6px 12px 0}
.rl-mini{font-size:.75rem;padding:3px 8px;border-radius:999px;background:rgba(5,12,32,.7);border:1px solid rgba(232,194,90,.3)}
.rl-mini i{font-style:normal;color:#f5c84c}
.rl-target{border-color:rgba(232,194,90,.45)}
.rl-cobonus{margin-top:8px;padding:6px 10px;border-radius:10px;background:rgba(232,194,90,.1);border:1px solid rgba(232,194,90,.3);font-size:.85rem}
.rl-cmini{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.rl-cm{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:rgba(5,12,32,.55);border:1px solid rgba(255,255,255,.08);text-decoration:none;color:inherit}
.rl-cm b{color:#f5d77c}
.rl-cm.red{border-color:rgba(220,60,70,.55);background:rgba(120,20,30,.25)}
.rl-deal{flex-direction:column;align-items:stretch;gap:8px}
.rl-dl-top{display:flex;align-items:center;gap:10px;min-width:0}
.rl-dl-acts{display:flex;gap:8px;flex-wrap:wrap}
.rl-dl-acts .btn{flex:1 1 auto}
/* coup + approval */
.rl-gauge{margin-top:6px}
.rl-gnum{font-size:2rem;font-weight:800;line-height:1.1}
.rl-gnum small{font-size:1rem;opacity:.7}
.rl-gauge.good .rl-gnum{color:#7be0a5}.rl-gauge.mid .rl-gnum{color:#f5d77c}.rl-gauge.bad .rl-gnum{color:#ff8c8c}
.rl-gtrack{position:relative;height:10px;border-radius:99px;background:rgba(255,255,255,.08);margin:6px 0 8px}
.rl-gtrack i{display:block;height:100%;border-radius:99px;background:#f5d77c}
.rl-gauge.good .rl-gtrack i{background:#2fa36b}.rl-gauge.bad .rl-gtrack i{background:#d9534f}
.rl-gmark{position:absolute;top:-4px;bottom:-4px;width:2px;background:#ff8c8c;opacity:.8}
.rl-parts{display:flex;flex-wrap:wrap;gap:6px}
.rl-part{font-size:.75rem;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.06)}
.rl-part.up b{color:#7be0a5}.rl-part.down b{color:#ff8c8c}
.rl-stance{margin-top:10px}
.rl-council{border-color:rgba(232,194,90,.5);display:flex;flex-direction:column;gap:6px}
.rl-motion{border-color:rgba(220,60,70,.6);background:linear-gradient(180deg,rgba(90,16,24,.45),rgba(8,17,40,.95))}
.rl-tally{margin:10px 0}
.rl-ttrack{position:relative;display:flex;height:14px;border-radius:99px;background:rgba(255,255,255,.08);overflow:visible}
.rl-ttrack i.y{background:#2fa36b;border-radius:99px 0 0 99px}
.rl-ttrack i.n{background:#d9534f;margin-inline-start:auto}
.rl-need{position:absolute;top:-5px;bottom:-5px;width:3px;background:#f5d77c;border-radius:2px}
.rl-tnums{display:flex;justify-content:space-between;gap:6px;margin-top:6px;font-size:.8rem;flex-wrap:wrap}
.rl-blocks,.rl-rules{margin:6px 0 0;padding-inline-start:18px;line-height:1.8}
.rl-blocks li{color:#ffcf9a}
.rl-tog{display:flex;align-items:center;gap:8px;margin:8px 0;font-size:.9rem}
.rl-tog input{width:20px;height:20px;accent-color:#e8c25a}
@media (max-width:380px){.rl-mine{grid-template-columns:repeat(3,1fr)}.rl-bar{grid-template-columns:6.4rem 1fr 3rem}}
/* desktop */
@media (min-width:1024px){
  body.rl-wide .wrap{max-width:1180px;padding-inline:24px}
  .rl-grid{display:grid;grid-template-columns:minmax(340px,5fr) 7fr;gap:16px;align-items:start}
  .rl-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .rl-cards>.card{margin:0}
  .rl-col>.card+.card{margin-top:12px}
  .rl-col .rl-cards{margin-top:0}
  .li:hover{background:rgba(232,194,90,.06)}
}
@media (prefers-reduced-motion:reduce){.rl-track i,.rl-gtrack i{transition:none}}

/* ── support.css ── */
/* سيادة — «🛟 الدعم الفني» (drop-in 5202c4f9). Night Gold; RTL; mobile-first with a two-column desk on desktop. No letter-spacing. */
.sp-head{display:flex;flex-direction:column;gap:12px;background:linear-gradient(160deg,#16305f 0%,#0f2147 70%);border-color:rgba(241,185,47,.35)}
.sp-head-t{display:flex;gap:12px;align-items:flex-start}
.sp-head h1,.sp-h1{margin:0;font-size:1.3rem;color:var(--gold2)}
.sp-head p{margin:2px 0 0}
.sp-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.5rem;background:rgba(241,185,47,.14);border:1px solid rgba(241,185,47,.4)}
.sp-head-a{display:flex;flex-wrap:wrap;gap:8px}
.sp-head-a .btn{flex:1 1 160px}
.sp-head-a [aria-disabled="true"]{opacity:.55}
.sp-list,.sp-inbox{display:flex;flex-direction:column;gap:6px}
.sp-inbox{padding:8px}
.sp-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--text);min-height:58px;position:relative}
.sp-row:hover{border-color:rgba(241,185,47,.5)}
.sp-row.unread{background:rgba(241,185,47,.08);border-color:rgba(241,185,47,.55)}
.sp-row-m{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.sp-row-m b{display:block;font-size:.98rem}
.sp-row-s{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.sp-cat{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:1.15rem;background:var(--card2);border:1px solid var(--line)}
.sp-row .ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-row-m b.ell{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sp-st{display:inline-block;font-size:.74rem;font-weight:800;border-radius:99px;padding:2px 10px;border:1px solid var(--line);white-space:nowrap}
.sp-st-open{color:#bfe0ff;background:rgba(76,141,255,.16);border-color:rgba(76,141,255,.5)}
.sp-st-wait{color:#1a1300;background:var(--gold);border-color:var(--gold)}
.sp-st-closed{color:var(--muted);background:rgba(255,255,255,.04)}
.sp-new{font-size:.7rem;font-weight:800;color:#fff;background:var(--red);border-radius:99px;padding:1px 8px}
.sp-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-inline-end:6px;vertical-align:middle}
.sp-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--red);color:#fff;font-size:.72rem;font-weight:800;margin-inline-start:6px}
.nav a{position:relative}
.nav a .sp-badge{position:absolute;top:6px;inset-inline-end:calc(50% - 22px);margin:0;min-width:18px;height:18px;font-size:.66rem}
.sp-empty{text-align:center;padding:26px 10px}
.sp-empty>div{font-size:2.2rem}
.sp-back{display:inline-block;margin:2px 4px 8px}
/* new ticket */
.sp-form h1{margin:0 0 8px;font-size:1.25rem;color:var(--gold2)}
.sp-form label{display:block;margin:12px 0 4px;font-weight:700;font-size:.92rem}
.sp-cats{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sp-cats legend{font-weight:700;font-size:.92rem;margin-bottom:6px;padding:0}
.sp-catopt{margin:0!important;cursor:pointer}
.sp-catopt input{position:absolute;opacity:0;pointer-events:none}
.sp-catopt span{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 10px;border-radius:14px;background:var(--card2);border:1px solid var(--line);font-weight:700;font-size:.92rem}
.sp-catopt i{font-style:normal;font-size:1.15rem}
.sp-catopt input:checked+span{border-color:var(--gold);background:rgba(241,185,47,.15);color:var(--gold2);box-shadow:0 0 0 1px var(--gold) inset}
.sp-catopt input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.sp-cnt{text-align:end;margin-top:2px}
.sp-att{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.sp-err{color:#ff9b98;min-height:1.2em;margin:8px 0}
.sp-prev{display:flex;align-items:center;gap:8px}
.sp-thumb{position:relative;display:inline-block}
.sp-thumb img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}
.sp-x{position:absolute;top:-8px;inset-inline-end:-8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--red);color:#fff;font-size:.75rem;cursor:pointer}
/* thread */
.sp-thead-t{display:flex;align-items:flex-start;gap:10px}
.sp-thead h1{margin:0;font-size:1.1rem;line-height:1.4}
.sp-note{margin-top:10px;padding:8px 10px;border-radius:12px;background:rgba(241,185,47,.1);border:1px solid rgba(241,185,47,.4);font-size:.88rem}
.sp-thread{display:flex;flex-direction:column;gap:10px;margin:12px 2px 16px}
.sp-msg{max-width:86%;padding:10px 12px;border-radius:18px;border:1px solid var(--line);background:var(--card);line-height:1.7}
.sp-msg.me{align-self:flex-start;border-start-start-radius:6px;background:#173a73;border-color:#2b5297}
.sp-msg.them{align-self:flex-end;border-start-end-radius:6px}
.sp-msg.staff{background:linear-gradient(160deg,#2a2410 0%,#1a2346 85%);border-color:rgba(241,185,47,.55)}
.sp-who{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:.82rem;margin-bottom:2px}
.sp-team{color:var(--gold2)}
.sp-sig,.sp-by{color:var(--muted);font-size:.76rem}
.sp-by{border:1px dashed var(--line);border-radius:99px;padding:0 6px}
.sp-body{white-space:normal;word-wrap:break-word;overflow-wrap:anywhere}
.sp-ts{font-size:.72rem;color:var(--muted);margin-top:4px;text-align:end}
.sp-filebtn{margin-top:6px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:10px;padding:6px 10px;color:var(--gold2);font-weight:700;font-size:.82rem;cursor:pointer;min-height:36px}
.sp-img{display:block;max-width:100%;max-height:320px;border-radius:12px;margin-top:6px;cursor:zoom-in;border:1px solid var(--line)}
.sp-full{display:block;max-width:100%;max-height:80vh;margin:0 auto;border-radius:12px}
.sp-compose{position:sticky;bottom:calc(var(--nav) + var(--safe) + 6px);z-index:5;background:rgba(15,33,71,.97);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 -6px 22px rgba(0,0,0,.35)}
.sp-compose textarea{min-height:56px}
.sp-compose-a{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px}
.sp-compose-a .btn.primary{margin-inline-start:auto}
.sp-closed{text-align:center}
.sp-busy{opacity:.6;pointer-events:none}
/* desk */
.sp-desk-h{display:flex;flex-direction:column;gap:10px}
.sp-tabs{display:flex;flex-wrap:wrap;gap:6px}
.sp-tabs button{flex:none;min-height:42px;padding:6px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card2);color:var(--muted);font-weight:800;cursor:pointer}
.sp-tabs button.on{color:#1a1300;background:var(--gold);border-color:var(--gold)}
.sp-n{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:99px;background:rgba(0,0,0,.25);font-size:.72rem;padding:0 5px}
.sp-n.hot{background:var(--red);color:#fff}
.sp-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sp-sel,select.input.sp-sel{min-height:44px;padding:8px 12px;padding-inline-start:34px;flex:1 1 180px;-webkit-appearance:none;appearance:none;background:#0c1c40 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23f1b92f' stroke-width='2'/%3E%3C/svg%3E") no-repeat left 12px center;color:var(--text);border:1px solid var(--line);border-radius:14px;font-weight:700;cursor:pointer}
.sp-sel option,select.input.sp-sel option{background:#0f2147;color:var(--text)}
.sp-chk{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;font-weight:700;cursor:pointer;min-height:44px}
.sp-chk input{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin:0;border-radius:7px;border:2px solid var(--gold);background:#0c1c40;display:inline-grid;place-items:center;cursor:pointer;flex:none}
.sp-chk input:checked{background:var(--gold)}
.sp-chk input:checked::after{content:'✓';color:#1a1300;font-weight:900;font-size:.85rem;line-height:1}
.sp-row.desk{border-inline-start-width:4px}
.sp-row.pri-urgent{border-inline-start-color:var(--red)}
.sp-row.pri-high{border-inline-start-color:#ff9f43}
.sp-row.pri-low{border-inline-start-color:#5b6b8f}
.sp-pri{font-size:.7rem;font-weight:800;border-radius:99px;padding:1px 8px;border:1px solid var(--line)}
.sp-pri.pri-urgent{background:var(--red);color:#fff;border-color:var(--red)}
.sp-pri.pri-high{background:rgba(255,159,67,.2);color:#ffc58a;border-color:#ff9f43}
.sp-pri.pri-low{color:var(--muted)}
.sp-canned{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:6px;scrollbar-width:thin}
.sp-chip{flex:none;min-height:36px;padding:4px 12px;border-radius:99px;border:1px solid rgba(241,185,47,.45);background:rgba(241,185,47,.08);color:var(--gold2);font-weight:700;font-size:.82rem;cursor:pointer}
.sp-chip:hover{background:rgba(241,185,47,.18)}
.sp-reply textarea{min-height:110px}
.sp-dside .card{margin-bottom:10px}
.sp-pl{display:flex;gap:10px;align-items:center;color:var(--text)}
.sp-pl>span:last-child{display:flex;flex-direction:column}
.sp-ctl label{display:block;margin:8px 0 4px;font-size:.85rem;font-weight:700;color:var(--muted)}
.sp-ctl .sp-sel{width:100%}
.sp-others{display:flex;flex-direction:column;gap:2px;margin-top:8px}
@media (min-width:900px){
  body.sp-wide .wrap{max-width:1120px;padding-inline:24px}
  body.sp-wide .top-in,body.sp-wide .nav-in{max-width:1120px}
  .sp-dgrid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
  .sp-dside{position:sticky;top:76px}
  .sp-msg{max-width:72%}
  .sp-head{flex-direction:row;align-items:center;justify-content:space-between}
  .sp-head-a{flex:none}
  .sp-head-a .btn{flex:none}
  .sp-cats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sp-form{max-width:760px;margin-inline:auto}
  body.sp-wide .sp-list,body.sp-wide .sp-inbox{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.sp-wide .sp-inbox .sp-empty,body.sp-wide .sp-list .sp-empty{grid-column:1/-1}
  .sp-compose{bottom:12px}
}
@media (prefers-reduced-motion:reduce){.sp-row,.sp-chip{transition:none}}

/* ── voyage.css ── */
/* سيادة — «✈️ السفر ٢» (voyage drop-in). Night Gold, RTL, mobile-first; no added tracking on Arabic; transform/opacity animations only. */
.sm-arrive.vy-hold{visibility:hidden}
.vy-w{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;overflow:hidden;background:#050c20;opacity:0;transition:opacity .25s ease;cursor:pointer;
  -webkit-tap-highlight-color:transparent;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}
.vy-w.in{opacity:1}.vy-w.out{opacity:0;transition:opacity .35s ease}
.vy-bg{position:absolute;inset:-4%;background:#0b1a3a center/cover no-repeat;transform:scale(1.14);opacity:0;animation:vyBg 2.9s cubic-bezier(.2,.7,.2,1) .35s forwards}
.vy-shade{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 42%,rgba(5,12,32,.05),rgba(5,12,32,.55) 60%,rgba(5,12,32,.92)),linear-gradient(180deg,rgba(5,12,32,.55),transparent 30%,transparent 55%,rgba(5,12,32,.85))}
.vy-run{position:absolute;inset-inline:0;bottom:22%;height:90px;pointer-events:none}
.vy-strip{position:absolute;inset-inline:6%;bottom:18px;height:3px;border-radius:3px;background:repeating-linear-gradient(90deg,rgba(255,227,154,.9) 0 26px,transparent 26px 46px);opacity:0;animation:vyStrip 1.3s ease .05s forwards}
.vy-plane{position:absolute;bottom:20px;left:50%;width:84px;height:84px;margin-left:-42px;color:var(--gold2,#ffe39a);filter:drop-shadow(0 6px 14px rgba(242,189,61,.55));
  transform:translate(-62vw,-46vh) rotate(18deg) scale(.6);animation:vyLand 1.05s cubic-bezier(.25,.6,.3,1) forwards, vyTaxi .9s ease-in 1.05s forwards}
.vy-plane svg{width:100%;height:100%}
.vy-puff{position:absolute;bottom:14px;left:50%;width:120px;height:26px;margin-left:-60px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,240,210,.75),transparent);opacity:0;transform:scale(.3);animation:vyPuff .7s ease-out .95s forwards}
.vy-card{position:relative;z-index:2;text-align:center;max-width:min(92vw,560px);opacity:0;transform:translateY(26px) scale(.96);animation:vyCard .6s cubic-bezier(.2,.8,.2,1.15) .85s forwards}
.vy-card h2{margin:10px 0 4px;font-size:clamp(1.55rem,6.6vw,2.6rem);line-height:1.35;color:#fff;text-shadow:0 3px 18px rgba(0,0,0,.6)}
.vy-card h2 b{display:block;color:var(--gold2,#ffe39a);font-size:1.18em;background:linear-gradient(180deg,#fff1c4,#f2bd3d 55%,#c98d16);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px rgba(242,189,61,.35))}
.vy-flag{width:86px;height:58px;object-fit:cover;border-radius:10px;box-shadow:0 0 0 2px rgba(255,227,154,.85),0 10px 30px -6px rgba(0,0,0,.7);background:#132a5a}
.vy-flag.sm{width:52px;height:35px;border-radius:7px}
.vy-lm{margin:0;color:#e8dcc0;font-size:clamp(.95rem,3.8vw,1.15rem);text-shadow:0 2px 10px rgba(0,0,0,.7)}
.vy-stamp{position:absolute;z-index:3;top:calc(14% + env(safe-area-inset-top));inset-inline-start:7%;width:clamp(118px,30vw,170px);aspect-ratio:1;opacity:0;transform:scale(2.6) rotate(-4deg);
  animation:vyStamp .42s cubic-bezier(.5,0,.75,0) 1.25s forwards}
.vy-s-in{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#ff6b5c;border:4px double rgba(255,107,92,.92);
  background:radial-gradient(closest-side,rgba(255,107,92,.12),rgba(255,107,92,.04));box-shadow:inset 0 0 0 7px rgba(5,12,32,.15);mix-blend-mode:screen;transform:rotate(-14deg);text-align:center;line-height:1.25}
.vy-s-in b{font-size:clamp(1rem,4.6vw,1.3rem);color:#ff7f6e}.vy-s-in small{font-size:.72rem;opacity:.95}.vy-s-in em{font-style:normal;font-size:.68rem;opacity:.85;margin-top:2px}
.vy-conf{position:absolute;inset:0;pointer-events:none;z-index:4}
.vy-conf i{position:absolute;top:-4%;left:var(--x);width:9px;height:15px;border-radius:2px;background:linear-gradient(180deg,#fff1c4,#f2bd3d 50%,#c98d16);opacity:0;
  transform:translate3d(0,0,0) rotate(var(--r)) scale(var(--s));animation:vyConf 1.9s cubic-bezier(.2,.6,.4,1) calc(1.3s + var(--d)) forwards}
.vy-conf i:nth-child(3n){width:7px;height:7px;border-radius:50%}.vy-conf i:nth-child(4n){background:linear-gradient(180deg,#ffe39a,#d4a017)}
.vy-skip{position:absolute;z-index:5;bottom:calc(18px + env(safe-area-inset-bottom));inset-inline-end:16px;background:rgba(5,12,32,.55);color:#f2f5fc;border:1px solid rgba(255,227,154,.35);border-radius:999px;padding:8px 16px;font:inherit;font-size:.9rem;cursor:pointer}
.vy-w .vy-card{animation-play-state:running}
.vy-w.shake .vy-card{animation:vyShake .3s}
@keyframes vyBg{0%{opacity:0;transform:scale(1.14)}25%{opacity:1}100%{opacity:1;transform:scale(1)}}
@keyframes vyStrip{to{opacity:.85}}
@keyframes vyLand{0%{transform:translate(-62vw,-46vh) rotate(18deg) scale(.6)}80%{transform:translate(-6vw,-1vh) rotate(3deg) scale(1)}100%{transform:translate(0,0) rotate(0) scale(1)}}
@keyframes vyTaxi{to{transform:translate(70vw,0) scale(.9);opacity:0}}
@keyframes vyPuff{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
@keyframes vyCard{to{opacity:1;transform:none}}
@keyframes vyStamp{0%{opacity:0;transform:scale(2.6) rotate(-4deg)}70%{opacity:1}88%{transform:scale(.94) rotate(0)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes vyConf{0%{opacity:0;transform:translate3d(0,0,0) rotate(var(--r)) scale(var(--s))}10%{opacity:1}100%{opacity:0;transform:translate3d(var(--dx),108vh,0) rotate(calc(var(--r) + 540deg)) scale(var(--s))}}
/* reduced motion: no flight, no confetti, no slam — a calm fade */
.vy-w.rm .vy-bg{animation:none;opacity:1;transform:none}.vy-w.rm .vy-run,.vy-w.rm .vy-conf{display:none}
.vy-w.rm .vy-card{animation:none;opacity:1;transform:none}.vy-w.rm .vy-stamp{animation:none;opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.vy-w *{animation:none!important;transition:none!important}.vy-w .vy-bg,.vy-w .vy-card,.vy-w .vy-stamp{opacity:1;transform:none}.vy-w .vy-run,.vy-w .vy-conf{display:none}}
@media (min-width:1024px){.vy-stamp{inset-inline-start:calc(50% - 360px);top:16%}.vy-run{bottom:18%}}
/* the airport sheet */
.vy-sheet{position:fixed;inset:0;z-index:8990;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,8,22,.45);opacity:0;transition:opacity .25s}
.vy-sheet.in{opacity:1}
.vy-sh-in{position:relative;width:min(100%,560px);background:linear-gradient(180deg,#14284f,#0b1a3a);border:1px solid rgba(255,227,154,.25);border-bottom:0;border-radius:22px 22px 0 0;
  padding:18px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(30px);transition:transform .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -14px 40px -10px rgba(0,0,0,.6)}
.vy-sheet.in .vy-sh-in{transform:none}
.vy-sh-h{display:flex;gap:12px;align-items:center;margin-bottom:12px}.vy-sh-h img{width:52px;height:35px;border-radius:7px;object-fit:cover;box-shadow:0 0 0 1px rgba(255,227,154,.6)}
.vy-x{position:absolute;top:10px;inset-inline-end:10px;background:none;border:0;color:var(--muted,#93a3c6);font-size:1.1rem;cursor:pointer;padding:6px}
.vy-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.vy-acts .btn{text-align:center}
.vy-reward{background:rgba(242,189,61,.12);border:1px solid rgba(242,189,61,.4);border-radius:12px;padding:8px 10px;margin:6px 0;color:var(--gold2,#ffe39a)}
/* the voyage page */
.vy-page{display:grid;gap:12px}.vy-h1{margin:6px 4px}
.vy-here{position:relative;overflow:hidden;min-height:132px;padding:0}
.vy-here-bg{position:absolute;inset:0;background:center/cover no-repeat;opacity:.55}
.vy-here-in{position:relative;display:flex;gap:12px;align-items:center;padding:16px;min-height:132px;background:linear-gradient(0deg,rgba(5,12,32,.9),rgba(5,12,32,.2))}
.vy-wal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.vy-wal div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,227,154,.14)}
.vy-wal img{width:30px;height:20px;border-radius:4px;object-fit:cover}.vy-wal span{font-size:.8rem;color:var(--muted,#93a3c6)}.vy-wal b{font-size:1.15rem;color:var(--gold2,#ffe39a)}
.vy-row{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-bottom:6px}
.vy-left img{width:28px;height:19px;border-radius:4px;object-fit:cover}
.vy-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:8px}
.vy-item{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:12px 8px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,227,154,.16)}
.vy-item.own{border-color:rgba(242,189,61,.5);background:rgba(242,189,61,.07)}.vy-ic{font-size:1.9rem;line-height:1}
.vy-bar{position:relative;height:10px;border-radius:10px;background:rgba(255,255,255,.08);margin:22px 4px 8px}
.vy-bar>i{position:absolute;inset-block:0;inset-inline-start:0;border-radius:10px;background:linear-gradient(90deg,#c98d16,#f2bd3d,#ffe39a)}
.vy-tier{position:absolute;top:-20px;transform:translateX(50%);font-size:.75rem;color:var(--muted,#93a3c6)}.vy-tier.done{color:var(--gold2,#ffe39a)}
.vy-tiers{display:grid;gap:4px;font-size:.85rem;color:var(--muted,#93a3c6);margin-bottom:10px}.vy-tiers .done{color:var(--gold2,#ffe39a)}
.vy-title{display:inline-block;margin:4px 0 6px;padding:4px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(242,189,61,.25),rgba(242,189,61,.08));color:var(--gold2,#ffe39a);border:1px solid rgba(242,189,61,.5)}
.vy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
.vy-st{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:12px;background:rgba(255,255,255,.03);opacity:.45;filter:grayscale(1)}
.vy-st.on{opacity:1;filter:none;background:rgba(242,189,61,.08);box-shadow:inset 0 0 0 1px rgba(242,189,61,.45)}
.vy-st img{width:36px;height:24px;border-radius:4px;object-fit:cover}.vy-st small{font-size:.68rem;text-align:center;line-height:1.3}
.vy-souv{display:flex;flex-wrap:wrap;gap:6px}.vy-souv span{padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,227,154,.18);font-size:.85rem}
.vy-banner{display:flex;gap:12px;align-items:center;border:1px solid rgba(242,189,61,.55);background:linear-gradient(90deg,rgba(242,189,61,.16),rgba(242,189,61,.04))}
.vy-b-ic{font-size:1.7rem}.vy-banner b{color:var(--gold2,#ffe39a)}
.vy-strip{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
@media (min-width:1024px){body.vy-wide .vy-page{grid-template-columns:1fr 1fr;align-items:start;max-width:1100px;margin:0 auto}body.vy-wide .vy-page>.vy-h1,body.vy-wide .vy-page>.vy-here,body.vy-wide .vy-page>.vy-col{grid-column:1/-1}}

/* exchange direction */
.vy-seg{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.vy-seg button{font:inherit;font-size:.85rem;padding:9px 6px;border-radius:12px;border:1px solid rgba(255,227,154,.2);background:rgba(255,255,255,.04);color:var(--text,#f2f5fc);cursor:pointer}
.vy-seg button.on{background:linear-gradient(180deg,rgba(242,189,61,.25),rgba(242,189,61,.08));border-color:rgba(242,189,61,.6);color:var(--gold2,#ffe39a)}
/* «في الجو الآن»: the ticker on every screen */
.vy-tick{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:8px 12px;border-radius:14px;text-decoration:none;color:var(--text,#f2f5fc);
  background:linear-gradient(90deg,rgba(242,189,61,.2),rgba(20,38,82,.7));border:1px solid rgba(242,189,61,.5);box-shadow:0 6px 18px -10px rgba(242,189,61,.6);overflow:hidden}
.vy-tk-pl{font-size:1.2rem;animation:vyBob 1.6s ease-in-out infinite}
.vy-av{flex:none}.vy-tk-fl{width:26px;height:17px;border-radius:3px;object-fit:cover;flex:none}
.vy-tk-t{flex:1;min-width:0;font-size:.86rem;line-height:1.45}.vy-tk-t b{color:var(--gold2,#ffe39a)}
.vy-tk-n{flex:none;font-size:.75rem;padding:2px 7px;border-radius:999px;background:rgba(242,189,61,.25)}
@keyframes vyBob{50%{transform:translateY(-3px)}}
/* the map panel */
.vy-airlist{position:fixed;z-index:6;top:calc(env(safe-area-inset-top,0px) + 152px);inset-inline-end:10px;width:min(300px,74vw);padding:8px 10px;border-radius:16px;
  background:rgba(11,26,58,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(242,189,61,.45)}
.vy-airlist h3{margin:0 0 6px;font-size:.95rem;color:var(--gold2,#ffe39a)}
.vy-al{display:flex;align-items:center;gap:8px;padding:6px 0;text-decoration:none;color:inherit;border-top:1px solid rgba(255,255,255,.06)}
.vy-al .grow{display:flex;flex-direction:column;min-width:0}.vy-al small{font-size:.72rem;color:var(--muted,#93a3c6)}
.vy-route img{width:16px;height:11px;border-radius:2px;object-fit:cover;vertical-align:middle}
.vy-al-t{color:var(--gold2,#ffe39a);font-size:1rem}
.vy-air .vy-arc{fill:none;stroke:#ffe39a;stroke-dasharray:4 4;stroke-opacity:.75;vector-effect:non-scaling-stroke;stroke-width:2!important}
.vy-air .vy-pl-body{fill:#ffe39a;stroke:#7a5208;stroke-width:.06}.vy-air .vy-pl-halo{fill:rgba(242,189,61,.25)}
@media (min-width:1024px){.vy-airlist{inset-inline-end:24px;top:118px;width:340px}}
@media (prefers-reduced-motion: reduce){.vy-tk-pl{animation:none}}

/* ── statecraft.css ── */
/* سيادة — «statecraft» drop-in: الدولة والاقتصاد. Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.sc-wrap{min-width:0}
.sc-h1{margin:6px 4px 10px;font-size:1.35rem}
.sc-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.sc-tabs::-webkit-scrollbar{display:none}
.sc-tabs a{flex:none;white-space:nowrap;gap:4px;padding:8px 12px;border-radius:999px;border:1px solid rgba(232,194,90,.25);background:rgba(8,17,40,.7);color:inherit;text-decoration:none;font-size:.88rem;min-height:40px;display:inline-flex;align-items:center}
.sc-tabs a.on{background:linear-gradient(180deg,#ffe48a,#c99424);color:#2a1a00;border-color:transparent;font-weight:800}
.sc-grid{display:block}.sc-col{min-width:0}
.sc-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.16),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.sc-hero h2{margin:0;color:#f5d77c}
.sc-flag{font-size:2rem;line-height:1;flex:none}.sc-flag.sm{font-size:1.3rem}
.sc-ic{font-size:1.25rem;width:1.8rem;text-align:center;flex:none}
.sc-big{font-size:1.35rem;color:#f5d77c}
.sc-stab{margin-top:12px;padding:10px 12px;border-radius:12px;background:rgba(5,12,32,.6);border:1px solid rgba(255,255,255,.08)}
.sc-bar{display:inline-block;flex:1 1 90px;min-width:60px;max-width:180px;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;vertical-align:middle}
.sc-stab .sc-bar{display:block;max-width:none;margin:8px 0 4px}
.sc-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c99424,#ffe48a)}
.sc-bar.ok i{background:linear-gradient(90deg,#2f9e6a,#7fe0a8)}.sc-bar.mid i{background:linear-gradient(90deg,#c98a24,#f2c14e)}.sc-bar.bad i{background:linear-gradient(90deg,#a8322e,#e7685f)}
.sc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sc-chip{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.sc-chip.up,.up{color:#7fe0a8}.sc-chip.up{border-color:rgba(127,224,168,.35)}
.sc-chip.down,.down{color:#f08b83}.sc-chip.down{border-color:rgba(240,139,131,.35)}
.sc-warn{margin-top:8px;font-size:.8rem;color:#f2c14e}
.sc-line{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.sc-line b{min-width:2.6rem;text-align:left}
.sc-taxes{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.sc-taxes span{font-size:.8rem;padding:6px 10px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.2)}
.sc-taxes b{color:#f5d77c}
.sc-px .sc-chip{min-width:4.2rem;justify-content:center}
.sc-spark{width:100%;height:42px;margin:6px 0}
.sc-spark polyline{fill:none;stroke:#f2c14e;stroke-width:1.6;vector-effect:non-scaling-stroke}
.sc-form{display:grid;gap:8px}
.sc-f{display:flex;align-items:center;gap:8px}
.sc-f span{flex:1;font-size:.88rem}
.sc-f input,.sc-f select,.sc-act input{width:7.5rem;min-height:42px;font-size:16px;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 10px}
.sc-f input:focus,.sc-act input:focus,.sc-f select:focus{outline:2px solid rgba(232,194,90,.7);outline-offset:1px}
.sc-f select{width:auto;max-width:60%}
.sc-f i{font-style:normal;color:var(--muted,#9aa7b6);font-size:.8rem}
.sc-sum{padding:4px 0}
.sc-act{gap:8px;margin-top:8px}
.sc-act input{flex:1;width:auto;min-width:0}
.sc-loan{margin-top:8px;padding:10px 12px;border-radius:12px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25)}
.sc-loan.bad{border-color:rgba(240,139,131,.5)}
.sc-rel{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:999px;color:#0b1430;background:var(--rc,#8d93a5);font-weight:700}
.sc-relrow{border-inline-start:3px solid var(--rc,#8d93a5)}
.sc-score{min-width:2.6rem;text-align:left;font-weight:800}
.sc-legend,.sc-maplegend{display:flex;flex-wrap:wrap;gap:10px;font-size:.78rem;margin:6px 0}
.sc-legend i,.sc-maplegend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:4px;vertical-align:middle}
.sc-acts{display:grid;gap:8px;margin:8px 0}
.btn.bad{background:linear-gradient(180deg,#d9534f,#9e2b27);color:#fff}
.btn.ghost.bad{background:transparent;color:#f08b83;border-color:rgba(240,139,131,.5)}
.sc-declare{margin-top:10px;padding:8px 10px;border-radius:12px;background:rgba(5,12,32,.5);border:1px solid rgba(240,139,131,.3)}
.sc-declare summary{cursor:pointer;font-weight:700;min-height:36px;display:flex;align-items:center}
.sc-occ{flex-wrap:wrap}
.sc-occ .sc-bar{display:block;max-width:none;margin-top:6px}
.sc-btns{display:flex;flex-wrap:wrap;gap:6px;width:100%;margin-top:6px}
.sc-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(232,194,90,.35);background:linear-gradient(90deg,rgba(232,194,90,.12),rgba(8,17,40,.9))}
.sc-evline{color:#f2c14e;margin-top:2px}
.sc-ev.on{border-inline-start:3px solid #f2c14e}
.sc-balance h3{margin:0 0 8px}
.sc-sides{display:flex;align-items:stretch;gap:8px}
.sc-side{flex:1;min-width:0;padding:8px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:3px}
.sc-side .num{color:#f5d77c;font-size:1.1rem}
.sc-vs{align-self:center}
/* map: relations mode, airspace red zones, regions that just joined, governments in exile */
.sc-mapctl{position:absolute;top:10px;inset-inline-start:10px;z-index:5;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.sc-mapctl .pill{min-height:36px;background:rgba(5,12,32,.85);border:1px solid rgba(232,194,90,.4)}
.sc-mapctl .pill.on{background:linear-gradient(180deg,#ffe48a,#c99424);color:#2a1a00}
.sc-airkey{font-size:.72rem;padding:4px 8px;border-radius:999px;background:rgba(5,12,32,.85);border:1px solid rgba(240,139,131,.5)}
.sc-airkey i{display:inline-block;width:12px;height:8px;margin-inline-end:4px;border:1.5px dashed #ff6b5e;vertical-align:middle}
.sc-maplegend{position:absolute;bottom:64px;inset-inline-start:10px;z-index:5;padding:6px 10px;border-radius:10px;background:rgba(5,12,32,.85);border:1px solid rgba(232,194,90,.3)}
.smap .sm-ct.sc-air-danger{stroke:#ff6b5e;stroke-width:1.6;stroke-dasharray:5 3;vector-effect:non-scaling-stroke}
.smap .sm-ct.sc-air-closed{stroke:#ff3b30;stroke-width:2.2;stroke-dasharray:2 2;vector-effect:non-scaling-stroke;filter:saturate(.6)}
.smap .sm-ct.sc-exile{opacity:.6}
.smap .sm-ct.sc-relmode{transition:fill .25s}
.smap .sc-halo{opacity:.85;stroke:#ffe48a;stroke-width:1.6;vector-effect:non-scaling-stroke;pointer-events:none}
@media (min-width:1024px){
  body.sc-wide .wrap{max-width:1180px}
  .sc-mapctl{top:58px;inset-inline-start:auto;inset-inline-end:10px}
  .sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
}

/* ── warzone.css ── */
/* سيادة — «🚨 مناطق الحرب» drop-in (batch 2). Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.wz-wrap{min-width:0;direction:rtl}
.wz-h1{margin:6px 4px 10px;font-size:1.35rem}
.wz-grid{display:block}.wz-col{min-width:0}
.wz-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.16),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.wz-hero h2{margin:0;color:#f5d77c}
.wz-red{border-color:rgba(231,104,95,.6)!important;box-shadow:0 0 0 1px rgba(231,104,95,.25),0 8px 24px rgba(168,50,46,.18)}
.wz-flag{font-size:2rem;line-height:1;flex:none}
.wz-ic{font-size:1.3rem;width:1.8rem;text-align:center;flex:none}
.wz-cn{white-space:nowrap}
.wz-tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);white-space:nowrap;vertical-align:middle}
.wz-tag.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}.wz-tag.bad{color:#f08b83;border-color:rgba(240,139,131,.4)}
.wz-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;align-items:center}
.wz-chip{font-size:.75rem;padding:3px 9px;border-radius:999px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25);white-space:nowrap}
.wz-chip.bad{color:#f08b83;border-color:rgba(240,139,131,.35)}
.wz-alert{margin-top:10px;padding:10px 12px;border-radius:12px;background:rgba(168,50,46,.18);border:1px solid rgba(231,104,95,.45);font-size:.88rem}
.wz-note{margin:8px 0;padding:8px 12px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.2);font-size:.85rem}
.wz-opt .btn,.wz-cross .btn{min-height:42px;min-width:5.5rem}
.btn.wz-warn,.modal .btn.wz-warn,.wz-wrap .btn.wz-warn{background:linear-gradient(180deg,#f2c14e,#c98a24)!important;color:#2a1a00!important;border-color:transparent!important;font-weight:800}
.wz-bar{display:block;height:8px;margin:6px 0 2px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;max-width:260px}
.wz-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#a8322e,#e7685f)}
.wz-reg{align-items:center;gap:10px}
.wz-fix{display:flex;gap:6px;align-items:center;flex:none}
.wz-fix input{width:4.2rem;min-height:42px;font-size:16px;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 8px;text-align:center}
.wz-fix input:focus{outline:2px solid rgba(232,194,90,.7);outline-offset:1px}
.wz-rules{margin:6px 0;padding-inline-start:1.2rem;line-height:1.8}
.wz-check{display:flex;gap:8px;align-items:flex-start;margin:10px 0;font-size:.88rem;line-height:1.6}
.wz-check input{width:20px;height:20px;flex:none;margin-top:3px;accent-color:#e8c25a}
.wz-btns{gap:8px;flex-wrap:wrap;margin-top:12px}
.wz-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}
.down{color:#f08b83}
@media (min-width:1024px){.wz-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}}
@media (max-width:380px){.wz-reg{flex-wrap:wrap}.wz-fix{width:100%;justify-content:flex-end}}

/* ── garrison.css ── */
.gar h3{margin:0 0 8px}
.gar-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.gar-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.gar-chip.str{border-color:rgba(212,160,23,.55);color:#e9c46a}
.gar-chip.ally{border-color:rgba(63,191,127,.5)}
.gar-chip.mil{border-color:rgba(217,83,79,.55)}
.gar-chip.siege{border-color:rgba(212,160,23,.7);background:rgba(212,160,23,.12)}
.gar-rule{margin:4px 0 10px;line-height:1.7}
.gar-h{margin:8px 0 6px;font-size:14px}
.gar-live{display:inline-block;margin-inline-start:6px;padding:1px 8px;border-radius:999px;font-size:11px;background:#c0392b;color:#fff}
.gar-feed{list-style:none;margin:0;padding:0;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.gar-feed li{display:flex;gap:8px;padding:6px 0;border-top:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.6}
.gar-feed li:first-child{border-top:0}
.gar-t{flex:0 0 auto;opacity:.6;font-size:11px;padding-top:2px}
.gar-feed .grow{flex:1;min-width:0;overflow-wrap:anywhere}
.gar-feed .gar-round,.gar-feed .gar-siege,.gar-feed .gar-fall{font-weight:700}
.gar-feed .gar-breach,.gar-feed .gar-brink{color:#f0a35e}
.gar-feed .gar-ally{color:#8fd18a}
.gar-occ{border:1px solid rgba(192,57,43,.45);background:rgba(192,57,43,.10);line-height:1.8}

/* ── food.css ── */
/* سيادة — «🌾 الأمن الغذائي» drop-in (batch 3). Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.fd-wrap{min-width:0;direction:rtl}
.fd-h1{margin:6px 4px 10px;font-size:1.35rem}
.fd-grid{display:block}.fd-col{min-width:0}
.fd-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.18),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.fd-hero h2{margin:0;color:#f5d77c}
.fd-alert-b{border-color:rgba(242,193,78,.7)!important;box-shadow:0 0 0 1px rgba(242,193,78,.2),0 8px 24px rgba(201,138,36,.18)}
.fd-top{align-items:center;gap:10px}
.fd-ic-big{font-size:2rem;line-height:1;flex:none}
.fd-ic{font-size:1.3rem;width:1.8rem;text-align:center;flex:none}
.fd-num{display:flex;flex-direction:column;align-items:flex-end;flex:none;text-align:end}
.fd-num b{font-size:1.6rem;color:#f5d77c;line-height:1.1}
.fd-gauge{position:relative;height:14px;margin:12px 0 4px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(232,194,90,.2)}
.fd-gauge i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c98a24,#f2c14e)}
.fd-gauge s{position:absolute;top:0;bottom:0;width:2px;background:#f08b83;text-decoration:none}
.fd-legend{justify-content:space-between;gap:8px;flex-wrap:wrap}
.fd-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fd-chip{font-size:.78rem;padding:3px 10px;border-radius:999px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25);white-space:nowrap}
.fd-chip.bad{color:#f08b83;border-color:rgba(240,139,131,.4)}.fd-chip.warn{color:#f2c14e;border-color:rgba(242,193,78,.45)}.fd-chip.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}
.fd-note{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.2);font-size:.86rem;line-height:1.6}
.fd-note.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}
.fd-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 6px}
.fd-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:rgba(5,12,32,.55);border:1px solid rgba(232,194,90,.18);min-width:0;text-align:center}
.fd-stats b{font-size:1.05rem;color:#f5d77c}.fd-stats span{font-size:.72rem;color:#a9b0c4;line-height:1.4}
.fd-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:4px 0 10px}
.fd-bar i{display:block;height:100%;background:linear-gradient(90deg,#3fbf7f,#8fd18a);border-radius:99px}
.btn.fd-go{width:100%;min-height:48px;font-size:1.05rem;background:linear-gradient(180deg,#f2c14e,#c98a24)!important;color:#2a1a00!important;border-color:transparent!important;font-weight:800}
.fd-field{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#a9b0c4;flex:1 1 8rem;min-width:0}
.fd-field input{min-height:44px;font-size:16px;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 10px;width:100%;box-sizing:border-box}
.fd-field input:focus{outline:2px solid rgba(232,194,90,.7);outline-offset:1px}
.fd-form{gap:10px;flex-wrap:wrap}
.fd-btns{gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.fd-btns .btn{min-height:44px;flex:1 1 7rem}
.fd-btns .btn.sm{flex:0 0 auto;min-height:40px}
.fd-est{min-height:1.2em;margin-top:6px}
.fd-lim{margin-top:8px}
.fd-rank{width:1.6rem;height:1.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(232,194,90,.15);color:#f5d77c;font-size:.8rem;flex:none}
.fd-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border-color:rgba(242,193,78,.55)!important}
.fd-fx .up,.fd-donors .up{color:#7fe0a8}.fd-fx .down,.fd-trade .down{color:#f08b83}
@media (min-width:1024px){.fd-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:14px;align-items:start}}
@media (max-width:360px){.fd-stats{grid-template-columns:1fr 1fr}}

/* ── medical.css ── */
/* سيادة — «🏥 المستشفيات الميدانية» drop-in (batch 4). Night Gold, RTL, mobile-first; two columns from 1024px. Arabic letters stay joined: no tracking anywhere. */
.md-wrap{min-width:0;direction:rtl}
.md-h1{margin:6px 4px 10px;font-size:1.35rem}
.md-grid{display:block}.md-col{min-width:0}
.md-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(127,224,168,.14),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.md-hero.md-hurt{background:radial-gradient(120% 90% at 85% 0%,rgba(240,139,131,.18),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border-color:rgba(240,139,131,.55)}
.md-hero h2,.md-clinic h2{margin:0;color:#f5d77c}
.md-head{align-items:center;gap:10px}
.md-ic-big{font-size:2rem;line-height:1;flex:none}
.md-ic{font-size:1.3rem;width:1.8rem;text-align:center;flex:none}
.md-num{display:flex;flex-direction:column;align-items:flex-end;flex:none;text-align:end}
.md-num b{font-size:1.6rem;color:#f08b83;line-height:1.1}
.md-tag{font-size:.78rem;padding:3px 10px;border-radius:999px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25);white-space:nowrap;flex:none}
.md-tag.on{color:#7fe0a8;border-color:rgba(127,224,168,.4)}.md-tag.off{color:#a9b0c4}
.md-open{border-color:rgba(127,224,168,.45)!important}
.md-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px;margin:12px 0 6px}
.md-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:rgba(5,12,32,.55);border:1px solid rgba(232,194,90,.18);min-width:0;text-align:center}
.md-stats b{font-size:1.05rem;color:#f5d77c}.md-stats span{font-size:.72rem;color:#a9b0c4;line-height:1.4}
.md-bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:6px 0 10px}
.md-bar i{display:block;height:100%;background:linear-gradient(90deg,#3fbf7f,#8fd18a);border-radius:99px}
.md-bar.warn i{background:linear-gradient(90deg,#c98a24,#f08b83)}
.md-note{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.2);font-size:.86rem;line-height:1.6}
.md-note.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}
.btn.md-go{width:100%;min-height:48px;margin-top:10px;font-size:1.05rem;background:linear-gradient(180deg,#f2c14e,#c98a24)!important;color:#2a1a00!important;border-color:transparent!important;font-weight:800}
.btn.md-btn{width:100%;min-height:44px;margin-top:10px}
.md-field{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#a9b0c4;margin-top:8px}
.md-field input{min-height:44px;font-size:16px;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 10px;width:100%;box-sizing:border-box}
.md-field input:focus{outline:2px solid rgba(232,194,90,.7);outline-offset:1px}
.md-est{min-height:1.2em;margin-top:6px}
.md-tre{margin-top:8px}
.md-how .li{align-items:flex-start;line-height:1.6}
.md-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border-color:rgba(240,139,131,.6)!important}
@media (min-width:1024px){.md-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;align-items:start}}

/* ── civildefense.css ── */
/* سيادة — «🦺 الدفاع المدني» drop-in (batch 4). Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.cdf-wrap{min-width:0;direction:rtl}
.cdf-h1{margin:6px 4px 10px;font-size:1.35rem}
.cdf-grid{display:block}.cdf-col{min-width:0}
.cdf-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.18),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.cdf-hero h2{margin:0;color:#f5d77c}
.cdf-alert{border-color:rgba(240,139,131,.65)!important;box-shadow:0 0 0 1px rgba(240,139,131,.18),0 8px 24px rgba(201,80,60,.16)}
.cdf-top{align-items:center;gap:10px}
.cdf-ic-big{font-size:2rem;line-height:1;flex:none}
.cdf-ic{font-size:1.3rem;width:1.8rem;text-align:center;flex:none}
.cdf-num{display:flex;flex-direction:column;align-items:flex-end;flex:none;text-align:end}
.cdf-num b{font-size:1.4rem;color:#f5d77c;line-height:1.1}
.cdf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cdf-chip{font-size:.78rem;padding:3px 10px;border-radius:999px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.25);white-space:nowrap}
.cdf-chip.bad{color:#f08b83;border-color:rgba(240,139,131,.4)}.cdf-chip.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}
.cdf-eh{align-items:center;gap:8px}
.cdf-txt{line-height:1.7;margin:8px 0}
.cdf-note{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(232,194,90,.2);font-size:.86rem;line-height:1.6}
.cdf-note.ok{color:#7fe0a8;border-color:rgba(127,224,168,.35)}
.cdf-gov,.cdf-plan,.cdf-don{margin-top:10px;padding:12px;border-radius:12px;background:rgba(5,12,32,.45);border:1px solid rgba(232,194,90,.22)}
.cdf-don{margin-top:12px}
.cdf-ph{justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.cdf-badge{font-size:.8rem;padding:3px 10px;border-radius:999px;background:rgba(242,193,78,.14);color:#f2c14e;border:1px solid rgba(242,193,78,.4)}
.cdf-relief{display:flex;align-items:baseline;gap:10px;margin:10px 0 6px;flex-wrap:wrap}
.cdf-relief b{font-size:1.8rem;color:#7fe0a8;line-height:1}
.cdf-relief span{font-size:.8rem;color:#a9b0c4;line-height:1.5;flex:1 1 10rem}
.cdf-prog-l{justify-content:space-between;font-size:.85rem;color:#a9b0c4;margin-top:6px}
.cdf-prog-l b{color:#f5d77c}
.cdf-bar{height:10px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:6px 0 10px;border:1px solid rgba(232,194,90,.18)}
.cdf-bar i{display:block;height:100%;background:linear-gradient(90deg,#c98a24,#f2c14e);border-radius:99px}
.cdf-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
.cdf-stats div{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:rgba(5,12,32,.55);border:1px solid rgba(232,194,90,.18);min-width:0;text-align:center}
.cdf-stats b{font-size:1.05rem;color:#f5d77c}.cdf-stats span{font-size:.72rem;color:#a9b0c4;line-height:1.4}
.cdf-fx{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.cdf-fx li{display:flex;align-items:center;gap:8px;font-size:.86rem;padding:6px 10px;border-radius:10px;background:rgba(5,12,32,.5)}
.cdf-fx li span:first-child{flex:1;min-width:0}
.cdf-bad{color:#f08b83}.cdf-ok{color:#7fe0a8}
.btn.cdf-go{width:100%;min-height:48px;font-size:1.02rem;background:linear-gradient(180deg,#f2c14e,#c98a24)!important;color:#2a1a00!important;border-color:transparent!important;font-weight:800;margin-top:10px}
.cdf-sub{text-align:center;margin-top:4px}
.cdf-form{gap:10px;flex-wrap:wrap;align-items:flex-end;margin-top:8px}
.cdf-form .btn{min-height:44px;flex:1 1 7rem}
.cdf-form .btn.cdf-go{margin-top:0;flex:1 1 12rem}
.cdf-field{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:#a9b0c4;flex:1 1 7rem;min-width:0}
.cdf-field input{min-height:44px;font-size:16px;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 10px;width:100%;box-sizing:border-box}
.cdf-field input:focus,.cdf-wrap .btn:focus-visible{outline:2px solid rgba(232,194,90,.75);outline-offset:1px}
.cdf-est{min-height:1.2em;margin-top:6px}
.cdf-list{margin:0;padding-inline-start:1.2rem;line-height:1.8}
.cdf-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(240,139,131,.45)}
body.cdf-wide .wrap{max-width:1180px;padding-inline:24px}
@media (max-width:360px){.cdf-stats{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){
  .cdf-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
}

/* ── campaign.css ── */
/* سيادة — «📣 الحملة الانتخابية» drop-in (batch 3). Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.cp-wrap{min-width:0;direction:rtl;letter-spacing:0}
.cp-tabs a[data-cp],.tabs a[data-cp]{white-space:nowrap}
.cp-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(242,189,61,.18),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(242,189,61,.38)}
.cp-hero-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cp-hero h2{margin:0;color:var(--gold2,#ffe39a)}
.cp-flag{font-size:2.2rem;line-height:1;flex:none}
.cp-gold{color:var(--gold,#f2bd3d);font-weight:700}
.cp-pick{display:flex;flex-direction:column;gap:2px;min-width:9.5rem;flex:0 1 12rem}
.cp-pick select{min-height:42px;font-size:16px;padding:4px 10px}
.cp-lead{margin:10px 0 8px;line-height:1.8}
.cp-label{padding:9px 12px;border-radius:12px;background:rgba(5,12,32,.6);border:1px dashed rgba(242,189,61,.45);font-size:.82rem;line-height:1.7;color:#e9dcb4}
.cp-grid{display:block;min-width:0}
.cp-el{min-width:0}
.cp-phase{margin:2px 0 10px;color:#cfd8ee}
.cp-poll{margin:6px 0 12px;padding:12px;border-radius:14px;background:linear-gradient(180deg,rgba(5,12,32,.72),rgba(10,22,52,.6));border:1px solid rgba(242,189,61,.22)}
.cp-poll.empty{padding:10px 12px}
.cp-poll-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.cp-bars{display:flex;flex-direction:column;gap:7px}
.cp-row{display:grid;grid-template-columns:minmax(4.5rem,8.5rem) minmax(0,1fr) 3.4rem;align-items:center;gap:8px;font-size:.86rem}
.cp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:5px}
.cp-lead-dot{width:7px;height:7px;border-radius:50%;background:var(--gold,#f2bd3d);box-shadow:0 0 8px var(--gold,#f2bd3d);flex:none}
.cp-bar{display:block;height:10px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
.cp-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(270deg,#c98d16,#f2bd3d 60%,#ffe39a);transition:width .5s ease}
.cp-pct{text-align:left;font-variant-numeric:tabular-nums;color:var(--gold2,#ffe39a)}
.cp-basis{margin-top:8px;line-height:1.7}
.cp-hist{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.cp-chip{font-size:.74rem;padding:3px 9px;border-radius:999px;background:rgba(5,12,32,.6);border:1px solid rgba(242,189,61,.22);white-space:nowrap}
.cp-hist-btn{margin-top:8px;min-height:38px}
.cp-sub{font-size:.98rem;margin:4px 0 8px;color:#e6ebf7}
.cp-cands{display:flex;flex-direction:column;gap:8px}
.cp-cand{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);min-width:0}
.cp-cand.me{border-color:rgba(242,189,61,.5);background:rgba(242,189,61,.06)}
.cp-cand-h{display:flex;align-items:center;gap:10px;min-width:0}
.cp-cand-h .grow{min-width:0}
.cp-int{display:flex;flex-direction:column;align-items:center;flex:none;padding:4px 9px;border-radius:12px;background:rgba(5,12,32,.6);border:1px solid rgba(242,189,61,.25);line-height:1.25}
.cp-int b{color:var(--gold2,#ffe39a);font-size:1rem}.cp-int small{color:var(--muted,#93a3c6);font-weight:400}
.cp-plat{margin:8px 0 0;padding:8px 12px;border-inline-start:3px solid var(--gold,#f2bd3d);border-radius:8px;background:rgba(5,12,32,.45);font-size:.9rem;line-height:1.85;color:#eef1f8;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cp-plat.open{display:block;-webkit-line-clamp:unset}
.cp-more{background:none;border:0;color:var(--gold,#f2bd3d);font:inherit;font-size:.8rem;padding:4px 0;cursor:pointer;min-height:32px}
.cp-noplat{margin-top:6px}
.cp-meta{margin-top:6px}
.cp-nom{margin-top:10px}
.cp-mine{border:1px solid rgba(242,189,61,.45);box-shadow:0 8px 28px rgba(201,141,22,.12)}
.cp-mine-el{margin-bottom:12px}
.cp-ta{width:100%;margin-top:6px;min-height:6.2rem;font-size:16px;line-height:1.8;resize:vertical}
.cp-ta-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
.cp-ta-f .btn{margin-inline-start:auto;min-height:42px}
.cp-count{font-variant-numeric:tabular-nums}.cp-count.bad{color:#f08b83}
.cp-rally{padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.cp-rally p{line-height:1.8;margin:4px 0 8px}
.cp-amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.cp-amt{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:58px;padding:6px 4px;border-radius:12px;font:inherit;font-weight:800;color:#f2f5fc;background:rgba(5,12,32,.6);border:1px solid rgba(242,189,61,.25);cursor:pointer}
.cp-amt small{font-weight:400;font-size:.68rem;color:var(--muted,#93a3c6)}
.cp-amt .tiny{font-weight:600;color:#9fe0b8}
.cp-amt.on{background:linear-gradient(180deg,rgba(242,189,61,.3),rgba(201,141,22,.22));border-color:var(--gold,#f2bd3d);box-shadow:0 0 0 1px rgba(242,189,61,.35)}
.cp-amt:focus-visible,.cp-more:focus-visible{outline:2px solid var(--gold,#f2bd3d);outline-offset:2px}
.cp-wallet{margin:8px 0}
.cp-note{margin:6px 0;padding:8px 12px;border-radius:10px;background:rgba(5,12,32,.6);border:1px solid rgba(242,189,61,.2);font-size:.85rem}
.cp-rally-btns{display:flex;gap:8px;flex-wrap:wrap}
.cp-go{flex:1 1 12rem;min-height:46px}
.cp-btns{gap:8px;flex-wrap:wrap;margin-top:12px}
.cp-strip{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;border:1px solid rgba(242,189,61,.35)}
.cp-ic{font-size:1.3rem;width:1.8rem;text-align:center;flex:none}
.cp-hlist{display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow:auto;margin-top:8px}
.cp-hday{padding:8px 10px;border-radius:10px;background:rgba(5,12,32,.5);border:1px solid rgba(255,255,255,.08);line-height:1.7}
@media (min-width:1024px){
  body.cp-wide .wrap{max-width:1180px;padding-inline:24px}
  .cp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
  .cp-grid>.card{margin:0}
  .cp-mine{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:4px 18px;align-items:start}
  .cp-mine>.card-h{grid-column:1/-1}
  .cp-mine .cp-rally{grid-column:2;grid-row:2/span 3;border-top:0;padding-top:0;border-inline-start:1px solid rgba(255,255,255,.08);padding-inline-start:18px}
}
@media (max-width:380px){.cp-row{grid-template-columns:minmax(3.8rem,6rem) minmax(0,1fr) 3rem}.cp-amts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ── diplomacy.css ── */
/* سيادة — «diplomacy» drop-in (batch 2): القروض بين الدول والجامعة العربية. Night Gold, RTL, mobile-first; two columns from 1024px. No letter-spacing. */
.dp-wrap{min-width:0}
.dp-h1{margin:6px 4px 10px;font-size:1.35rem}
.dp-tabs{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;margin-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dp-tabs::-webkit-scrollbar{display:none}
.dp-tabs a{flex:none;white-space:nowrap;padding:8px 12px;border-radius:999px;border:1px solid rgba(232,194,90,.25);background:rgba(8,17,40,.7);color:inherit;text-decoration:none;font-size:.88rem;min-height:40px;display:inline-flex;align-items:center;gap:4px}
.dp-tabs a.on{background:linear-gradient(180deg,#ffe48a,#c99424);color:#2a1a00;border-color:transparent;font-weight:800}
.dp-grid{display:block}.dp-col{min-width:0}
.dp-hero{background:radial-gradient(120% 90% at 85% 0%,rgba(232,194,90,.16),transparent 60%),linear-gradient(180deg,rgba(18,34,74,.95),rgba(8,17,40,.95));border:1px solid rgba(232,194,90,.35)}
.dp-hero p{line-height:1.8}
.dp-ic{font-size:1.4rem;width:2rem;text-align:center;flex:none}
.dp-big{font-size:1.35rem;color:#f5d77c}
.dp-sub{font-size:1.02rem;margin:14px 4px 8px;color:#f5d77c}
.dp-loan{align-items:flex-start;gap:8px;flex-wrap:wrap}
.dp-acts{display:flex;gap:6px;flex-wrap:wrap;align-self:center}
.dp-prog{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.dp-bar{display:inline-block;flex:1 1 110px;max-width:220px;height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.dp-bar i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#c99424,#ffe48a)}
.dp-res{border:1px solid rgba(232,194,90,.22)}
.dp-note{margin:10px 0 4px;padding:8px 12px;border-inline-start:3px solid #c99424;background:rgba(5,12,32,.55);border-radius:8px;font-size:.9rem;line-height:1.7}
.dp-tally{display:flex;height:10px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08);margin:10px 0 6px}
.dp-tally i{display:block;height:100%;width:0}
.dp-tally .yes{background:linear-gradient(90deg,#2f9e6a,#7fe0a8)}.dp-tally .no{background:linear-gradient(90deg,#a8322e,#e7685f)}.dp-tally .abs{background:#5b6478}
.dp-counts{display:flex;gap:12px;flex-wrap:wrap}
.dp-flags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.dp-fl{font-size:1.1rem;padding:2px 4px;border-radius:8px;border:1px solid rgba(255,255,255,.1);line-height:1.2}
.dp-fl-yes{border-color:rgba(127,224,168,.55)}.dp-fl-no{border-color:rgba(240,139,131,.55)}.dp-fl-abs{opacity:.7}
.dp-votes{display:flex;gap:8px;margin-top:10px}
.dp-votes .btn{flex:1;min-height:42px}
.dp-v-no{color:#f08b83}
.dp-form{display:grid;gap:10px}
.dp-f{display:flex;align-items:center;gap:8px}
.dp-f span{flex:1;font-size:.88rem}
.dp-f i{font-style:normal;color:var(--muted,#9aa7b6);font-size:.8rem}
.dp-f input,.dp-f select,.dp-f textarea{min-height:42px;font-size:16px;font-family:inherit;color:#f4f1e6;background:rgba(5,12,32,.75);border:1px solid rgba(232,194,90,.35);border-radius:10px;padding:0 10px}
.dp-f input{width:7.5rem}.dp-f select{max-width:62%}
.dp-f[hidden]{display:none}
.dp-f.dp-col1{flex-direction:column;align-items:stretch}
.dp-f textarea{width:100%;padding:8px 10px;resize:vertical;line-height:1.7}
.dp-f input:focus,.dp-f select:focus,.dp-f textarea:focus{outline:2px solid rgba(232,194,90,.7);outline-offset:1px}
.dp-strip{padding:4px 10px}
.dp-strip .li{text-decoration:none;color:inherit}
.dp-sev .li{padding:6px 0}
@media (min-width:1024px){
  body.dp-wide .wrap{max-width:1180px}
  .dp-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;align-items:start}
  .dp-hero{position:sticky;top:12px}
}
@media (max-width:380px){.dp-f{flex-wrap:wrap}.dp-f select{max-width:100%;width:100%}}

/* ── quick.css ── */
/* «⚡ الوصول السريع» (Oct 25) */
.qa-fab{position:fixed;left:12px;bottom:calc(var(--safe, 0px) + 92px);z-index:35;width:52px;height:52px;border-radius:50%;border:1px solid rgba(233,194,90,.55);background:radial-gradient(circle at 35% 30%,#24407a,#0b1a3a);color:#fff;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.45);padding:0}
.qa-fab[hidden],.qa-ping[hidden]{display:none}
.qa-fab:active{transform:scale(.94)}
.qa-badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e53935;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 0 0 2px #0b1a3a}
.qa-badge.in{position:static;box-shadow:none;margin-inline-start:6px}
.qa-ping{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 1px);left:50%;transform:translateX(-50%);z-index:45;font-size:10px;line-height:14px;padding:1px 6px;border-radius:8px;background:rgba(5,12,28,.72);color:#cfd8e3;pointer-events:none;direction:rtl;font-variant-numeric:tabular-nums}
.qa-ping.good{color:#6ee7a0}.qa-ping.mid{color:#ffd76a}.qa-ping.bad{color:#ff7b7b}
.qa-note{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 10px);left:10px;right:10px;z-index:90;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:rgba(14,30,66,.97);border:1px solid rgba(233,194,90,.5);color:#fff;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.5);transform:translateY(-130%);transition:transform .3s ease}
.qa-note.in{transform:translateY(0)}
.qa-note span{font-size:.85rem;color:#cfd8e3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa-sheet .qa-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.qa-sheet .qa-head h2{margin:0;font-size:1.15rem}
.qa-flag{font-size:1.6rem}
.qa-status{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.qa-chip{font-size:.78rem;padding:3px 9px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.qa-chip.red{background:rgba(229,57,53,.2);border-color:rgba(229,57,53,.5)}.qa-chip.green{background:rgba(46,160,90,.2);border-color:rgba(46,160,90,.5)}
.qa-row{margin:8px 0;padding:8px 0;border-top:1px solid rgba(255,255,255,.08)}
.qa-l{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}
.qa-ctl{display:flex;gap:6px}.qa-ctl select{flex:1;min-width:0}
.qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}
.qa-grid .btn,.qa-ctl .btn{margin:0;min-height:40px;padding:6px 10px;font-size:.88rem;text-align:center;justify-content:center}
.qa-links{margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.qa-top{display:block;width:100%;margin:0 0 10px}
.qa-list{display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow:auto;margin-bottom:6px}
.qa-th{display:flex;flex-wrap:wrap;align-items:center;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.05);color:inherit;text-decoration:none}
.qa-th .qa-prev{flex-basis:100%;font-size:.8rem;color:#aab6c6;margin-top:2px}
/* compact government screen on phones: less padding between the decision cards and buttons */
@media (max-width:480px){.qa-compact .card{padding:12px 12px;margin-bottom:10px}.qa-compact .card h3{margin:0 0 6px}.qa-compact .btn{min-height:40px;padding:7px 12px}.qa-compact .row{gap:6px}}

.qa-occ{margin:6px 0;padding:8px 10px;border-radius:10px;background:rgba(192,57,43,.12);border:1px solid rgba(192,57,43,.35);line-height:1.7}

/* ── npc.css ── */
/* سيادة — «🏛️ الحكومات» (npc.js). RTL; Arabic text keeps normal letter-spacing. */
.npc-page{display:flex;flex-direction:column}
.npc-top{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.npc-top b{font-size:1.05rem}
.npc-back{font-size:1.6rem;line-height:1;padding:4px 8px;color:var(--gold2)}
.npc-face{display:inline-block;width:52px;height:52px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:var(--card2);border:2px solid var(--gold)}
.npc-face img{width:100%;height:auto;transform:translateY(-6%) scale(1.9);transform-origin:50% 0;display:block}
.npc-face.sm{width:42px;height:42px;border-width:1px}
.av.lg.npc-face{width:64px;height:64px}
.npc-msgs{padding:12px 4px 190px;display:flex;flex-direction:column;gap:8px}
.npc-b{max-width:86%;padding:9px 12px;border-radius:16px;line-height:1.6;font-size:.98rem;word-wrap:break-word}
.npc-b.them{align-self:flex-start;background:var(--card2);border:1px solid var(--line);border-start-start-radius:4px}
.npc-b.me{align-self:flex-end;background:rgba(241,185,47,.16);border:1px solid rgba(241,185,47,.4);border-start-end-radius:4px}
.npc-b.typing .npc-t{color:var(--muted)}
.npc-t{white-space:pre-wrap}
.npc-ts{font-size:.72rem;color:var(--muted);margin-top:3px}
.npc-acts{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.npc-act{font-size:.8rem;padding:3px 8px;border-radius:10px;background:rgba(47,191,113,.14);border:1px solid rgba(47,191,113,.4)}
.npc-act.no{background:rgba(239,83,80,.12);border-color:rgba(239,83,80,.45)}
.npc-hint,.npc-busy{align-self:center;text-align:center;font-size:.88rem;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:10px 12px;max-width:92%}
.npc-busy{color:var(--gold2)}
.npc-foot{position:fixed;left:0;right:0;bottom:calc(var(--nav) + var(--safe) + 12px);z-index:40;padding:10px 12px 8px;background:linear-gradient(180deg,rgba(11,26,58,0),var(--bg) 26%)}
body.npc-chat .qa-fab{display:none}
.npc-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.npc-chips::-webkit-scrollbar{display:none}
.npc-chip{flex:0 0 auto;font:inherit;font-size:.82rem;padding:6px 10px;border-radius:14px;background:var(--card);color:var(--text);border:1px solid var(--line);cursor:pointer}
.npc-form{display:flex;gap:8px;align-items:flex-end}
.npc-form textarea{flex:1;font:inherit;font-size:16px;resize:none;max-height:120px;padding:11px 12px;border-radius:14px;background:var(--bg2);color:var(--text);border:1px solid var(--line)}
.npc-form .btn{min-width:52px;padding:10px}
.npc-row{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);color:var(--text)}
.npc-row:last-child{border-bottom:0}
.npc-row.off{opacity:.6}
.npc-row .btn.sm{min-height:40px;padding:8px 12px}
.npc-amb summary{cursor:pointer;font-weight:800;padding:4px 0}
.npc-pick{max-width:40%;min-height:40px;padding:4px 6px;font-size:.9rem}
.npc-govs h1{font-size:1.2rem}
.npc-inline{color:var(--gold2)}
.npc-letters{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.qa-fab{position:fixed}
.npc-dot{position:absolute;top:2px;inset-inline-start:2px;width:11px;height:11px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--bg)}
.npc-dot[hidden]{display:none}
.sm-st .npc-inline{font-size:.78rem;white-space:normal;line-height:1.3;display:inline-block}

/* ── raqaba.css ── */
/* «🛡️ الرقابة» (Oct 25): the moderator's frame, badge and «لوحة الرقابة» */
.frm.f-mod{inset:-10%;border-radius:50%;background:conic-gradient(from 0deg,#19e3c0,#0b6b5e,#d8fff6,#0f8f7c,#c0c8d0,#11c9a8,#19e3c0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4.5px));
  box-shadow:0 0 12px rgba(25,227,192,.7),0 0 3px #d8fff6;animation:frm-mod 4s linear infinite}
@keyframes frm-mod{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.frm.f-mod{animation:none}}
.pill.mod-pill{background:linear-gradient(90deg,#0b6b5e,#14a58c);color:#fff;border-color:#19e3c0;letter-spacing:normal;white-space:nowrap}
.mod-open{background:linear-gradient(90deg,#0b6b5e,#14a58c)!important;border-color:#19e3c0!important;color:#fff!important}
.rq-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 8px}
.rq-tabs a{flex:0 0 auto;padding:8px 12px;border-radius:999px;border:1px solid rgba(25,227,192,.35);background:rgba(11,107,94,.18);color:inherit;text-decoration:none;font-size:14px}
.rq-tabs a.on{background:linear-gradient(90deg,#0b6b5e,#14a58c);color:#fff;border-color:#19e3c0}
.rq-head{display:flex;align-items:center;gap:10px;margin:6px 4px 10px}
.rq-head h1{margin:0;font-size:22px}
.rq-note{font-size:12px;opacity:.75;margin:0 4px 8px}
.rq-msg{display:flex;gap:8px;align-items:flex-start;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.07)}
.rq-msg .grow{min-width:0}
.rq-msg .rq-body{white-space:pre-wrap;word-break:break-word;margin-top:2px}
.rq-msg .rq-meta{font-size:12px;opacity:.7}
.rq-acts{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.rq-acts button{font-size:12px;padding:4px 8px}
.rq-sq{display:flex;align-items:center;gap:8px;padding:10px;border-bottom:1px solid rgba(255,255,255,.07);color:inherit;text-decoration:none}
.rq-log .li{display:block}
.rq-card{border-color:rgba(25,227,192,.35)!important}

/* «نظام الآيدي» + «بلا دولة» (Oct 25) */
.pid-row{display:flex;justify-content:center;align-items:center;gap:6px;margin:4px 0;flex-wrap:wrap}
.pid{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);font-size:.82rem;color:var(--muted,#b9c0cc);letter-spacing:normal;white-space:nowrap}
.pid b{color:var(--text,#fff);font-weight:700}
.pid.mini{padding:0 6px;font-size:.68rem;vertical-align:middle}
.pid.sp{color:#2a1a00;background:linear-gradient(110deg,#f6d365 0%,#fff3c4 25%,#e6b422 50%,#fff3c4 75%,#f6d365 100%);background-size:220% 100%;border-color:#f0c040;box-shadow:0 0 10px rgba(240,192,64,.55);animation:pidGlow 2.6s linear infinite}
.pid.sp b{color:#3a2200}
@keyframes pidGlow{0%{background-position:0% 0}100%{background-position:220% 0}}
@media (prefers-reduced-motion:reduce){.pid.sp{animation:none}}
.pid-copy{border:1px solid rgba(255,255,255,.2);background:transparent;color:inherit;border-radius:999px;padding:2px 10px;font:inherit;font-size:.78rem;cursor:pointer;letter-spacing:normal}
.char-card .card-h{flex-wrap:wrap;gap:6px}
.nostate,.nostate-chip{color:#cfe3ff}
.nostate-card{border:1px solid rgba(120,170,255,.35)}

/* ── install.css ── */
/* «📲 ثبّت اللعبة» (Oct 31) — every [data-install] element stays hidden unless install.js marks <html>.sy-can-install */
html:not(.sy-can-install) [data-install]{display:none!important}
.sy-inst-btn{display:inline-flex;align-items:center;gap:6px;margin:0 auto 8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(232,193,92,.55);background:rgba(232,193,92,.10);color:#f3d27a;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;line-height:1.3}
.sy-inst-btn:active{transform:scale(.97)}
.sy-inst-tip{position:fixed;inset:0;z-index:10050;display:flex;align-items:flex-end;justify-content:center;background:rgba(3,8,22,.62);padding:16px 12px calc(16px + env(safe-area-inset-bottom));direction:rtl}
.sy-inst-card{width:100%;max-width:420px;background:#0e1f47;color:#f2f5fc;border:1px solid rgba(232,193,92,.4);border-radius:16px;padding:16px 16px 12px;box-shadow:0 10px 40px rgba(0,0,0,.5);text-align:right}
.sy-inst-h{display:block;font-size:1.05rem;margin-bottom:6px}
.sy-inst-p{margin:0 0 12px;line-height:1.8;font-size:.95rem}
.sy-inst-ico{display:inline-block;font-size:1rem}