/* سيادة — 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%;transform:translateX(-50%);width:100%;max-width:420px;aspect-ratio:2/3;pointer-events:none;z-index:4}
.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}}