/* ═══════════════════════════════════════════════════════════════════════════
 *  v228 · تالار افتخار — روشن، رنگی و شاد (بدون تم تیره)
 * ═══════════════════════════════════════════════════════════════════════════ */
#hon228{--ink:#2a1650;--mut:#8a7aa8;position:fixed;inset:0;z-index:97;display:none;flex-direction:column;max-width:420px;margin:0 auto;overflow:hidden;color:var(--ink);font-family:inherit;
  background:radial-gradient(70% 36% at 100% 0%,rgba(255,138,184,.35),transparent 70%),radial-gradient(60% 30% at 0% 18%,rgba(125,211,252,.4),transparent 70%),radial-gradient(70% 40% at 50% 100%,rgba(253,224,71,.28),transparent 70%),linear-gradient(180deg,#fff5fa,#f4f1ff 50%,#fffbea);-webkit-tap-highlight-color:transparent}
#hon228 *{box-sizing:border-box}
:where(#hon228) button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}
:where(#hon228) svg{display:block}
.hon-hd{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 14px 8px;flex-shrink:0}
.hon-ib{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 16px -8px rgba(124,58,237,.45);flex-shrink:0}
.hon-ib svg{width:20px;height:20px}
[dir=rtl] .hon-ib[data-a=close] svg{transform:scaleX(-1)}
.hon-ttl{flex:1;min-width:0}
.hon-ttl b{display:block;font-size:19px;font-weight:900;background:linear-gradient(90deg,#ff4f8b,#8b5cf6 50%,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:4px}
.hon-ttl small{display:block;font-size:11px;font-weight:700;color:var(--mut)}
.hon-body{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 14px}
.hon-sp{height:calc(30px + env(safe-area-inset-bottom))}
.hon-skel{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.hon-skel i{height:110px;border-radius:22px;background:rgba(139,92,246,.1);animation:hon-p 1.2s infinite}
.hon-skel i:first-child{height:150px}

/* قهرمان */
.hon-hero{position:relative;display:flex;align-items:center;gap:14px;padding:18px 16px;border-radius:26px;overflow:hidden;color:#fff;
  background:linear-gradient(125deg,#ff5f9e 0%,#a35cff 48%,#38bdf8 100%);box-shadow:0 18px 36px -18px rgba(163,92,255,.9)}
.hh-conf{position:absolute;inset:0;pointer-events:none}
.hh-conf i{position:absolute;top:-8px;left:var(--x);width:6px;height:10px;border-radius:2px;background:var(--c);opacity:.85;animation:hon-fall 5s linear var(--d) infinite}
.hh-av{position:relative;width:74px;height:74px;flex-shrink:0;border-radius:50%;overflow:visible}
.hh-av img,.hh-av em{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;font-style:normal;font-weight:900;font-size:26px;background:linear-gradient(135deg,#fde68a,#f59e0b)}
.hh-ring{position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(#ffd166,#fff,#ff8fb8,#7dd3fc,#ffd166);animation:hon-rot 6s linear infinite}
.hh-tx{position:relative;flex:1;min-width:0}
.hh-tx>b{display:block;font-size:18px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 8px rgba(0,0,0,.18)}
.hh-st{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.hh-st span{display:inline-flex;align-items:baseline;gap:2px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.22);font-size:11px;font-weight:800}
.hh-st em{font-style:normal;font-size:15px;font-weight:900}
.hh-st small{font-size:10px;opacity:.85}
.hh-bar{height:6px;margin-top:9px;border-radius:9px;background:rgba(255,255,255,.3);overflow:hidden}
.hh-bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#fff,#ffe58f)}

/* ویترین */
.hon-show{margin-top:14px;padding:14px;border-radius:24px;background:#fff;box-shadow:0 14px 30px -20px rgba(124,58,237,.55)}
.hs-hd{display:flex;align-items:center;gap:8px}
.hs-hd b{flex:1;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:900}
.hs-hd b svg{width:20px;height:20px;color:#f59e0b}
.hs-hd span{font-size:12px;font-weight:900;color:#8b5cf6;background:#f3edff;padding:3px 9px;border-radius:99px}
.hs-hd button{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:11px;font-size:12px;font-weight:900;color:#fff !important;background:linear-gradient(135deg,#ff5f9e,#a35cff)}
.hs-hd button svg{width:14px;height:14px}
.hs-slots{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;justify-content:center}
.hs-slot{position:relative;width:68px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.hs-ped{position:absolute;bottom:0;left:50%;width:58px;height:16px;margin-left:-29px;border-radius:50%;background:radial-gradient(closest-side,rgba(163,92,255,.35),transparent)}
.hs-slot .hm-medal,.hs-slot .hm-img{position:relative;width:60px;height:66px;object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 6px 10px rgba(124,58,237,.3));animation:hon-bob 3s ease-in-out infinite}
.hs-slot:nth-child(2n) .hm-medal{animation-delay:-1.5s}
.hs-add{position:relative;width:54px;height:54px;margin-bottom:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px dashed #d8c7ff;color:#a78bfa;background:#faf7ff}
.hs-add svg{width:22px;height:22px}
.hs-slot.lock .hs-add{border-color:#fcd34d;color:#f59e0b;background:#fffbeb}
.hs-slot.lock small{position:absolute;bottom:-4px;font-size:9px;font-weight:900;color:#b45309;white-space:nowrap}
.hs-tip{margin:10px 0 0;text-align:center;font-size:11px;font-weight:700;color:var(--mut)}

/* زبانه‌ها */
.hon-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;margin:16px 0 12px;padding:4px;border-radius:16px;background:#fff;box-shadow:0 10px 24px -18px rgba(124,58,237,.6)}
.hon-tabs button{position:relative;z-index:1;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:900;color:var(--mut);transition:color .25s}
.hon-tabs button.on{color:#fff}
.hon-tabs em{font-style:normal;font-size:10.5px;padding:1px 7px;border-radius:99px;background:rgba(139,92,246,.12)}
.hon-tabs button.on em{background:rgba(255,255,255,.25)}
.ht-ind{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);inset-inline-start:4px;border-radius:12px;background:linear-gradient(135deg,#ff5f9e,#a35cff);box-shadow:0 8px 18px -8px #a35cff;transition:transform .32s cubic-bezier(.3,1.2,.4,1)}
[dir=rtl] .hon-tabs.r .ht-ind{transform:translateX(-100%)}
[dir=ltr] .hon-tabs.r .ht-ind{transform:translateX(100%)}

/* شبکهٔ نشان‌ها */
.hon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.hon-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 11px;border-radius:20px;text-align:center;background:#fff;box-shadow:0 10px 22px -18px rgba(124,58,237,.7);border:1.5px solid transparent !important;transition:transform .15s}
.hon-card:active{transform:scale(.96)}
.hon-card.r-rare{background:linear-gradient(180deg,#eef7ff,#fff 55%)}
.hon-card.r-epic{background:linear-gradient(180deg,#f5edff,#fff 55%)}
.hon-card.r-legend{background:linear-gradient(180deg,#fff4dc,#fff 55%);border-color:#fde68a !important}
.hon-card.worn{border-color:#a78bfa !important}
.hc-art{width:78px;height:86px;display:flex;align-items:center;justify-content:center}
.hc-art .hm-medal,.hc-art .hm-img{width:100%;height:100%;object-fit:contain}
.hon-card.off .hc-art{filter:grayscale(1) contrast(.8);opacity:.45}
.hon-card>b{font-size:11.5px;font-weight:900;line-height:1.3;min-height:2.6em;display:flex;align-items:center}
.hon-card.off>b{color:#9a8fb3}
.hc-rar{position:absolute;top:7px;inset-inline-start:7px;font-size:8.5px;font-weight:900;padding:2px 6px;border-radius:7px;color:#fff;background:#94a3b8}
.r-rare .hc-rar{background:linear-gradient(135deg,#38bdf8,#2563eb)}
.r-epic .hc-rar{background:linear-gradient(135deg,#c084fc,#7c3aed)}
.r-legend .hc-rar{background:linear-gradient(135deg,#fbbf24,#f97316)}
.hc-worn{position:absolute;top:6px;inset-inline-end:6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff}
.hc-worn svg{width:12px;height:12px}
.hc-dots{display:flex;gap:3px}
.hc-dots i{width:7px;height:7px;border-radius:50%;background:#e9e3f7}
.hc-dots i.on{background:linear-gradient(135deg,#ffd166,#f59e0b);box-shadow:0 0 5px rgba(245,158,11,.6)}
.hc-prog{width:86%;height:5px;border-radius:9px;background:#efe9fb;overflow:hidden;margin-top:2px}
.hc-prog i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#ff5f9e,#a35cff)}
.hc-num{font-size:9.5px;font-weight:800;color:var(--mut);direction:ltr}
.hc-max{font-size:10px;font-weight:900;color:#d97706}
.hc-hint{font-size:9.5px;font-weight:700;color:var(--mut)}
.hon-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--mut);text-align:center}
.hon-empty svg{width:36px;height:36px;color:#c4b5fd}
.hon-empty p{font-weight:800;font-size:13px}

/* برگه‌ها */
.hon-sbg{position:absolute;inset:0;z-index:5;background:rgba(42,22,80,.42);animation:hon-f .2s both}
.hon-sheet{position:absolute;left:0;right:0;bottom:0;z-index:6;max-height:92%;overflow-y:auto;padding:16px 16px calc(18px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fff,#fbf8ff);box-shadow:0 -20px 40px -20px rgba(124,58,237,.5);animation:hon-up .32s cubic-bezier(.2,.9,.3,1.05) both;text-align:center}
.hon-x{position:absolute;top:12px;inset-inline-end:12px;z-index:3;width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:#f3edff;color:#6d28d9}
.hon-x svg{width:17px;height:17px}
.ms-stage{position:relative;height:190px;margin:-4px -4px 6px;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(60% 60% at 50% 50%,color-mix(in srgb,var(--a) 45%,#fff),transparent 72%),linear-gradient(160deg,#fff0f7,#eef6ff)}
.ms-rays{position:absolute;left:50%;top:50%;width:420px;height:420px;margin:-210px 0 0 -210px;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--a) 22%,transparent) 0 8deg,transparent 8deg 22deg);animation:hon-rot 22s linear infinite;border-radius:50%;-webkit-mask:radial-gradient(circle,#000 20%,transparent 60%);mask:radial-gradient(circle,#000 20%,transparent 60%)}
.ms-big{position:relative;width:150px;height:165px;animation:hon-bob 3.2s ease-in-out infinite;filter:drop-shadow(0 14px 22px rgba(124,58,237,.35))}
.ms-big .hm-medal,.ms-big .hm-img,.ms-big .hon-fx{width:100%;height:100%;object-fit:contain;display:block;position:relative}
.ms-rar{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:900;padding:3px 10px;border-radius:99px;color:#fff;background:#94a3b8}
.ms-rar.r-rare{background:linear-gradient(135deg,#38bdf8,#2563eb)}.ms-rar.r-epic{background:linear-gradient(135deg,#c084fc,#7c3aed)}.ms-rar.r-legend{background:linear-gradient(135deg,#fbbf24,#f97316)}
.ms-t{margin:8px 0 4px;font-size:20px;font-weight:900;color:var(--ink)}
.ms-d{margin:0 6px 12px;font-size:12.5px;line-height:1.85;font-weight:700;color:#6b5a8e}
.ms-lad{display:flex;flex-direction:column;gap:7px;text-align:start}
.ml-row{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:15px;background:#f7f4fd;border:1.5px solid transparent}
.ml-row.done{background:linear-gradient(90deg,#fff4dc,#fff 80%)}
[dir=ltr] .ml-row.done{background:linear-gradient(270deg,#fff4dc,#fff 80%)}
.ml-row.cur{border-color:#c4b5fd}
.ml-art{width:40px;height:44px;flex-shrink:0}
.ml-art .hm-medal,.ml-art .hm-img{width:100%;height:100%;object-fit:contain}
.ml-row:not(.done) .ml-art{filter:grayscale(1);opacity:.5}
.ml-row>div{flex:1;min-width:0}
.ml-row b{display:block;font-size:12.5px;font-weight:900}
.ml-row small{display:block;font-size:11px;font-weight:700;color:var(--mut)}
.ml-ok,.ml-lk{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ml-ok{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}
.ml-lk{background:#ece6f7;color:#a79ac4}
.ml-ok svg,.ml-lk svg{width:14px;height:14px}
.ms-now{margin-top:10px;font-size:12px;font-weight:800;color:#6d28d9}
.ms-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:12px;font-size:11.5px;font-weight:800;color:var(--mut)}
.ms-meta span{display:inline-flex;align-items:center;gap:4px}
.ms-meta svg{width:15px;height:15px}
.ms-btn{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:14px;border-radius:16px;font-size:14.5px;font-weight:900;color:#fff !important;background:linear-gradient(135deg,#ff5f9e,#a35cff 55%,#38bdf8);box-shadow:0 12px 24px -12px #a35cff}
.ms-btn.off{background:#f3edff;color:#6d28d9 !important;box-shadow:none}
.ms-btn.busy{opacity:.7;pointer-events:none}
.ms-lock{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:14px;padding:12px;border-radius:14px;background:#fff7e6;color:#b45309;font-size:12.5px;font-weight:900}
.ms-lock svg{width:16px;height:16px}
.ar-slots{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ar-s{position:relative;width:52px;height:58px;border-radius:14px;border:2px dashed #d8c7ff;background:#faf7ff;display:flex;align-items:center;justify-content:center}
.ar-s.on{border-style:solid;border-color:#a78bfa;background:#fff}
.ar-s .hm-medal,.ar-s .hm-img{width:46px;height:50px;object-fit:contain}
.ar-s em,.ar-it em{position:absolute;top:-6px;inset-inline-end:-6px;width:18px;height:18px;border-radius:50%;font-style:normal;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;background:#8b5cf6;color:#fff}
.ar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ar-it{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 3px;border-radius:14px;background:#f7f4fd;border:2px solid transparent !important}
.ar-it.on{border-color:#a78bfa !important;background:#fff}
.ar-it .hm-medal,.ar-it .hm-img{width:48px;height:52px;object-fit:contain}
.ar-it small{font-size:9.5px;font-weight:800;line-height:1.3;color:#6b5a8e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hr-list{margin:0;padding-inline-start:20px;text-align:start;display:flex;flex-direction:column;gap:9px;font-size:12.5px;line-height:1.85;font-weight:700;color:#5b4a7e}
.hr-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.hr-slots span{display:flex;flex-direction:column;align-items:center;padding:8px 12px;border-radius:14px;background:linear-gradient(180deg,#f3edff,#fff)}
.hr-slots b{font-size:18px;font-weight:900;color:#8b5cf6}
.hr-slots small{font-size:10px;font-weight:800;color:var(--mut)}
.hon-toast{position:fixed;left:50%;bottom:calc(40px + env(safe-area-inset-bottom));z-index:120;transform:translateX(-50%);max-width:88%;padding:11px 18px;border-radius:99px;background:#2a1650;color:#fff;font-size:12.5px;font-weight:900;box-shadow:0 12px 30px rgba(42,22,80,.35);animation:hon-tin .3s both;font-family:inherit}
.hon-toast.ok{background:linear-gradient(135deg,#8b5cf6,#ec4899)}
.hon-toast.out{opacity:0;transition:opacity .35s}

/* ردیف نشان‌ها روی پروفایل / مرکز من / کارت اتاق */
.hon-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:3px;margin:6px 0 2px;cursor:pointer}
.me148 .hon-row{justify-content:flex-start}
.hr-m{width:30px;height:33px;display:inline-flex;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2));animation:hon-bob 3.4s ease-in-out infinite}
.hr-m:nth-child(2n){animation-delay:-1.7s}
.hr-m .hm-medal,.hr-m .hm-img{width:100%;height:100%;object-fit:contain}
.hr-add{display:inline-flex;align-items:center;gap:4px;padding:3px 10px 3px 8px;border-radius:99px;font-size:10.5px;font-weight:900;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.12));border:1px dashed rgba(255,255,255,.55)}
.hr-add svg{width:14px;height:14px}
.pp146 .hr-add{color:#8b5cf6;background:#f3edff;border-color:#d8c7ff}

@keyframes hon-rot{to{transform:rotate(360deg)}}
@keyframes hon-bob{50%{transform:translateY(-4px)}}
@keyframes hon-fall{from{transform:translateY(0) rotate(0)}to{transform:translateY(200px) rotate(540deg)}}
@keyframes hon-p{50%{opacity:.5}}
@keyframes hon-f{from{opacity:0}to{opacity:1}}
@keyframes hon-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes hon-tin{from{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%,0);opacity:1}}
.hm-medal .hm-rays{animation:hon-rot 26s linear infinite;transform-origin:60px 66px}
@media (prefers-reduced-motion:reduce){#hon228 *,.hr-m,.hm-medal *{animation:none !important}}
/* v294 · نشان سطح VIP (خودکار، تایمردار) */
.hr-m.hr-vip{width:38px;height:38px;filter:drop-shadow(0 0 6px rgba(255,200,80,.6)) drop-shadow(0 3px 5px rgba(0,0,0,.25))}
.hr-vip > img,.hr-vip > svg,.hr-vip > .hr-fx{width:100%;height:100%;object-fit:contain;display:block;position:relative}
.hs-slot.hs-vip{position:relative}
.hs-slot.hs-vip > img,.hs-slot.hs-vip > svg,.hs-slot.hs-vip > .hr-fx{position:relative;z-index:1;width:100%;height:100%;transform:scale(1.15);object-fit:contain;display:block;margin:auto}
.hs-tm{position:absolute;z-index:2;bottom:2px;left:50%;transform:translateX(-50%);padding:1px 7px;border-radius:99px;font-size:9.5px;font-weight:900;white-space:nowrap;
  color:#3b1d00;background:linear-gradient(90deg,#fde68a,#f59e0b);box-shadow:0 2px 6px rgba(245,158,11,.5)}
/* v298 · مدال‌های انیمیشنی (مثل VIP 3) */
.hon-fx.hm-fx{display:block;position:relative}
.hs-slot .hon-fx.hm-fx{width:60px;height:66px;margin-bottom:6px}
.hc-art .hon-fx.hm-fx,.hr-m .hon-fx.hm-fx{width:100%;height:100%}
.hon-fx.hm-fx.off{filter:grayscale(1);opacity:.45}
/* v312 · مدال زمان‌دار */
.hc-left312{display:inline-flex;align-items:center;gap:2px;margin-top:3px;padding:1px 8px;border-radius:99px;font-size:10px;font-weight:900;color:#7c2d12;background:linear-gradient(90deg,#fde68a,#fbbf24)}
.ms-left312{display:inline-flex;align-items:center;gap:4px;margin:6px auto 0;padding:3px 12px;border-radius:99px;font-size:11.5px;font-weight:900;color:#7c2d12;background:linear-gradient(90deg,#fde68a,#fbbf24)}

/* v339 · گواهی نشان رسمی، مسیر ارتقا، شرط دریافت، نشان VIP */
.ms-cert{position:relative;margin:2px 0 4px;padding:14px;border-radius:20px;text-align:start;overflow:hidden;
  background:linear-gradient(160deg,#fffaf0,#fff 55%,#fdf4ff);border:1.5px solid #f5d68a;box-shadow:0 14px 30px -20px rgba(180,83,9,.55),inset 0 0 0 4px rgba(255,255,255,.7)}
.ms-cert::before{content:"";position:absolute;inset:6px;border-radius:15px;border:1px dashed rgba(217,119,6,.35);pointer-events:none}
.ms-cert.lock{border-color:#e9dcfb;background:linear-gradient(160deg,#faf7ff,#fff)}
.ms-cert.lock::before{border-color:rgba(124,58,237,.18)}
.ms-cert.vip{border-color:#d8b4fe;background:linear-gradient(160deg,#faf5ff,#fff 60%,#fff7ed)}
.mc-top{position:relative;display:flex;align-items:center;gap:11px}
.mc-seal{flex:none;width:46px;height:46px;filter:drop-shadow(0 6px 10px rgba(180,83,9,.35));animation:hon-bob 3.6s ease-in-out infinite}
.mc-seal svg{width:100%;height:100%}
.ms-cert.lock .mc-seal{filter:grayscale(1) opacity(.55);animation:none}
.mc-top b{display:block;font-size:14px;font-weight:900;color:#92400e}
.ms-cert.lock .mc-top b{color:#6d28d9}
.mc-top small{display:block;font-size:11px;font-weight:700;color:#a16207;margin-top:2px;line-height:1.7}
.ms-cert.lock .mc-top small{color:var(--mut)}
.mc-rows{position:relative;display:flex;flex-direction:column;margin-top:12px;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid #f3e3bd}
.ms-cert.vip .mc-rows{margin-top:0;border-color:#ead7ff}
.mc-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:12px}
.mc-r + .mc-r{border-top:1px solid #f6ebd2}
.ms-cert.vip .mc-r + .mc-r{border-top-color:#f1e6ff}
.mc-r span{color:var(--mut);font-weight:800;flex:none}
.mc-r b{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;font-weight:900;color:var(--ink);text-align:end}
.mc-r b.mc-ok{color:#059669}.mc-r b.mc-ok svg{width:14px;height:14px}
.mc-r b.mc-mono bdi{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;font-size:12px;padding:2px 8px;border-radius:8px;background:#fff7e6;color:#92400e}
.mc-pips{display:inline-flex;gap:3px}.mc-pips i{width:9px;height:9px;border-radius:3px;transform:rotate(45deg);background:#eadfc8}
.mc-pips i.on{background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 0 6px rgba(245,158,11,.6)}
.mc-top1{font-style:normal;font-size:10px;font-weight:900;padding:2px 7px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#fbbf24,#f97316)}
/* مسیر ارتقا */
.ms-path{display:flex;flex-direction:column;gap:7px;text-align:start}
.mp-h{display:flex;align-items:center;justify-content:space-between;padding:0 4px}
.mp-h b{font-size:13px;font-weight:900}.mp-h small{font-size:11px;font-weight:900;color:#7c3aed;background:#f3edff;padding:2px 9px;border-radius:99px}
.mp-row{--mc:#b87333;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:16px;background:#f8f6fc;border:1.5px solid transparent;position:relative;overflow:hidden}
.mp-row.m1{--mc:#94a3b8}.mp-row.m2{--mc:#f59e0b}.mp-row.m3{--mc:#64748b}.mp-row.m4{--mc:#a855f7}
.mp-row::before{content:"";position:absolute;inset-block:8px;inset-inline-start:0;width:3.5px;border-radius:4px;background:var(--mc);opacity:.35}
.mp-row.done{background:linear-gradient(90deg,color-mix(in srgb,var(--mc) 14%,#fff),#fff 85%)}
[dir=ltr] .mp-row.done{background:linear-gradient(270deg,color-mix(in srgb,var(--mc) 14%,#fff),#fff 85%)}
.mp-row.done::before{opacity:1}
.mp-row.cur{border-color:#c4b5fd;background:#fff;box-shadow:0 8px 18px -14px rgba(124,58,237,.6)}
.mp-row:not(.done) .ml-art{filter:grayscale(1);opacity:.5}
.mp-row.cur .ml-art{filter:grayscale(.35);opacity:.85}
.mp-row>div{flex:1;min-width:0}
.mp-row b{display:block;font-size:12.5px;font-weight:900;color:color-mix(in srgb,var(--mc) 70%,#2a1650)}
.mp-row small{display:block;font-size:11px;font-weight:700;color:var(--mut)}
.mp-next{flex:none;font-style:normal;font-size:10px;font-weight:900;padding:4px 9px;border-radius:99px;color:#fff;background:linear-gradient(135deg,#a78bfa,#7c3aed)}
.mp-bar{height:6px;margin-top:6px;border-radius:99px;background:#efe9fb;overflow:hidden}
.mp-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f472b6,#a855f7)}
.mp-num{margin-top:3px;font-weight:900 !important;color:#7c3aed !important}
/* شرط دریافت (نشان تک‌پله‌ای) */
.ms-req{display:flex;align-items:center;gap:11px;padding:12px;border-radius:18px;text-align:start;background:#f8f6fc;border:1.5px solid #ece4fb}
.ms-req.done{background:linear-gradient(160deg,#ecfdf5,#fff);border-color:#a7f3d0}
.mr-ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#ece6f7;color:#8b7bb0}
.ms-req.done .mr-ic{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}
.mr-ic svg{width:17px;height:17px}
.ms-req>div{flex:1;min-width:0}.ms-req b{display:block;font-size:13px;font-weight:900}.ms-req small{display:block;font-size:11.5px;font-weight:700;color:var(--mut);margin-top:2px}
/* نشان VIP در صحنه */
.ms-big .hr-fx,.ms-big > svg{width:100%;height:100%;display:block}
/* v394 · تک‌برگه (زدن روی یک مدال در پروفایل): فقط برگهٔ نشان روی همان صفحه، بی زمینهٔ تالار زیرش */
#hon228.solo{background:none}
/* v395 (v398 برداشت) · تک‌برگهٔ مدال (بازخورد مالک): نیم‌صفحه و فقط اصل مطلب — خود مدال، نوع، نام و توضیح (و شمار دارندگان)؛ بی صحنهٔ
   صورتی و پرتوها پشت مدال، بی کارنامهٔ رسمی، مسیر ارتقا، شرط دریافت و دکمهٔ ویترین (همه در «تالار افتخار» کامل هست) */
/* v396 · روی رایانه #hon228 (۴۲۰px) باریک‌تر از نمای عمومی (۵۲۰px) بود و زمینهٔ تیره‌اش یک مستطیل سیاه جابه‌جا می‌ساخت: در
   تک‌برگه کل صفحه را می‌گیرد، زمینهٔ پشت برگه بی‌رنگ است (فقط برای بستن با زدن بیرون برگه) و خود برگه وسط و هم‌پهنای صفحهٔ زیرش */
#hon228.solo{max-width:none}
#hon228.solo .hon-sbg{background:transparent;animation:none}
#hon228.solo .hon-sheet{left:0;right:0;max-width:420px;margin:0 auto}
#hon228.solo.pv .hon-sheet{max-width:520px}
/* v398 · (بازخورد مالک: «خیلی ساده است») برگهٔ تکی دوباره همان برگهٔ کامل «تالار افتخار»: صحنهٔ صورتی با پرتوهای چرخان، مدال
   بزرگ با افکتش، نوع، نام، توضیح و کارنامهٔ رسمی (درجه، اعطاکننده، تاریخ، شمارهٔ ثبت، وضعیت) یا مسیر ارتقا. قواعد نیم‌صفحهٔ سادهٔ
   v395 برداشته شد؛ جای برگه (v394: بی تالار پشتش، v396: وسط و هم‌پهنای صفحه، زمینهٔ بی‌رنگ) همان است */
#hon228.solo .hon-sheet{box-shadow:0 -1px 0 rgba(31,41,55,.06), 0 -18px 40px -14px rgba(17,24,39,.38)}