@font-face{font-family:"Amiri";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/amiri-400.woff) format("woff")}
@font-face{font-family:"Amiri";font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/amiri-700.woff) format("woff")}
@font-face{font-family:"Cairo";font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fonts/cairo-var.woff) format("woff")}
:root{--bg:#f1ecd9;--surface:#e6dfc4;--text:#1d1a10;--muted:#5b5535;--gold:#7d5500;--green:#176a30;--red:#a52a2a;--line:#c9bf94;--gold-bg:#b07a10;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){
 :root:not([data-theme="light"]){--bg:#0d0f08;--surface:#171a0e;--text:#ece6cc;--muted:#a49f7c;--gold:#e0a82e;--gold-bg:#e0a82e;--green:#6bdc8a;--red:#e06a5a;--line:#2e3320}
}
:root[data-theme="dark"]{--bg:#0d0f08;--surface:#171a0e;--text:#ece6cc;--muted:#a49f7c;--gold:#e0a82e;--gold-bg:#e0a82e;--green:#6bdc8a;--red:#e06a5a;--line:#2e3320}
html{scroll-behavior:smooth;scroll-padding-top:calc(env(safe-area-inset-top,0px) + 124px)}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Cairo","Segoe UI",Tahoma,sans-serif;line-height:1.9;font-size:17px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);background:var(--bg);z-index:10}
h1, h2, h3{font-family:"Amiri","Traditional Arabic",serif;margin:0}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}
header.hero{text-align:center;padding:56px 0 36px;border-bottom:1px solid var(--line)}
.portrait{display:block;width:min(100%,520px);height:auto;margin:0 auto 22px;border-radius:14px;border:2px solid var(--gold);box-shadow:0 0 32px rgba(107,220,138,.35)}
@keyframes p{50%{box-shadow:0 0 6px var(--green)}}
h1{font-size:clamp(2.4rem,9vw,4rem);color:var(--gold);line-height:1.2}
.sub{color:var(--muted);margin:6px 0 0}
.runes{direction:ltr;letter-spacing:.35em;color:var(--gold);font-size:1.1rem;margin-top:14px;opacity:.85}
nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:14px 0;border-bottom:1px solid var(--line)}
nav a{color:var(--text);text-decoration:none;border:1px solid var(--line);padding:2px 14px;border-radius:20px;font-size:.9rem}
nav a:hover{border-color:var(--gold);color:var(--gold)}
section{padding:34px 0;border-bottom:1px solid var(--line)}
h2{font-size:2rem;color:var(--gold);margin-bottom:12px}
.fan{background:var(--red);color:#fff}
table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:10px;overflow:hidden}
td{padding:8px 14px;border-bottom:1px solid var(--line)}
td:first-child{color:var(--muted);width:34%}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.card h3{color:var(--gold);font-size:1.3rem}
.card p{margin:4px 0 0;color:var(--muted);font-size:.95rem}
.tl{border-inline-start:2px solid var(--gold);padding-inline-start:18px;margin:0}
.tl li{list-style:none;margin-bottom:16px;position:relative}
.tl li::before{content:"";position:absolute;inset-inline-start:-25px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--gold-bg)}
.tl b{color:var(--gold)}
.vault{background:var(--surface);border:1px dashed var(--red);border-radius:12px;padding:16px}
.vault .top{color:var(--red);font-weight:800;letter-spacing:.1em}
button{font:inherit;cursor:pointer;background:var(--gold-bg);color:#0d0f08;border:0;border-radius:10px;padding:6px 18px;font-weight:600;margin-top:8px}
.file{display:none;margin-top:14px}
.file.open{display:block}
.file h3{color:var(--red);margin-top:14px}
.redact{background:var(--text);color:var(--text);border-radius:3px;padding:0 4px;cursor:pointer;transition:.25s}
.redact.on{background:transparent;color:var(--gold)}
.crops{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.crops figure{margin:0}
.crop{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background-size:300% auto;background-repeat:no-repeat;background-color:#0b0b0b;transition:transform .25s}
.crop:hover{transform:scale(1.03);border-color:var(--gold)}
.crops figcaption{text-align:center;color:var(--muted);font-size:.9rem;margin-top:6px}
.stats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.stat b{display:block;font-family:"Amiri",serif;font-size:1.5rem;color:var(--gold);line-height:1.3}
.stat span{color:var(--muted);font-size:.9rem}
blockquote{margin:0 0 12px;background:var(--surface);border-inline-start:4px solid var(--gold);border-radius:10px;padding:12px 16px;font-family:"Amiri",serif;font-size:1.25rem}
.note{color:var(--muted);font-size:.85rem;margin-top:10px}
.page[hidden]{display:none!important}
[hidden]{display:none!important}
.gbar{display:flex;justify-content:space-between;color:var(--muted);margin:6px 0;font-size:.95rem}
.page{position:fixed;inset:0;z-index:50;background:var(--bg);overflow-y:auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 0 calc(env(safe-area-inset-bottom,0px) + 40px)}
.page h3{color:var(--gold);font-size:1.35rem;margin:18px 0 4px}
.back{background:transparent;color:var(--gold);border:1px solid var(--gold);font:inherit;border-radius:10px;padding:2px 14px;cursor:pointer;margin:0 0 8px}
.place{display:block;width:100%;height:auto;border-radius:12px;border:2px solid var(--gold)}
.cap{text-align:center;color:var(--muted);font-size:.9rem;margin-top:6px}
.gbar b{color:var(--gold)}
#gCanvas{display:block;width:100%;aspect-ratio:2/1;border-radius:12px;border:2px solid var(--gold);background:#10140a}
.gcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:10px}
.grow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.gcard b{color:var(--gold);font-size:1.15rem}
#gStats{color:var(--muted);font-size:.85rem}
.gcard label{display:block;font-size:.8rem;color:var(--muted);margin-top:6px}
.meter{height:9px;background:var(--line);border-radius:6px;overflow:hidden;margin:3px 0}
.meter i{display:block;height:100%;width:20%;background:var(--green);transition:width .3s}
.meter.sus i{background:var(--red);width:0}
.lures{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}
.lures.t3{grid-template-columns:repeat(3,1fr)}
.lures button{margin:0;padding:10px 6px;line-height:1.4}
.lures button small{display:block;font-weight:400;font-size:.72rem;opacity:.85}
.gmsg{min-height:3.6em;margin:10px 0 4px}
.glog{color:var(--muted);font-size:.82rem;min-height:4.6em;line-height:1.6}
footer{padding:28px 0 40px;color:var(--muted);font-size:.85rem;text-align:center}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.bar{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 16px;flex-wrap:wrap}
.logo{font-family:"Amiri",serif;font-size:1.5rem;color:var(--gold);text-decoration:none;font-weight:700;margin-inline-end:auto}
.links{display:flex;gap:2px;flex-wrap:wrap}
.links a{color:var(--text);text-decoration:none;padding:6px 10px;border-radius:8px;font-size:.95rem}
.links a:hover, .links a.on{background:var(--surface);color:var(--gold)}
.burger{display:none;margin:0;background:transparent;color:var(--gold);border:1px solid var(--gold);padding:2px 12px;font-size:1.2rem}
@media (max-width:820px){
 .burger{display:block}
 .links{display:none;width:100%;flex-direction:column}
 .navopen .links{display:flex}
 .links a{padding:12px;border-bottom:1px solid var(--line)}
}
.btn{display:inline-block;margin:8px 6px 0;padding:10px 22px;border-radius:12px;background:#e0a82e;color:#0d0f08;text-decoration:none;font-weight:700}
.btn.ghost{background:transparent;color:#e0a82e;border:1px solid #e0a82e}
.thumb{aspect-ratio:16/9;background-repeat:no-repeat;background-color:#0b0b0b}
.nums{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));text-align:center}
.nums b{display:block;font-family:"Amiri",serif;font-size:2.4rem;color:var(--gold)}
.nums span{color:var(--muted)}
.news li{margin-bottom:10px}
.badge{display:inline-block;background:var(--green);color:#06130a;border-radius:10px;padding:0 8px;font-size:.75rem;margin-inline-start:6px}
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s,transform .6s}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
 .js .reveal{opacity:1;transform:none;transition:none}
}
.foot{text-align:start;border-top:1px solid var(--line);margin-top:30px}
.fgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.foot a{color:var(--muted);text-decoration:none;display:inline-block;margin:0 0 6px 12px}
.foot a:hover{color:var(--gold)}
.foot b{color:var(--gold)}
.form label{display:block;margin:12px 0 4px;color:var(--muted)}
.form input, .form textarea{width:100%;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}
.sres a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:8px 0;color:var(--text);text-decoration:none}
.sres a b{color:var(--gold)}
.comments{border-top:1px solid var(--line);margin-top:24px}
.cmsg{color:var(--muted);min-height:1.4em;margin:6px 0 0}
.clist{margin-top:16px}
.cm{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:10px}
.cm .who{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.cm .who b{color:var(--gold)}
.cm .who small{color:var(--muted)}
.cm p{margin:6px 0 8px;white-space:pre-wrap;word-break:break-word}
.vote{margin:0 0 0 8px;padding:3px 12px;background:transparent;color:var(--text);border:1px solid var(--line);font-weight:400}
.vote.on{border-color:var(--gold);color:var(--gold)}
.trailer{display:block;width:100%;border-radius:12px;border:2px solid var(--gold);background:#000}
.vid{margin-bottom:10px}
.mute{margin:0;padding:2px 10px;background:transparent;border:1px solid var(--line);color:var(--text);font-size:1rem}
.gbar{align-items:center;flex-wrap:wrap;gap:6px}
.vote[disabled]{opacity:.6}
.del{margin:0;padding:0 8px;background:transparent;border:1px solid var(--line);color:var(--muted);font-size:.8rem;font-weight:400;border-radius:8px}
.del:hover{color:var(--red);border-color:var(--red)}
.chat-rules{color:var(--muted);font-size:.9rem}
.chat-list{height:420px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.chat-empty{color:var(--muted);text-align:center;margin:auto}
.cmsg2{max-width:82%;align-self:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:14px 14px 4px 14px;padding:8px 12px}
.cmsg2.me{align-self:flex-end;border-color:var(--gold);border-radius:14px 14px 14px 4px}
.cmsg2 .ch{display:flex;align-items:center;gap:8px}
.cmsg2 .ch b{color:var(--gold);font-size:.9rem}
.cmsg2 .ch small{color:var(--muted);font-size:.72rem}
.cmsg2 p{margin:4px 0 0;white-space:pre-wrap;word-break:break-word}
.cmsg2 img{display:block;max-width:100%;max-height:260px;border-radius:10px;margin-top:6px;cursor:zoom-in}
.cact{margin:0;margin-inline-start:auto;padding:0 6px;background:transparent;border:0;color:var(--muted);font-size:.85rem;font-weight:400}
.chat-form{margin-top:10px}
.chat-name{width:100%;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.chat-row{display:flex;gap:8px;align-items:flex-end;margin-top:8px}
.chat-row textarea{flex:1;resize:none;min-height:46px;max-height:120px;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit}
.chat-attach{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:1.2rem;flex:none}
.chat-send{margin:0;height:46px;flex:none}
.chat-prev{position:relative;display:inline-block;margin-top:8px}
.chat-prev img{max-height:110px;border-radius:10px;display:block}
.chat-prev .cact{position:absolute;top:4px;left:4px;background:rgba(0,0,0,.6);color:#fff;border-radius:8px}
.chat-note{color:var(--muted);min-height:1.2em;font-size:.85rem;margin:6px 0 0}
.chat-lb{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:20px;cursor:zoom-out}
.chat-lb img{max-width:100%;max-height:100%;border-radius:10px}
.chat-prev:empty{display:none}
.top{background:color-mix(in srgb,var(--bg) 86%,transparent)}
.bar{max-width:1120px;gap:12px}
.logo{display:inline-flex;align-items:center;gap:6px}
.hcta{padding:7px 16px;border-radius:10px;background:var(--gold-bg);color:#0d0f08;text-decoration:none;font-weight:700;font-size:.92rem;white-space:nowrap}
.links .ic{margin-inline-end:8px}
@media (min-width:821px){
 .links .ic{display:none}
 .burger{display:none}
 .links{margin-inline-start:auto}
}
@media (max-width:820px){
 .logo{margin-inline-end:auto}
 .burger{display:block}
 .links{order:5;display:none;width:100%;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px;margin:4px 0 10px}
 .navopen .links{display:flex}
 .links a{padding:12px 10px;border-bottom:1px solid var(--line)}
 .links a:last-child{border-bottom:0}
}
.home section{border-bottom:0}
.home .hero3{max-width:1120px;margin:0 auto;padding:18px 16px 6px;display:grid;gap:18px;align-items:center}
.h3-art{order:-1;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:16/11;border:1px solid var(--line);box-shadow:0 24px 60px -24px rgba(107,220,138,.45)}
.h3-art img{width:100%;height:100%;object-fit:cover;object-position:62% 28%;display:block}
.h3-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45))}
.eyebrow{display:inline-block;font-size:.8rem;color:var(--green);border:1px solid var(--line);border-radius:999px;padding:2px 12px;background:var(--surface)}
.hero3 h1{font-size:clamp(2.6rem,10vw,4.6rem);color:var(--gold);line-height:1.15;margin:10px 0 6px}
.hero3 p{color:var(--muted);font-size:1.08rem;margin:0}
.h3-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.h3-cta .btn{margin:0}
.btn.ghost{color:var(--gold);border-color:var(--gold)}
.h3-stats{display:flex;gap:22px;margin-top:18px}
.h3-stats b{display:block;font-family:"Amiri",serif;font-size:1.8rem;color:var(--text);line-height:1.2}
.h3-stats span{color:var(--muted);font-size:.82rem}
@media (min-width:860px){
 .home .hero3{grid-template-columns:1.05fr 1fr;padding:48px 16px 20px}
 .h3-art{order:2;aspect-ratio:4/3}
}
.chips{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 2px;max-width:1120px;margin:0 auto;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;text-decoration:none;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.92rem}
.chips a:hover{border-color:var(--gold);color:var(--gold)}
.home .wrap{max-width:1120px}
.sec-h{margin-bottom:14px}
.sec-h h2{font-size:1.9rem;position:relative;padding-inline-start:14px;margin:0}
.sec-h h2::before{content:"";position:absolute;inset-inline-start:0;top:.3em;bottom:.3em;width:4px;border-radius:4px;background:var(--gold-bg)}
.sec-h p{margin:2px 0 0;color:var(--muted)}
.cards2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:760px){
 .cards2{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.card3{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);transition:transform .2s,border-color .2s,box-shadow .2s}
.card3:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 14px 30px -18px rgba(0,0,0,.7)}
.card3 .thumb{aspect-ratio:4/3;background-repeat:no-repeat;background-color:#0b0b0b}
.card3 .t{padding:10px 12px 12px}
.card3 h3{color:var(--gold);font-size:1.15rem;line-height:1.4}
.card3 p{margin:2px 0 0;color:var(--muted);font-size:.82rem;line-height:1.6}
.tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:5px;margin-bottom:12px}
.tab{flex:1;margin:0;background:transparent;color:var(--muted);border:0;border-radius:10px;padding:10px 6px;font-weight:600}
.tab.on{background:var(--gold-bg);color:#0d0f08}
.panel2{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px}
.community .chat-list{background:var(--bg)}
.community .comments{border-top:0;margin-top:0}
.community .cm{background:var(--bg)}
.info2{display:grid;gap:14px}
@media (min-width:860px){
 .info2{grid-template-columns:1.3fr 1fr}
}
.box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}
.box h3{color:var(--gold);font-size:1.4rem;margin:0 0 8px}
.box .news{margin:0;padding-inline-start:18px}
.box .nums{grid-template-columns:repeat(2,1fr)}
.box .nums div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px}
.foot{margin-top:24px;border-top:1px solid var(--line);background:var(--surface);text-align:start;padding:28px 0 calc(env(safe-area-inset-bottom,0px) + 18px)}
.foot .fgrid{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:760px){
 .foot .fgrid{grid-template-columns:1.4fr 1fr 1fr}
}
.foot b{display:block;color:var(--text);margin-bottom:6px}
.foot a{display:block;color:var(--muted);text-decoration:none;margin:0 0 6px}
.foot a:hover{color:var(--gold)}
.foot .logo{color:var(--gold);font-family:"Amiri",serif;font-size:1.5rem;font-weight:700;display:inline-flex}
.foot p{color:var(--muted);margin:4px 0 0}
.fbot{max-width:860px;margin:18px auto 0;padding:12px 18px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;text-align:center}
.lures.l8{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.lures.l8 button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:10px 4px;border-radius:14px;background:var(--surface);color:var(--text);border:1px solid var(--line);font-weight:600;transition:transform .12s,border-color .2s,opacity .2s}
.lures.l8 button:hover{border-color:var(--gold);color:var(--gold)}
.lures.l8 button:active{transform:scale(.96)}
.lures.l8 .li{font-size:1.4rem;line-height:1}
.lures.l8 .lt{font-size:.86rem}
.lures.l8 button.used{opacity:.5;border-style:dashed}
.bar{padding:14px 18px}
.logo{font-size:1.85rem}
.hcta{padding:10px 20px;font-size:1rem;border-radius:12px}
.burger{padding:5px 14px;font-size:1.35rem;border-radius:12px}
.ticker{display:flex;align-items:stretch;height:40px;background:linear-gradient(90deg,rgba(224,168,46,.07),rgba(107,220,138,.07));overflow:hidden;border-top:1px solid var(--line)}
.tk-label{flex:none;display:flex;align-items:center;padding:0 14px;background:var(--gold-bg);color:#0d0f08;font-weight:800;font-size:.9rem;white-space:nowrap;box-shadow:0 0 18px rgba(224,168,46,.35);z-index:1}
.tk-view{flex:1;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tk-track{position:absolute;top:0;inset-inline-start:0;height:100%;display:flex;align-items:center;white-space:nowrap;animation:tk var(--dur,120s) linear infinite;will-change:transform}
.tk-track span{padding:0 16px;color:var(--text);font-size:.95rem}
.tk-track span::before{content:"✦";color:var(--gold);margin-inline-end:16px}
.ticker:hover .tk-track, .ticker:active .tk-track{animation-play-state:paused}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(50%)}}
@media (prefers-reduced-motion:reduce){
 .tk-track{animation:none;position:static}
 .tk-view{overflow-x:auto}
}
@media (max-width:820px){
 .logo{font-size:1.6rem}
 .bar{padding:12px 14px}
 .tk-label{padding:0 10px;font-size:.82rem}
 .tk-track span{font-size:.9rem}
}
.top .bar{padding:14px 18px}
.top .logo{font-size:1.85rem}
.hcta{padding:10px 20px;font-size:1rem;border-radius:12px}
.burger{padding:6px 14px;font-size:1.4rem}
@media (min-width:821px){
 .links a{padding:8px 12px;font-size:1rem}
}
.ticker{display:flex;align-items:center;height:38px;overflow:hidden;font-size:.92rem;background:linear-gradient(90deg,rgba(224,168,46,.07),transparent 35%,transparent 65%,rgba(224,168,46,.07))}
.tk-l{flex:none;height:100%;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--gold-bg);color:#0d0f08;font-weight:800;font-size:.88rem;box-shadow:0 0 18px rgba(224,168,46,.35)}
.tk-l::before{content:"";width:8px;height:8px;border-radius:50%;background:#b3261e;animation:tkp 1.6s infinite}
@keyframes tkp{0%{box-shadow:0 0 0 0 rgba(179,38,30,.7)}70%{box-shadow:0 0 0 8px rgba(179,38,30,0)}100%{box-shadow:0 0 0 0 rgba(179,38,30,0)}}
.tk-w{flex:1;min-width:0;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.tk-m{display:inline-flex;align-items:center;white-space:nowrap;animation:tkm 300s linear infinite;will-change:transform}
.ticker:hover .tk-m, .ticker:active .tk-m{animation-play-state:paused}
@keyframes tkm{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.tk-i{direction:rtl;color:var(--text)}
.tk-sep{color:var(--gold);padding:0 16px;font-size:.62rem}
@media (prefers-reduced-motion:reduce){
 .tk-m{animation:none}
 .tk-w{overflow-x:auto}
}
.cre section{border-bottom:0}
.cre-hero{position:relative;overflow:hidden;padding:60px 0 44px;background:radial-gradient(ellipse at 75% -10%,rgba(107,220,138,.14),transparent 55%),radial-gradient(ellipse at 10% 120%,rgba(179,38,30,.12),transparent 50%),linear-gradient(180deg,#080a07,#11150e)}
.fog{position:absolute;inset:-30% -60%;background:radial-gradient(closest-side,rgba(210,220,200,.09),transparent 70%) 0 0/38% 46%;animation:fog 46s linear infinite;pointer-events:none}
.fog.f2{animation-duration:70s;animation-direction:reverse;opacity:.7;background-size:52% 60%;top:-10%}
@keyframes fog{from{transform:translateX(0)}to{transform:translateX(-30%)}}
.cre-hero .wrap{position:relative;z-index:1}
.cre-hero h1{font-size:clamp(2.3rem,9vw,3.8rem);color:#e8e2c8;line-height:1.25;margin:12px 0 8px;text-shadow:0 0 30px rgba(107,220,138,.25)}
.cre-hero p{color:#a8a283;max-width:640px;font-size:1.08rem}
.cre-hero .btn{margin-top:14px}
@media (prefers-reduced-motion:reduce){
 .fog{animation:none}
}
.cre-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:6px}
.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px}
.seg button, .gen button{margin:0;background:transparent;color:var(--muted);border:0;font-weight:600}
.seg button{padding:7px 14px;border-radius:9px}
.seg button.on{background:var(--gold-bg);color:#0d0f08}
.gen{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.gen::-webkit-scrollbar{display:none}
.gen button{flex:none;padding:6px 13px;border:1px solid var(--line);border-radius:999px}
.gen button.on{border-color:var(--gold);color:var(--gold)}
.st-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:720px){
 .st-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1040px){
 .st-grid{grid-template-columns:repeat(3,1fr)}
}
.st-card{position:relative;display:flex;flex-direction:column;gap:8px;background:linear-gradient(180deg,#141810,#0e110b);border:1px solid #2a2f1f;border-radius:18px;padding:16px;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}
.st-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,rgba(107,220,138,.08),transparent 60%);pointer-events:none}
.st-card:hover{transform:translateY(-3px);border-color:#6b5a26;box-shadow:0 18px 40px -22px rgba(0,0,0,.9),0 0 0 1px rgba(224,168,46,.12)}
.st-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.st-top small{color:var(--muted);font-size:.75rem}
.st-gen{display:inline-block;font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:999px;border:1px solid currentColor;color:var(--gold)}
.st-gen[data-g="رعب"]{color:#e06a5a}
.st-gen[data-g="غموض"]{color:#9a8cff}
.st-gen[data-g="حزن"]{color:#7fb3d5}
.st-gen[data-g="كوميديا"]{color:#e0c35a}
.st-gen[data-g="مغامرة"]{color:#6bdc8a}
.st-card h3{font-size:1.45rem;color:#e8e2c8;line-height:1.4}
.st-ex{margin:0;color:#a8a283;font-size:.95rem;line-height:1.9;max-height:7.6em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}
.st-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto}
.st-by{color:var(--gold);font-size:.88rem}
.st-vb{display:flex;gap:6px}
.sv{margin:0;padding:3px 10px;background:rgba(255,255,255,.03);color:var(--text);border:1px solid var(--line);border-radius:999px;font-weight:400;font-size:.88rem}
.sv.on{border-color:var(--gold);color:var(--gold)}
.st-open{margin:4px 0 0;background:transparent;color:var(--gold);border:1px solid #4a4020;border-radius:12px;padding:8px}
.st-card:hover .st-open{border-color:var(--gold)}
.st-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0;font-family:"Amiri",serif;font-size:1.3rem}
.st-note, .st-anote, .st-fnote{color:var(--muted);min-height:1.2em}
.cre-rules{color:var(--muted);font-size:.82rem;text-align:center}
.st-modal{position:fixed;inset:0;z-index:70;background:rgba(3,4,3,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 20px) 0 0}
@media (min-width:760px){
 .st-modal{align-items:center;padding:24px}
}
.st-sheet{position:relative;width:min(760px,100%);max-height:100%;overflow-y:auto;background:linear-gradient(180deg,#12160e,#0b0d09);border:1px solid #3a3420;border-radius:22px 22px 0 0;padding:26px 20px calc(env(safe-area-inset-bottom,0px) + 28px);box-shadow:0 -20px 60px rgba(0,0,0,.6)}
@media (min-width:760px){
 .st-sheet{border-radius:22px;max-height:88vh}
}
.st-x{position:sticky;top:0;float:left;margin:0;width:38px;height:38px;padding:0;border-radius:50%;background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);font-size:1rem}
.st-sheet h2{color:#e8e2c8;font-size:2rem;line-height:1.3;margin:10px 0 4px}
.st-meta{color:var(--muted);font-size:.85rem;margin-bottom:16px}
.st-body p{font-family:"Amiri","Traditional Arabic",serif;font-size:1.25rem;line-height:2.15;color:#ddd6ba;margin:0 0 14px}
.st-act{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:10px}
.st-del, .st-rep{margin:0;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:6px 12px;font-weight:400}
.st-del:hover, .st-rep:hover{color:#e06a5a;border-color:#e06a5a}
.st-sheet select{width:100%;box-sizing:border-box;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}
.st-sheet textarea{line-height:1.9;font-family:"Amiri",serif;font-size:1.1rem}
.st-count{color:var(--muted);font-size:.8rem;margin:6px 0 10px}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.btn{transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(224,168,46,.25)}
.btn:active{transform:translateY(0)}
.foot{position:relative;overflow:hidden}
.fk-spirit{position:absolute;left:14px;bottom:64px;width:124px;perspective:700px;pointer-events:none;z-index:0;aspect-ratio:2/3}
.foot .fgrid, .foot .fbot{position:relative;z-index:1}
@media (min-width:760px){
 .fk-spirit{width:160px;bottom:58px;left:max(16px,calc(50% - 600px))}
 .foot .fgrid{padding-inline-end:150px}
}
.fk-mist{position:absolute;left:-30%;right:-30%;bottom:-8%;height:34%;background:radial-gradient(ellipse at 50% 60%,rgba(190,215,195,.16),transparent 70%);filter:blur(6px);animation:fkMist 9s ease-in-out infinite}
@keyframes fkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fkTurn{0%,100%{transform:rotateY(-11deg) rotateZ(-1deg)}50%{transform:rotateY(11deg) rotateZ(1deg)}}
@keyframes fkEye{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.85)}45%{opacity:1;transform:translate(-50%,-50%) scale(1.35)}55%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}}
@keyframes fkMist{0%,100%{transform:translateX(-6%);opacity:.8}50%{transform:translateX(6%);opacity:1}}
@media (prefers-reduced-motion:reduce){
 .fk-mist{animation:none}
}
.fk-frame{width:100%;height:100%}
.fk-vid{display:block;width:100%;height:100%;object-fit:cover;background:transparent;-webkit-mask-image:radial-gradient(ellipse 60% 54% at 50% 44%,#000 46%,rgba(0,0,0,.6) 72%,transparent 100%);mask-image:radial-gradient(ellipse 60% 54% at 50% 44%,#000 46%,rgba(0,0,0,.6) 72%,transparent 100%)}
.pm-badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:999px;background:#b3261e;color:#fff;font-size:.72rem;line-height:18px;margin-inline-start:4px}
.pm-start{text-align:center;padding:18px 6px}
.pm-start p{color:var(--muted)}
.pm-me{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pm-me b{color:var(--gold)}
.pm-link{margin:0;padding:4px 10px;background:transparent;color:var(--gold);border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:.85rem}
.pm-row{display:flex;gap:8px;margin-top:10px}
.pm-row input, .pm-row textarea{flex:1;min-width:0;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;font:inherit}
.pm-row textarea{resize:none;min-height:46px;max-height:120px}
.pm-row button{margin:0;flex:none}
.pm-note{color:var(--muted);min-height:1.2em;font-size:.85rem;margin:6px 0}
.pm-threads{display:flex;flex-direction:column;gap:8px;margin-top:4px}
.pm-th{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:2px;margin:0;text-align:start;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:10px 14px;font-weight:400}
.pm-th:hover{border-color:var(--gold)}
.pm-tt{display:flex;justify-content:space-between;gap:8px}
.pm-tt b{color:var(--gold)}
.pm-tt small{color:var(--muted);font-size:.72rem}
.pm-sn{color:var(--muted);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-dot{position:absolute;inset-inline-end:12px;bottom:10px;min-width:20px;padding:0 6px;border-radius:999px;background:#b3261e;color:#fff;font-size:.72rem;line-height:20px;text-align:center}
.pm-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.pm-head b{color:var(--gold);font-size:1.05rem}
.pm-list{height:340px;overflow-y:auto;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.pm-b{max-width:80%;align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 4px 14px;padding:7px 12px}
.pm-b.me{align-self:flex-end;border-color:var(--gold);border-radius:14px 14px 14px 4px}
.pm-b p{margin:0;white-space:pre-wrap;word-break:break-word}
.pm-b small{color:var(--muted);font-size:.7rem}
.pm-empty{color:var(--muted);text-align:center;margin:auto;padding:16px 0}
.tab{white-space:nowrap}
.ng summary{list-style:none;cursor:pointer}
.ng summary::-webkit-details-marker{display:none}
@media (min-width:821px){
 .links{align-items:center}
 .ng{position:relative}
 .ng summary{padding:8px 12px;border-radius:8px;color:var(--text);font-size:1rem}
 .ng summary::after{content:"▾";font-size:.7em;color:var(--muted);margin-inline-start:6px}
 .ng[open] summary, .ng summary:hover, .ng.on summary{background:var(--surface);color:var(--gold)}
 .nd{position:absolute;top:calc(100% + 8px);inset-inline-start:0;min-width:200px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 18px 40px -16px rgba(0,0,0,.7);z-index:40}
 .nd a{display:block;padding:9px 12px;border-radius:8px;white-space:nowrap}
 .nd a:hover{background:var(--bg)}
 .nd .ic{display:inline!important}
}
@media (max-width:820px){
 .ng summary{padding:14px 10px 6px;color:var(--gold);font-weight:800;font-size:.85rem;letter-spacing:.02em;border-bottom:0;pointer-events:none}
 .nd a{padding-inline-start:26px}
 .links>a{font-weight:600}
}
.ticker{transition:height .25s ease,opacity .2s ease,border-color .25s}
.tk-hide .ticker{height:0;opacity:0;border-top-color:transparent}
@media (prefers-color-scheme:dark){
 :root:not([data-theme="light"]){--muted:#b6b090}
}
:root[data-theme="dark"]{--muted:#b6b090}
.cmsg2 .ch small, .pm-tt small, .pm-b small, .chat-note{font-size:.8rem}
.st-top small, .st-gen, .badge{font-size:.8rem}
.lures button small{font-size:.8rem}
#gStats{font-size:.92rem}
.gcard label{font-size:.88rem}
.read .wrap p{font-family:"Amiri","Traditional Arabic",serif;font-size:1.22rem;line-height:2.1;color:var(--text)}
.read .wrap h3{font-size:1.6rem;margin-top:26px}
.read .wrap h2{font-size:2.2rem}
@media (max-width:820px){
 .nd{display:flex;flex-direction:column}
 .nd a{display:block}
}
html, body{overflow-anchor:none}
.hr{--bl:#a3262e;--bl2:#d0505a;--pl:#e8dccb;--dm:#9a8f84;background:#070607}
.hr section{border-bottom:0}
.hr-hero{position:relative;overflow:hidden;padding:64px 0 46px;text-align:center;background:radial-gradient(ellipse at 50% -10%,rgba(163,38,46,.28),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(60,10,15,.6),transparent 60%),#070607}
.hr-grain{position:absolute;inset:-50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");opacity:.10;animation:hrGrain 1s steps(6) infinite;pointer-events:none}
@keyframes hrGrain{0%{transform:translate(0,0)}20%{transform:translate(-5%,3%)}40%{transform:translate(4%,-4%)}60%{transform:translate(-3%,5%)}80%{transform:translate(5%,2%)}100%{transform:translate(0,0)}}
.hr-fog{position:absolute;inset:-30% -60%;background:radial-gradient(closest-side,rgba(200,170,170,.07),transparent 70%) 0 0/40% 50%;animation:fog 55s linear infinite;pointer-events:none}
.hr-ash{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(230,210,200,.5) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(230,210,200,.35) 0 1px,transparent 1.5px);background-size:90px 110px,140px 170px;background-position:0 0,40px 60px;animation:hrAsh 18s linear infinite;opacity:.5;pointer-events:none}
@keyframes hrAsh{from{background-position:0 -110px,40px -110px}to{background-position:30px 110px,10px 230px}}
.hr-hero .wrap{position:relative;z-index:1}
.hr-eyebrow{display:block;color:#b98a8f;letter-spacing:.32em;font-size:.72rem;font-weight:800;direction:ltr}
.hr-hero h1{font-size:clamp(2.6rem,11vw,4.6rem);color:var(--pl);line-height:1.2;margin:14px 0 8px;text-shadow:0 0 40px rgba(163,38,46,.35)}
.hr-blood{color:var(--bl2);animation:hrFlick 6s infinite}
@keyframes hrFlick{0%,92%,100%{opacity:1;text-shadow:0 0 18px rgba(208,80,90,.55)}93%{opacity:.35}94%{opacity:1}96%{opacity:.5}97%{opacity:1}}
.hr-sub{color:var(--dm);font-size:1.12rem;margin:0}
.hr-line{width:120px;height:2px;margin:26px auto;background:linear-gradient(90deg,transparent,var(--bl2),transparent)}
.hr-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;color:var(--dm);font-size:.92rem}
.hr-stats b{color:#e0a82e}
.hr-warn{margin:20px 0 0;color:#7d5a5d;font-family:"Amiri",serif;font-size:1.15rem;font-style:italic}
@media (prefers-reduced-motion:reduce){
 .hr-grain, .hr-fog, .hr-ash, .hr-blood{animation:none}
}
.hr-arch{padding-top:26px}
.hr-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.hr-h h2{color:var(--pl);font-size:1.8rem;margin:0}
.hr-tag{color:#c98a90;border:1px solid #5a2228;background:rgba(163,38,46,.08);border-radius:999px;padding:4px 14px;font-size:.88rem}
.hr-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:760px){
 .hr-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1080px){
 .hr-grid{grid-template-columns:repeat(3,1fr)}
}
.hr-card{position:relative;overflow:hidden;cursor:pointer;background:linear-gradient(180deg,#141011,#0b0909);border:1px solid #2c1a1c;border-radius:16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:8px;animation:hrIn .7s both;animation-delay:var(--d);transition:transform .25s,border-color .25s,box-shadow .25s}
@keyframes hrIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.hr-card::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 0%,rgba(163,38,46,.14),transparent 55%);pointer-events:none}
.hr-card:hover{transform:translateY(-3px);border-color:#6b2a31;box-shadow:0 20px 44px -24px rgba(163,38,46,.6)}
.hr-top, .hr-rtop{display:flex;justify-content:space-between;align-items:center}
.hr-no{color:#c98a90;font-size:.8rem;font-weight:800;letter-spacing:.06em}
.hr-skull{color:var(--bl2);font-size:.85rem;letter-spacing:2px}
.hr-skull i{font-style:normal;opacity:.2}
.hr-card h3{color:var(--pl);font-size:1.5rem;line-height:1.35;margin:0}
.hr-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--dm);font-size:.82rem}
.hr-ex{margin:2px 0 0;color:#b9ad9f;font-family:"Amiri",serif;font-size:1.05rem;line-height:1.9;max-height:5.7em;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
.hr-red{display:flex;flex-direction:column;gap:5px;margin:2px 0 4px}
.hr-red i{display:block;height:9px;border-radius:2px;background:#1d1517}
.hr-red i:nth-child(1){width:86%}
.hr-red i:nth-child(2){width:64%}
.hr-red i:nth-child(3){width:74%}
.hr-open{margin:4px 0 0;background:transparent;color:#e7b9bd;border:1px solid #4a2328;border-radius:12px;padding:9px;font-weight:700}
.hr-card:hover .hr-open{border-color:var(--bl2);background:rgba(163,38,46,.12)}
.hr-stamp{position:absolute;top:16px;transform:rotate(-38deg);inset-inline-end:auto;left:-34px;background:rgba(163,38,46,.85);color:#f5e6e6;font-size:.7rem;font-weight:800;padding:3px 40px;letter-spacing:.08em;opacity:.8}
.hr-modal{position:fixed;inset:0;z-index:70;background:rgba(3,2,2,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 18px) 0 0}
@media (min-width:760px){
 .hr-modal{align-items:center;padding:24px}
}
.hr-sheet{position:relative;width:min(740px,100%);max-height:100%;overflow-y:auto;background:radial-gradient(ellipse at 50% 0%,rgba(163,38,46,.16),transparent 55%),linear-gradient(180deg,#120d0e,#080606);border:1px solid #3a1f22;border-radius:22px 22px 0 0;padding:24px 20px calc(env(safe-area-inset-bottom,0px) + 28px)}
@media (min-width:760px){
 .hr-sheet{border-radius:22px;max-height:88vh}
}
.hr-x{position:sticky;top:0;float:left;margin:0;width:38px;height:38px;padding:0;border-radius:50%;background:rgba(255,255,255,.05);color:var(--pl);border:1px solid #3a1f22}
.hr-sheet h2{color:var(--pl);font-size:2.1rem;line-height:1.3;margin:12px 0 6px}
.hr-body{margin-top:16px}
.hr-body p{font-family:"Amiri","Traditional Arabic",serif;font-size:1.28rem;line-height:2.15;color:#ddd0bf;margin:0 0 16px}
.hr-body p:last-child{color:#e7b9bd}
.hr-end{text-align:center;color:#7d5a5d;font-family:"Amiri",serif;margin:8px 0 18px;letter-spacing:.1em}
.hr-nav{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2c1a1c;padding-top:14px}
.hr-nav button{margin:0;background:transparent;color:#e7b9bd;border:1px solid #4a2328;border-radius:10px;padding:7px 12px;font-weight:600}
.hr-top{justify-content:flex-start;gap:12px}
.hr-warn{color:#9a7276}
.hr-tag{color:#e0a7ac}
.foot a{padding:7px 0}
nav a{padding:8px 16px}
.mute{min-height:40px;min-width:44px}
.ph{font-family:"Amiri","Traditional Arabic",serif;font-size:2rem;color:var(--gold);margin:0 0 12px;line-height:1.3}
@media (prefers-color-scheme:light){
 :root:not([data-theme="dark"]) .badge{color:#fff}
}
:root[data-theme="light"] .badge{color:#fff}

.ch-hero{padding:18px 0 4px}.ch-grid{display:grid;gap:18px;align-items:center}
@media (min-width:860px){.ch-grid{grid-template-columns:1fr 1.05fr}.ch-art{order:2}.ch-hero{padding:40px 0 10px}}
.ch-txt h1{font-size:clamp(2.6rem,10vw,4.4rem);color:var(--gold);line-height:1.15;margin:10px 0 6px}
.ch-txt .sub{color:var(--muted);margin:0}.ch-txt .runes{margin-top:12px;text-align:start}
.chp section{border-bottom:0;padding:26px 0}
.chp section>h2{position:relative;padding-inline-start:14px;font-size:1.9rem;margin-bottom:12px}
.chp section>h2::before{content:"";position:absolute;inset-inline-start:0;top:.3em;bottom:.3em;width:4px;border-radius:4px;background:var(--gold)}
.chp table{border-radius:14px}.chp .card,.chp .stat,.chp .vault,.chp blockquote{border-radius:14px}

/* ===== about ===== */
.ab section{border-bottom:0}
.ab-hero{position:relative;overflow:hidden;min-height:calc(100vh - 120px);padding:60px 0 70px;background:#050604}
.ab-bg{position:absolute;inset:-8%;background:url(assets/king.jpg) center 30%/cover no-repeat;filter:grayscale(.85) brightness(.28) blur(10px);transform:scale(1.08);animation:abDrift 60s ease-in-out infinite alternate}
@keyframes abDrift{from{transform:scale(1.08) translate(0,0)}to{transform:scale(1.14) translate(-2%,2%)}}
.ab-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,rgba(107,220,138,.10),transparent 55%),radial-gradient(ellipse at 50% 100%,rgba(0,0,0,.9),transparent 60%),linear-gradient(180deg,rgba(5,6,4,.55),rgba(5,6,4,.92))}
.ab-fog{position:absolute;inset:-30% -60%;background:radial-gradient(closest-side,rgba(190,205,190,.08),transparent 70%) 0 0/42% 50%;animation:fog 60s linear infinite;pointer-events:none}
.ab-fog.f2{animation-duration:85s;animation-direction:reverse;background-size:58% 64%;opacity:.8}
.ab-dust{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(200,230,200,.55) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(224,168,46,.45) 0 1px,transparent 1.6px);background-size:120px 140px,190px 210px;animation:abDust 40s linear infinite;opacity:.45;pointer-events:none}
@keyframes abDust{from{background-position:0 0,60px 80px}to{background-position:0 -280px,60px -340px}}
.ab-ring{position:absolute;left:50%;top:42%;width:min(92vw,620px);height:min(92vw,620px);transform:translate(-50%,-50%);opacity:.14;animation:abSpin 120s linear infinite;pointer-events:none}
.ab-ring text{fill:#e0a82e;font-size:26px;letter-spacing:6px}
@keyframes abSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ab-in{position:relative;z-index:1;text-align:center}
.ab-in h1{font-size:clamp(2rem,7.5vw,3.4rem);color:#e8e2c8;line-height:1.35;margin:14px auto 22px;max-width:640px;text-shadow:0 0 30px rgba(107,220,138,.25)}
.ab-card{max-width:680px;margin:0 auto;background:rgba(14,17,11,.62);border:1px solid rgba(224,168,46,.28);border-radius:20px;padding:22px 22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 30px 70px -30px rgba(0,0,0,.9)}
.ab-lead{font-family:"Amiri","Traditional Arabic",serif;font-size:1.45rem;line-height:2;color:#e3dcc4;margin:0}.ab-lead b{color:#e0a82e}
.ab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-width:680px;margin:18px auto 0}
@media (min-width:720px){.ab-grid{grid-template-columns:repeat(4,1fr)}}
.ab-item{background:rgba(14,17,11,.55);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:2px}
.ab-item span{font-size:1.4rem}.ab-item b{color:#e0a82e;font-size:.98rem}.ab-item small{color:#a8a283;font-size:.78rem}
.ab-note{max-width:680px;margin:22px auto 0;background:rgba(40,10,12,.55);border:1px solid rgba(208,80,90,.4);border-radius:16px;padding:14px 18px;text-align:start;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.ab-nt{color:#e7b9bd;font-weight:800;font-size:.9rem;margin-bottom:4px;letter-spacing:.03em}.ab-note p{margin:0;color:#e0d6c6;line-height:1.9}.ab-note b{color:#ffd0d4}
.ab-sign{margin:26px 0 0;color:#8f8a73;font-family:"Amiri",serif;font-size:1.1rem}
@media (prefers-reduced-motion:reduce){.ab-bg,.ab-fog,.ab-dust,.ab-ring{animation:none}}
@media (max-width:820px){
 .navopen .ticker{display:none}
 .navopen .links{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px - env(safe-area-inset-top,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .links a{padding:11px 10px}
 body.navopen{overflow:hidden}
}
@media (max-width:820px){.links{flex-wrap:nowrap}.links>*{flex-shrink:0}}

/* footer king: fallback motion when the phone blocks autoplay (Low Power Mode) */
.fk-frame{position:relative}
.fk-spirit.lp .fk-vid{animation:fkSway 5.5s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes fkSway{0%{transform:scale(1) rotate(-1.2deg) translateY(0)}50%{transform:scale(1.035) rotate(.4deg) translateY(-2%)}100%{transform:scale(1.015) rotate(1.4deg) translateY(-1%)}}
.fk-spirit.lp .fk-frame::after{content:"";position:absolute;left:39.5%;top:31.3%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(150,255,140,.85) 0,rgba(90,230,110,.35) 35%,transparent 70%);mix-blend-mode:screen;animation:fkEye 2.6s ease-in-out infinite;pointer-events:none}
@keyframes fkEye{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.25)}}
@media (prefers-reduced-motion:reduce){.fk-spirit.lp .fk-vid,.fk-spirit.lp .fk-frame::after{animation:none}}

/* ===== language switch ===== */
.lang{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;align-self:stretch;margin:3px 0;padding:0 10px;border-radius:12px;border:1px solid var(--line);color:var(--gold);text-decoration:none;font-family:"Cairo","Segoe UI",sans-serif;font-weight:800;font-size:.95rem;line-height:1;transition:border-color .2s,background .2s}
.lang:hover,.lang:focus-visible{border-color:var(--gold);background:var(--surface)}
@media (max-width:420px){.top .bar{gap:8px;padding-inline:12px}.top .hcta{padding-inline:14px}.lang{min-width:40px;padding:0 8px}}
.lgb{position:fixed;z-index:60;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);max-width:480px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:10px 10px;padding-inline-start:16px;background:var(--surface);color:var(--text);border:1px solid var(--gold);border-radius:16px;box-shadow:0 20px 44px -14px rgba(0,0,0,.7);font-family:"Cairo","Segoe UI",sans-serif;font-size:.92rem;line-height:1.4;opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.lgb.on{opacity:1;transform:none}
.lgb p{margin:0;flex:1}
.lgb-go{flex:none;padding:8px 14px;border-radius:10px;background:var(--gold-bg);color:#0d0f08;text-decoration:none;font-weight:800;white-space:nowrap}
.lgb-x{flex:none;margin:0;width:36px;height:36px;padding:0;border-radius:50%;background:transparent;color:var(--muted);border:1px solid var(--line);font-size:.9rem}
@media (prefers-reduced-motion:reduce){.lgb{transition:none}}

/* ===== the king speaks (home hero) ===== */
.h3-art{transition:box-shadow .9s ease}
.h3-art.speaking{box-shadow:0 24px 90px -12px rgba(107,220,138,.9)}
.kq-eye{position:absolute;z-index:1;left:var(--ex,61%);top:var(--ey,34%);width:var(--er,80px);height:var(--er,80px);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(220,255,200,.95) 0,rgba(130,240,150,.6) 26%,rgba(107,220,138,.18) 50%,rgba(107,220,138,0) 70%);mix-blend-mode:screen;transition:opacity .8s}
.h3-art.speaking .kq-eye{animation:kqEye 1.7s ease-in-out infinite}
@keyframes kqEye{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.85)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.45)}}
.kq{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;margin:0;display:flex;align-items:center;gap:10px;padding:8px 10px;padding-inline-start:14px;background:rgba(8,10,6,.88);color:#ece6cc;border:1px solid rgba(224,168,46,.8);border-radius:14px;box-shadow:0 12px 30px -8px rgba(0,0,0,.7)}
.kq::before{content:"";position:absolute;top:-8px;left:var(--tx,50%);width:14px;height:14px;background:rgba(8,10,6,.88);border-top:1px solid rgba(224,168,46,.8);border-left:1px solid rgba(224,168,46,.8);transform:translateX(-50%) rotate(45deg);clip-path:polygon(0 0,100% 0,0 100%)}
.kq-body{flex:1;min-width:0}
.kq-who{display:block;color:#e0a82e;font-family:"Amiri",serif;font-weight:700;font-size:.82rem;line-height:1.3}
.kq-line{display:grid;margin:0;font-family:"Amiri","Traditional Arabic",serif;font-weight:700;font-size:1.02rem;line-height:1.6}
.kq-line>span{grid-area:1/1}
.js .kq-full{color:transparent}
.kq.typing .kq-typed::after{content:"";display:inline-block;width:2px;height:1em;margin-inline-start:2px;vertical-align:-.12em;background:#e0a82e;animation:kqCaret .8s steps(1) infinite}
@keyframes kqCaret{50%{opacity:0}}
.kq-say{flex:none;margin:0;width:42px;height:42px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#e0a82e;border:1px solid #e0a82e;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .2s,color .2s}
.kq-say:hover{background:rgba(224,168,46,.14)}
.kq-say.on{background:#e0a82e;color:#0d0f08}
.kq-say.hint{animation:kqHint 1.4s ease-out 3}
@keyframes kqHint{0%{box-shadow:0 0 0 0 rgba(224,168,46,.6)}100%{box-shadow:0 0 0 14px rgba(224,168,46,0)}}
.js .kq{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}
.js .kq.on{opacity:1;transform:none}
@media (min-width:900px){.kq{left:18px;right:18px;bottom:18px;padding:10px 12px;padding-inline-start:18px}.kq-line{font-size:1.15rem}}
@media (prefers-reduced-motion:reduce){.js .kq{transition:none}.h3-art.speaking .kq-eye{animation:none;opacity:.8}.kq-say.hint{animation:none}}

/* ===== English (left-to-right) ===== */
html[lang="en"] body{line-height:1.65}
html[lang="en"] .read .wrap p{font-size:1.16rem;line-height:1.75}
html[lang="en"] .st-body p,html[lang="en"] .hr-body p{font-size:1.14rem;line-height:1.75}
html[lang="en"] .st-ex,html[lang="en"] .hr-ex{line-height:1.6;max-height:6.4em}
html[lang="en"] .st-sheet textarea{line-height:1.65}
html[lang="en"] .ab-lead{line-height:1.6}
html[lang="en"] .ab-note p{line-height:1.6}
html[lang="en"] .kq-line{font-size:.98rem;line-height:1.45}
@media (min-width:900px){html[lang="en"] .kq-line{font-size:1.08rem}}
html[dir="ltr"] .tk-i{direction:ltr}
html[dir="ltr"] .tk-m{animation-name:tkmL}
@keyframes tkmL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){html[dir="ltr"] .tk-m{animation:none}}
html[dir="ltr"] .st-x,html[dir="ltr"] .hr-x{float:right}
html[dir="ltr"] .hr-stamp{left:auto;right:-34px;transform:rotate(38deg)}
html[dir="ltr"] .chat-prev .cact{left:auto;right:4px}
html[dir="ltr"] .fk-spirit{left:auto;right:14px}
@media (min-width:760px){html[dir="ltr"] .fk-spirit{left:auto;right:max(16px,calc(50% - 600px))}}
@media (max-width:859px){
 .hero3 .h3-art{aspect-ratio:5/4}
 .kq{left:10px;right:10px;bottom:10px;gap:8px;padding:7px 8px;padding-inline-start:12px}
 .kq::before{top:-7px;width:12px;height:12px}
 .kq-who{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
 .kq-line{font-size:.95rem;line-height:1.55}
 html[lang="en"] .kq-line{font-size:.9rem;line-height:1.4}
 .kq-say{width:38px;height:38px;font-size:.95rem}
}
@media (max-width:420px){html[lang="en"] .top .logo{font-size:1.45rem}}
@media (max-width:380px){.top .bar{gap:6px;padding-inline:10px}.top .logo{font-size:1.55rem}html[lang="en"] .top .logo{font-size:1.25rem}.top .hcta{padding-inline:12px}.lang{min-width:38px;padding:0 7px}}
.h3-art.speaking .kq-eye{animation:none;opacity:calc(.3 + var(--glow,0)*.7);transform:translate(-50%,-50%) scale(calc(.9 + var(--glow,0)*.65));transition:opacity .08s linear,transform .08s linear}

/* ===== the new home (world.html) ===== */
body.wo-page{background:#0a0910}
.wo{position:relative;display:grid;place-items:center;min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);overflow:hidden;color:#ece6cc;
 background:radial-gradient(55% 40% at 50% 44%,rgba(107,220,138,.12),transparent 70%),radial-gradient(130% 90% at 50% 125%,rgba(118,64,170,.22),transparent 62%),#0a0910}
.wo::before{content:"";position:absolute;inset:-20%;background:radial-gradient(1px 1px at 12% 22%,rgba(236,230,204,.5),transparent),radial-gradient(1px 1px at 78% 18%,rgba(236,230,204,.4),transparent),radial-gradient(1.5px 1.5px at 64% 72%,rgba(155,232,168,.5),transparent),radial-gradient(1px 1px at 28% 80%,rgba(236,230,204,.35),transparent),radial-gradient(1px 1px at 88% 58%,rgba(236,230,204,.3),transparent);opacity:.8;pointer-events:none}
.wo-hero{position:relative;text-align:center;padding:40px 18px}
.wo-t{margin:0;font-family:"Amiri",serif;font-weight:700;font-size:clamp(3.2rem,15vw,7.5rem);line-height:1.1;color:#ece6cc;text-shadow:0 0 48px rgba(107,220,138,.28)}
.wo section{border-bottom:0}

/* ===== menus v3 ===== */
.links .ni{display:flex;align-items:center;gap:12px;margin:0;padding:10px 12px;border:0;border-radius:12px;color:var(--text);text-decoration:none;font-size:1rem;white-space:normal;background:transparent;transition:background .15s,color .15s}
.ni-ic{flex:none;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--bg);border:1px solid var(--line);font-size:1.08rem;line-height:1}
.ni-t{display:flex;flex-direction:column;min-width:0;gap:1px}
.ni-t b{font-weight:700;font-size:.97rem;line-height:1.35;color:inherit}
.ni-t small{color:var(--muted);font-size:.8rem;line-height:1.4}
.ni-new{font-style:normal;display:inline-block;margin-inline-start:7px;padding:1px 8px;border-radius:999px;background:rgba(107,220,138,.14);color:#6bdc8a;font-size:.68rem;font-weight:800;vertical-align:2px}
.links .ni:hover{background:var(--bg)}
.links .ni.on b{color:var(--gold)}
.links .ni.on .ni-ic{border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,168,46,.14)}
.links .ni:focus-visible,.ntabs button:focus-visible,.nlang a:focus-visible,.nd-feat:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.nd-g{display:flex;flex-direction:column}
.nd .nd-h{display:block;padding:2px 12px 8px;color:var(--muted);font-size:.74rem;font-weight:800;letter-spacing:.03em}
.nd-note{margin:6px 12px 2px;color:var(--muted);font-size:.8rem;line-height:1.5}
.nsearch,.nfoot,.ntabs{display:none}
.links .nd-feat{display:none}

/* phones: a full-screen sheet */
@media (max-width:820px){
 .navopen .top{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}
 .links,.navopen .links{position:fixed;z-index:30;left:0;right:0;top:var(--hdr,64px);bottom:0;width:auto;max-height:none;display:flex;flex-direction:column;gap:14px;margin:0;padding:14px 16px calc(28px + env(safe-area-inset-bottom,0px));background:var(--bg);border:0;border-top:1px solid var(--line);border-radius:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
 .links{visibility:hidden;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}
 .navopen .links{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .22s ease,transform .22s ease}
 .nsearch{display:flex;align-items:center;gap:10px;margin:0;padding:0 14px;height:46px;border-radius:14px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
 .nsearch:focus-within{border-color:var(--gold)}
 .nsearch input{flex:1;min-width:0;margin:0;padding:0;height:100%;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px;outline:none;box-shadow:none}
 .ntabs{display:grid;position:relative;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
 .ntabs::before{content:"";position:absolute;top:4px;bottom:4px;inset-inline-start:4px;width:calc(50% - 6px);border-radius:10px;background:var(--gold-bg);box-shadow:0 4px 14px -6px rgba(224,168,46,.6);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
 html[dir="rtl"] .ntabs[data-i="1"]::before{transform:translateX(calc(-100% - 4px))}
 html[dir="ltr"] .ntabs[data-i="1"]::before{transform:translateX(calc(100% + 4px))}
 .ntabs button{position:relative;z-index:1;margin:0;padding:11px 6px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-family:inherit;font-weight:800;font-size:.93rem;line-height:1.3;cursor:pointer;transition:color .2s}
 .ntabs button[aria-selected="true"]{color:#0d0f08}
 .links.tabbed .ng>summary{display:none}
 .links.tabbed .ng:not(.cur){display:none}
 .links .nd{position:static;display:flex;flex-direction:column;gap:18px;min-width:0;padding:0;background:transparent;border:0;box-shadow:none}
 .links .ng.fade .nd{animation:nvFade .25s ease}
 .links .nd-g{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:4px}
 .links .nd .nd-h{order:-1;margin:-4px -4px 0;padding:12px 14px 8px;border-bottom:1px solid var(--line)}
 .links .nd-g .ni{padding:11px 10px;border-radius:12px}
 .links .nd-g .ni+.ni{position:relative}
 .links .nd-g .ni+.ni::before{content:"";position:absolute;top:0;inset-inline-start:60px;inset-inline-end:10px;border-top:1px solid var(--line)}
 .links .ni::after{content:"›";margin-inline-start:auto;padding-inline-start:8px;color:var(--muted);font-size:1.3rem;line-height:1}
 html[dir="rtl"] .links .ni::after{content:"‹"}
 .links .ni.on{background:var(--bg)}
 .nd-note{margin:-8px 6px 0}
 .nfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding:14px 4px 0;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
 .nlang{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
 .nlang a{padding:7px 14px;border-radius:9px;color:var(--muted);text-decoration:none;font-weight:700;font-size:.88rem;border:0}
 .nlang a[aria-current]{background:var(--bg);color:var(--gold)}
 .navopen .links .ni,.navopen .links .nd-h,.navopen .links .nd-note{animation:nvIn .38s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i,0) * 22ms + 60ms)}
}
@keyframes nvIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes nvFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* desktop: dropdown card and a mega menu */
@media (min-width:821px){
 .bar{position:relative}
 .ng-mega{position:static}
 .links .nd{padding:10px;border-radius:18px;box-shadow:0 28px 60px -24px rgba(0,0,0,.75),0 2px 0 rgba(255,255,255,.02) inset}
 .ng[open] .nd{animation:ndIn .18s ease-out}
 .nd-content{width:340px;min-width:0}
 .nd-mega{left:16px;right:16px;top:calc(100% - 6px);min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(220px,.9fr);gap:4px 14px;padding:18px}
 .nd-mega .nd-g+.nd-g{border-inline-start:1px solid var(--line);padding-inline-start:12px}
 .nd-mega .ni-t small{max-width:30ch}
 .links .nd-feat{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:230px;padding:18px;border-radius:14px;text-decoration:none;white-space:normal;color:#ece6cc;border:1px solid var(--line);background:linear-gradient(to top,rgba(8,10,6,.96) 18%,rgba(8,10,6,.25) 75%),url(/assets/king.jpg) 62% 28%/cover;transition:transform .2s,border-color .2s}
 .links .nd-feat:hover{transform:translateY(-2px);border-color:var(--gold);background-color:transparent}
 .nd-feat-k{color:#6bdc8a;font-size:.75rem;font-weight:800}
 .nd-feat b{font-family:"Amiri",serif;font-size:1.35rem;line-height:1.3;color:#e0a82e}
 .nd-feat small{color:#cfc8ad;font-size:.82rem;line-height:1.45}
}
@keyframes ndIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.links,.navopen .links{transition:none}.navopen .links .ni,.navopen .links .nd-h,.navopen .links .nd-note,.links .ng.fade .nd,.ng[open] .nd{animation:none}.ntabs::before{transition:none}}

/* ===== appearance (auto / light / dark) ===== */
:root{color-scheme:light dark}
:root[data-theme="dark"]{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}
html.tswitch,html.tswitch *,html.tswitch *::before,html.tswitch *::after{transition:background-color .3s ease,color .3s ease,border-color .3s ease!important}
.tbtn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;align-self:stretch;margin:3px 0;padding:0;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--gold);font-size:1.15rem;line-height:1;cursor:pointer;transition:border-color .2s,background .2s}
.tbtn:hover,.tbtn:focus-visible{border-color:var(--gold);background:var(--surface)}
@media (max-width:820px){.tbtn{display:none}}
@media (max-width:820px){
 .nfoot{flex-direction:column;align-items:stretch;gap:12px}
 .nrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .ntheme{display:flex;gap:4px;padding:3px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
 .ntheme button{margin:0;padding:7px 12px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
 .ntheme button[aria-checked="true"]{background:var(--bg);color:var(--gold)}
 .ntheme button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
}
@media (prefers-reduced-motion:reduce){html.tswitch,html.tswitch *{transition:none!important}}