:root{--gold:#B9A077;--gold-hi:#D9C7A0;--ff:'IBM Plex Sans Arabic',system-ui,sans-serif;--fd:'Alexandria','IBM Plex Sans Arabic',sans-serif;--fl:'Manrope',sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--on-gold:#0C272C}
body,body[data-theme="dark"]{--bg:#071A1E;--surface:#0C272C;--surface2:#11333A;--surface3:#174148;--line:rgba(247,245,240,.09);--line2:rgba(247,245,240,.16);--text:#F7F5F0;--muted:rgba(247,245,240,.66);--faint:rgba(247,245,240,.42);--accent:#5FB0BE;--goldt:#CDB88F;--ok:#6CC7A1;--bad:#E58A7E;--seam:#0C272C;--hero1:#16424A;--hero2:#0C272C;--shadow:0 18px 50px rgba(0,0,0,.35);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ff);font-size:15.5px;line-height:1.75;min-height:100vh;transition:background .3s,color .3s}
h1,h2,h3{font-family:var(--fd);margin:0;line-height:1.4}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}
.lat{font-family:var(--fl);direction:ltr;unicode-bidi:isolate}.faint{color:var(--faint)}.muted{color:var(--muted)}
.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
select option{background:var(--surface);color:var(--text)}
.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:12px clamp(14px,4vw,36px);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand b{font-family:var(--fd);font-size:19px;line-height:1.1;display:block}.brand small{font-family:var(--fl);font-weight:800;font-size:9.5px;letter-spacing:.34em;color:var(--goldt);display:block;direction:ltr}
.top nav{display:flex;gap:4px;margin-inline-start:auto}.top nav a{padding:7px 14px;border-radius:99px;text-decoration:none;color:var(--muted);font-size:14px}.top nav a.on,.top nav a:hover{background:var(--surface2);color:var(--text)}
.icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);display:grid;place-items:center;cursor:pointer;color:var(--muted)}.icon-btn:hover{color:var(--text);border-color:var(--gold)}
.wrap{width:min(1040px,100%);margin:0 auto;padding:28px clamp(14px,4vw,36px) 130px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:12px;border:1px solid var(--line2);background:var(--surface);cursor:pointer;text-decoration:none;color:var(--text);font-weight:500;transition:transform .15s,border-color .15s}
.btn:hover{border-color:var(--gold);transform:translateY(-1px)}.btn.primary{background:linear-gradient(160deg,var(--gold-hi),var(--gold));color:var(--on-gold);border-color:transparent;font-weight:600}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.btn.sm{min-height:34px;padding:0 12px;font-size:13.5px;border-radius:10px}.btn[disabled]{opacity:.45;pointer-events:none}
.input{width:100%;min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--surface2);outline:none}.input:focus{border-color:var(--gold)}
.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 11px;border-radius:99px;background:var(--surface3);color:var(--muted);font-size:12.5px;white-space:nowrap}.chip.gold{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--goldt)}.chip.acc{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:20px}
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--muted)}
.seg{display:inline-flex;padding:4px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);gap:2px;flex-wrap:wrap}.seg button{border:0;background:none;padding:5px 13px;border-radius:9px;cursor:pointer;color:var(--muted);font-size:13.5px}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.15)}
/* search */
.hero{text-align:center;padding:38px 0 8px;position:relative}
.hero .emb{filter:drop-shadow(0 14px 22px rgba(0,0,0,.3));animation:float 5s ease-in-out infinite}
@keyframes float{50%{translate:0 -8px}}
.hero small{display:block;color:var(--goldt);font-size:13.5px;margin-top:14px}.hero h1{font-size:clamp(26px,5vw,38px)}.hero p{color:var(--muted);margin-top:4px}
.sbox{position:relative;width:min(600px,100%);margin:26px auto 0}
.sbox .icon{position:absolute;top:50%;right:18px;transform:translateY(-50%);color:var(--faint);width:20px;height:20px}
.sbox input{width:100%;min-height:60px;padding:0 50px;border-radius:18px;border:1.5px solid var(--line2);background:var(--surface);font-size:17px;outline:none;box-shadow:var(--shadow);transition:border-color .2s}
.sbox input:focus{border-color:var(--gold)}
.sbox .clr{position:absolute;top:50%;left:12px;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:none;cursor:pointer;color:var(--faint);font-size:20px}
.hint{text-align:center;color:var(--faint);font-size:13.5px;margin-top:12px}
.res{width:min(600px,100%);margin:16px auto 0;display:flex;flex-direction:column;gap:8px}
.r-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:right;animation:rin .35s var(--ease) both;animation-delay:calc(var(--i)*45ms);transition:border-color .15s,transform .15s}
.r-item:hover,.r-item:focus-visible{border-color:var(--gold);transform:translateX(-4px);outline:none}
@keyframes rin{from{opacity:0;transform:translateY(10px)}}
.r-item b{font-family:var(--fd);font-weight:600;font-size:16.5px;display:block}.r-item mark{background:none;color:var(--goldt)}
.r-cnt{margin-inline-start:auto;display:flex;align-items:center;gap:6px;font-family:var(--fd);font-weight:700;color:var(--goldt)}
.avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-family:var(--fd);font-weight:700;font-size:14px;background:linear-gradient(160deg,var(--gold-hi),var(--gold));color:var(--on-gold);flex-shrink:0}.avatar.f{background:linear-gradient(160deg,#7CC0CB,#2A636D);color:#fff}
/* member card */
.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);text-decoration:none;font-size:14px;margin-bottom:14px}.back:hover{color:var(--text)}
.mcard{position:relative;overflow:hidden;border-radius:28px;padding:34px 24px 28px;text-align:center;color:#F7F5F0;background:radial-gradient(ellipse 90% 120% at 50% 0%,var(--hero1),var(--hero2) 70%);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent)}
.mcard::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(226,211,176,.22),transparent 45%);pointer-events:none}
.mc-emb{position:relative;width:118px;margin:0 auto}
.mc-emb polygon{opacity:0;transform-box:fill-box;transform-origin:center;animation:snap .8s cubic-bezier(.2,1.5,.35,1) calc(.1s + var(--i)*.06s) forwards}
@keyframes snap{0%{opacity:0;transform:translate(calc(var(--dx)*5),calc(var(--dy)*5 - 20px)) rotate(120deg) scale(.2)}100%{opacity:1;transform:none}}
.mcard h1{font-size:clamp(24px,5vw,34px);margin-top:10px;animation:up .6s var(--ease) .7s both}
.mc-sub{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:8px;animation:up .6s var(--ease) .85s both}.mc-sub .chip{background:rgba(247,245,240,.12);color:#E2D3B0}
.mc-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px;animation:up .6s var(--ease) 1s both}
.mc-stat{min-width:104px;padding:10px 16px;border-radius:16px;background:rgba(247,245,240,.07);border:1px solid rgba(226,211,176,.25)}.mc-stat b{display:block;font-family:var(--fd);font-size:28px;color:#E2D3B0;line-height:1.2}.mc-stat small{font-size:12.5px;color:rgba(247,245,240,.7)}
.mc-act{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px;animation:up .6s var(--ease) 1.15s both}.mc-act .btn:not(.primary){background:rgba(247,245,240,.08);border-color:rgba(247,245,240,.22);color:#F7F5F0}
@keyframes up{from{opacity:0;transform:translateY(14px)}}
.sec-h{display:flex;align-items:baseline;gap:10px;margin:30px 0 14px}.sec-h h2{font-size:20px}
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.bitem{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 10px 14px;border-radius:20px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;transition:transform .2s var(--ease),border-color .2s}
.bitem:hover{transform:translateY(-5px);border-color:var(--gold)}.bitem b{font-family:var(--fd);font-weight:600;font-size:14.5px}
.bitem.pop{animation:bpop .7s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(1.2s + var(--i)*.12s)}
@keyframes bpop{0%{opacity:0;transform:scale(.3) rotate(-14deg)}100%{opacity:1;transform:none}}
.bitem.lk{opacity:.5;filter:grayscale(.85)}.bitem.lk:hover{opacity:.8}
.badge-img{object-fit:contain;display:block}.bsvg{display:block}
details.locked summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;color:var(--muted);margin:26px 0 14px;font-family:var(--fd)}details.locked summary::-webkit-details-marker{display:none}
.empty{text-align:center;padding:36px 16px;color:var(--faint)}
/* modal + toast */
.modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:16px;background:rgba(3,12,14,.6);backdrop-filter:blur(4px)}.modal.on{display:grid}
.box{width:min(480px,100%);max-height:90vh;overflow:auto;background:var(--surface);border:1px solid var(--line2);border-radius:24px;padding:24px;box-shadow:var(--shadow);animation:up .3s var(--ease)}.box.wide{width:min(760px,100%)}
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:95;padding:10px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--gold);box-shadow:var(--shadow);font-size:14px;animation:up .3s var(--ease)}
.err{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:12px;background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);font-size:13.5px}
.note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--surface2);border:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:18px;border-radius:14px;background:color-mix(in srgb,var(--gold) 14%,transparent);border:1px solid color-mix(in srgb,var(--gold) 50%,transparent);font-size:14px}
/* admin */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0 18px;border-bottom:1px solid var(--line);padding-bottom:10px}.tabs button{border:0;background:none;padding:7px 16px;border-radius:10px;cursor:pointer;color:var(--muted)}.tabs button.on{background:var(--surface2);color:var(--text);font-weight:600}
.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:right;font-weight:500;font-size:12.5px;color:var(--faint);padding:8px}.tbl td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:middle}.tbl .input{min-height:38px;padding:4px 10px}
.tw{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.ab{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}
.ab .bitem{cursor:default}.ab .act{display:flex;gap:4px;margin-top:4px}
.icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}.icons button{aspect-ratio:1;border-radius:10px;border:1px solid var(--line);background:var(--surface2);cursor:pointer;display:grid;place-items:center;color:var(--muted)}.icons button.on{border-color:var(--gold);color:var(--goldt);background:color-mix(in srgb,var(--gold) 14%,transparent)}
.ed{display:grid;grid-template-columns:200px 1fr;gap:22px}.ed-prev{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:18px;background:radial-gradient(circle at 50% 35%,var(--surface3),var(--surface2))}
.gl{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:46vh;overflow:auto;padding:2px}
.gl label{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);cursor:pointer;font-size:14px}.gl label:has(input:checked){border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}.gl input{accent-color:#B9A077;width:16px;height:16px}
.wd{display:grid;grid-template-columns:190px 1fr;gap:20px}.wd-stage{display:grid;place-items:center;padding:18px;border-radius:18px;background:radial-gradient(circle at 50% 35%,var(--surface3),var(--surface2))}
.wd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.wd-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:14px;border:1px solid var(--line);background:var(--surface2);cursor:pointer;font-size:12.5px}.wd-item.on{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 12%,transparent)}
.skins{display:flex;gap:8px;flex-wrap:wrap}.skin{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface2);cursor:pointer;font-size:13px}.skin.on{border-color:var(--gold)}.skin i{width:44px;height:28px;border-radius:8px;border:1px solid var(--line2);display:block}
@media (max-width:640px){.ed,.wd{grid-template-columns:1fr}.top nav a{padding:6px 9px;font-size:13px}.brand small{display:none}.bgrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s !important;animation-delay:0s !important}}
.mc-photo{position:relative;width:118px;height:118px;margin:0 auto;border-radius:50%;padding:4px;background:linear-gradient(160deg,#F2E7CF,#B9A077);animation:bpop .7s cubic-bezier(.2,1.6,.4,1) both;box-shadow:0 14px 30px rgba(0,0,0,.35)}.mc-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.ov{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse 70% 60% at 50% 40%,#16424A,#0C272C 55%,#061619);color:#F7F5F0;opacity:0;transition:opacity .35s;overflow:hidden}.ov.on{opacity:1}
.ov-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:min(440px,100%)}
.ov-card h2{font-size:clamp(26px,6vw,36px);animation:up .6s var(--ease) .75s both}.ov-card p{color:rgba(247,245,240,.78);animation:up .6s var(--ease) .9s both}.ov-card .btn{margin-top:16px;min-height:50px;padding:0 30px;animation:up .6s var(--ease) 1.1s both}
.ov-tag{color:#CDB88F;font-size:13px;letter-spacing:.06em;margin-top:12px;animation:up .6s var(--ease) .6s both}
.ov-rays{position:absolute;top:105px;left:50%;width:560px;height:560px;margin:-280px;background:repeating-conic-gradient(rgba(226,211,176,.13) 0 8deg,transparent 8deg 22deg);border-radius:50%;mask:radial-gradient(circle,#000 20%,transparent 68%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);animation:spin 26s linear infinite;pointer-events:none}
@keyframes spin{to{transform:rotate(360deg)}}
.ov-badge{position:relative;animation:bpop .9s cubic-bezier(.2,1.6,.4,1) .15s both}
.ov-burst{position:absolute;top:50%;left:50%}.ov-burst i{position:absolute;width:9px;height:13px;margin:-6px -4px;background:linear-gradient(160deg,#F2E7CF,#B9A077);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;animation:burst 1.1s cubic-bezier(.15,.8,.3,1) .5s forwards}.ov-burst i:nth-child(3n){background:linear-gradient(160deg,#BFE6EC,#358B9A)}
@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}100%{opacity:0;transform:rotate(var(--a)) translateY(-210px) scale(1.2)}}

body[data-theme="light"]{--bg:#F3F0E8;--surface:#FFFFFF;--surface2:#F7F5F0;--surface3:#ECE8DD;--line:rgba(12,39,44,.10);--line2:rgba(12,39,44,.18);--text:#0C272C;--muted:#46666C;--faint:#6F8A8F;--accent:#2A636D;--goldt:#8A7148;--ok:#1F7A55;--bad:#B4483A;--seam:#FFFFFF;--hero1:#1A4A53;--hero2:#0C272C;--shadow:0 18px 50px rgba(12,39,44,.12);color-scheme:light}
/* ===== v3 public ===== */
.av{--s:96px;width:var(--s);height:var(--s);border-radius:50%;overflow:hidden;display:grid;justify-items:center;align-items:start;flex-shrink:0;background:radial-gradient(circle at 50% 30%,#1E5560,#0C272C 72%);box-shadow:inset 0 0 0 calc(var(--s)*.04) #D9C7A0,0 6px 16px rgba(0,0,0,.25);position:relative}
.av.lead{box-shadow:inset 0 0 0 calc(var(--s)*.05) #E2D3B0,0 0 0 calc(var(--s)*.03) #B9A077,0 6px 18px rgba(185,160,119,.4)}
.av .rb-svg{position:absolute;top:calc(var(--s)*.1);left:50%;transform:translateX(-50%);max-width:none;animation:none !important}.av svg *{animation:none !important}
.r-item{text-decoration:none;color:inherit}
.mc-av{display:grid;place-items:center;animation:bpop .8s cubic-bezier(.2,1.6,.4,1) both}
.mc-stat.new{border-color:#E2D3B0;background:rgba(226,211,176,.16)}
.btn.big{min-height:52px;padding:0 28px;font-size:16px}
.mc-act .btn.primary{box-shadow:0 10px 26px rgba(185,160,119,.35)}
.bitem{position:relative}.ribbon{position:absolute;top:10px;left:10px;padding:1px 9px;border-radius:99px;background:linear-gradient(160deg,#F2E7CF,#B9A077);color:#0C272C;font-size:11.5px;font-weight:700;animation:pulse 1.8s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08)}}
.ov{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse 70% 60% at 50% 40%,#16424A,#0C272C 55%,#061619);color:#F7F5F0;opacity:0;transition:opacity .35s;overflow:hidden}.ov.on{opacity:1}
.ov-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:min(500px,100%)}
.ov-card h2{font-size:clamp(24px,5.5vw,34px);line-height:1.5;animation:up .6s var(--ease) .5s both}.ov-card p{color:rgba(247,245,240,.8);animation:up .6s var(--ease) .65s both}
.ov-tag{color:#CDB88F;font-size:13px;letter-spacing:.06em;margin-top:10px;animation:up .6s var(--ease) .4s both}
.ov-act{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px;animation:up .6s var(--ease) .8s both}
.btn.ghost-l{background:rgba(247,245,240,.08);border-color:rgba(247,245,240,.22);color:#F7F5F0}
.ov-av{animation:bpop .8s cubic-bezier(.2,1.6,.4,1) both}
.sh-hype h2{font-size:clamp(26px,6vw,40px)}.sh-line{animation:hypeIn 1.1s cubic-bezier(.2,.9,.3,1) both !important;background:linear-gradient(100deg,#F7F5F0 30%,#E2D3B0 50%,#F7F5F0 70%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
@keyframes hypeIn{0%{opacity:0;letter-spacing:.3em;filter:blur(10px);background-position:120% 0}100%{opacity:1;letter-spacing:0;filter:blur(0);background-position:-20% 0}}
.sh-bar{position:absolute;top:18px;left:50%;transform:translateX(-50%);display:flex;gap:5px;width:min(420px,80%)}.sh-bar i{flex:1;height:3px;border-radius:3px;background:rgba(247,245,240,.18)}.sh-bar i.done{background:#E2D3B0}.sh-bar i.cur{background:linear-gradient(90deg,#E2D3B0,rgba(247,245,240,.18))}
.sh-skip{position:absolute;top:34px;left:18px;display:flex;align-items:center;gap:6px;border:0;background:rgba(247,245,240,.1);color:#F7F5F0;border-radius:99px;padding:6px 14px;cursor:pointer;font-size:13.5px}.sh-skip .icon{width:15px;height:15px}
.ov-rays{position:absolute;top:50%;left:50%;width:640px;height:640px;margin:-420px -320px;background:repeating-conic-gradient(rgba(226,211,176,.13) 0 8deg,transparent 8deg 22deg);border-radius:50%;mask:radial-gradient(circle,#000 20%,transparent 68%);-webkit-mask:radial-gradient(circle,#000 20%,transparent 68%);animation:spin 26s linear infinite;pointer-events:none}
.ov-rays.r-0{opacity:.35}.ov-rays.r-1{opacity:.6}.ov-rays.r-3{background:repeating-conic-gradient(rgba(242,231,207,.22) 0 7deg,transparent 7deg 18deg)}
@keyframes spin{to{transform:rotate(360deg)}}
.ov-badge{position:relative;animation:reveal 1s cubic-bezier(.2,1.5,.4,1) both}
@keyframes reveal{0%{opacity:0;transform:scale(.2) rotate(-30deg);filter:brightness(3) blur(6px)}60%{filter:brightness(1.4)}100%{opacity:1;transform:none;filter:none}}
.ov-burst{position:absolute;top:50%;left:50%}.ov-burst i{position:absolute;width:9px;height:13px;margin:-6px -4px;background:linear-gradient(160deg,#F2E7CF,#B9A077);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);opacity:0;animation:burst 1.1s cubic-bezier(.15,.8,.3,1) .45s forwards}.ov-burst i:nth-child(3n){background:linear-gradient(160deg,#BFE6EC,#358B9A)}
@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.4)}100%{opacity:0;transform:rotate(var(--a)) translateY(-220px) scale(1.2)}}
.sh-stack{display:flex;justify-content:center;margin-bottom:8px}.sh-stack span{margin:0 -10px;animation:bpop .7s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(var(--i)*.12s)}
.cf{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:fall var(--d) ease-in forwards;pointer-events:none}
@keyframes fall{to{transform:translateY(110vh) rotate(var(--r));opacity:.8}}
.tgl{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:14px;cursor:pointer}.tgl input{accent-color:#B9A077;width:17px;height:17px}
.wd-stage{min-height:200px}
@media (max-width:640px){.top .btn.sm{padding:0 10px}.ov-rays{width:460px;height:460px;margin:-330px -230px}}
/* ===== admin ===== */
.wrap.wide{width:min(1240px,100%)}
.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.ff{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ff1{display:flex;flex-direction:column;gap:12px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cards.two{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
.gcard{display:flex;flex-direction:column;gap:6px}.off{opacity:.5}
.tabs button{display:inline-flex;align-items:center;gap:6px}
.chip.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.bad-t{color:var(--bad)}
.tprev{height:70px;border-radius:12px;display:grid;place-items:center;border:1px solid var(--line)}.tprev span{display:flex;gap:6px;padding:10px 14px;border-radius:10px}.tprev i{width:22px;height:22px;border-radius:6px;display:block}
.clr-in{width:44px;height:36px;border:1px solid var(--line2);border-radius:10px;background:none;cursor:pointer;padding:2px}.clr-l{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--muted)}
.ed{grid-template-columns:220px 1fr}.ed-prev{align-self:start;position:sticky;top:0;min-height:200px;justify-content:center}
.ab .bitem .wd-stage{display:flex;gap:4px;justify-content:center}
@media (max-width:640px){.ff{grid-template-columns:1fr}}