.hh-appbar{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(150%);font-family:var(--font-current);background:#07070cc7;border-bottom:1px solid #ffffff0d;align-items:center;padding:12px 14px;display:flex;position:sticky;top:0}.hh-appbar--compact{padding:10px 14px}.hh-appbar-row{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.hh-appbar-spacer{flex:auto}.hh-avatar-btn{cursor:pointer;color:inherit;background:0 0;border:0;flex-shrink:1;align-items:center;gap:10px;min-width:0;max-width:60%;padding:0;font-family:inherit;display:flex;overflow:hidden}.hh-avatar{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-2) 100%);border:1.5px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;overflow:hidden}.hh-avatar-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);z-index:-1;filter:blur(8px);opacity:.6;border-radius:50%;position:absolute;inset:-6px}.hh-avatar-initial{color:#fff;font-size:16px;font-weight:700;font-family:var(--font-display-current)}.hh-avatar-meta{flex-direction:column;flex:auto;min-width:0;line-height:1.15;display:flex;overflow:hidden}.hh-avatar-greet{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.hh-avatar-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.hh-appbar--compact .hh-avatar{width:32px;height:32px}.hh-appbar--compact .hh-avatar-initial{font-size:14px}.hh-appbar--av-end .hh-appbar-row{flex-direction:row-reverse}.hh-appbar-pills{flex-shrink:0;align-items:center;gap:6px;display:flex}.hh-pill{color:var(--text-primary);font-size:12px;font-weight:600;font-family:var(--font-current);cursor:pointer;white-space:nowrap;height:30px;transition:background .18s var(--ease-out,ease), transform .18s ease;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.hh-pill:hover{background:#ffffff17}.hh-pill:active{transform:scale(.96)}.hh-pill svg{color:var(--text-secondary);flex-shrink:0}.hh-pill--streak{background:#ffd60a1a;border-color:#ffd60a4d}.hh-pill--streak svg,.hh-pill--streak span{color:var(--warning)}.hh-pill--coin svg{color:var(--tier-gold)}.hh-pill--xp{background:#7163d924;border-color:#7163d94d}.hh-pill-lvl-label{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:600}html[lang=fa] .hh-pill-lvl-label,html[lang=ar] .hh-pill-lvl-label{letter-spacing:0;text-transform:none;font-size:10px}.hh-pill-lvl-num{color:var(--accent-primary);font-size:13px;font-weight:700}.hh-icon-btn{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s,color .18s;display:inline-flex;position:relative}.hh-icon-btn:hover{color:var(--text-primary);background:#ffffff14}.hh-icon-btn:active{transform:scale(.94)}.hh-notif-dot{top:-4px;background:var(--danger);color:#fff;border:1.5px solid var(--bg-deep);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:-4px}html[lang=fa] .hh-notif-dot,html[lang=ar] .hh-notif-dot{font-family:inherit;font-size:10px}.hh-desk-topbar{-webkit-backdrop-filter:blur(20px)saturate(150%);font-family:var(--font-current);background:#07070cc7;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.hh-desk-topbar-left{align-items:center;gap:24px;display:flex}.hh-desk-logo{color:var(--text-primary);align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.hh-desk-logo-mark{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-2) 100%);color:#fff;width:32px;height:32px;font-family:var(--font-display-current);box-shadow:0 4px 14px var(--accent-glow);border-radius:10px;justify-content:center;align-items:center;font-size:17px;font-weight:800;display:inline-flex}.hh-desk-nav{align-items:center;gap:4px;display:flex}.hh-desk-nav-item{color:var(--text-secondary);transition:background .22s var(--ease-out,ease), box-shadow .22s ease, color .22s ease;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.hh-desk-nav-item:hover{color:var(--text-primary);background:#ffffff0d}.hh-desk-nav-item.is-active{color:var(--accent-primary);background:linear-gradient(#7163d957 0%,#7163d91a 100%);box-shadow:inset 0 0 0 1px #7163d973,inset 0 1px #ffffff1a,0 6px 18px -6px #7163d98c}.hh-desk-nav-item.is-active svg{color:var(--accent-primary);filter:drop-shadow(0 0 6px var(--accent-glow))}.hh-desk-nav-badge{background:var(--danger);color:#fff;border-radius:999px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700}html[lang=fa] .hh-desk-nav-badge,html[lang=ar] .hh-desk-nav-badge{font-family:inherit}.hh-desk-topbar-right{align-items:center;gap:10px;display:flex}.hh-desk-search{color:var(--text-tertiary);font-size:12px;font-family:var(--font-current);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;min-width:200px;padding:6px 10px;display:inline-flex}.hh-desk-search>span:first-of-type{text-align:start;flex:auto}.hh-desk-kbd{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}.hh-desk-avatar{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-primary-2) 100%);color:#fff;width:36px;height:36px;font-family:var(--font-display-current);cursor:pointer;border:1.5px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.hh-bnav{z-index:31;margin:8px 14px calc(14px + env(safe-area-inset-bottom,0));-webkit-backdrop-filter:blur(28px)saturate(165%);isolation:isolate;font-family:var(--font-current);transition:padding .32s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), margin .32s var(--ease-out,cubic-bezier(.16, 1, .3, 1));background:linear-gradient(#1c1c2a9e 0%,#0c0c16c7 100%);border:1px solid #ffffff1a;border-radius:26px;grid-auto-columns:1fr;grid-auto-flow:column;padding:8px 6px;display:grid;position:sticky;bottom:14px;box-shadow:0 24px 50px -16px #000000a6,inset 0 1px #ffffff0d,inset 0 -1px #0000004d}.hh-bnav.is-shrunk{margin:6px 14px calc(10px + env(safe-area-inset-bottom,0));padding:5px 6px;bottom:10px}.hh-bnav-sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;z-index:0;background:radial-gradient(60% 90% at 50% -20%,#ffffff1a 0%,#0000 70%),radial-gradient(90% 120% at 50% 110%,#7163d91f 0%,#0000 60%);position:absolute;inset:0}.hh-bnav-tab{z-index:1;color:var(--text-tertiary);cursor:pointer;transition:background .22s var(--ease-out,ease), box-shadow .22s ease, color .22s ease;background:0 0;border:0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:6px 4px;font-family:inherit;font-size:10px;font-weight:500;display:flex;position:relative}.hh-bnav-tab:hover:not(.is-active){color:var(--text-secondary);background:#ffffff0a}.hh-bnav-tab.is-active{color:var(--accent-primary);background:linear-gradient(#7163d957 0%,#7163d91a 100%);box-shadow:inset 0 0 0 1px #7163d973,inset 0 1px #ffffff1a,0 6px 18px -6px #7163d98c}.hh-bnav-icon{transition:transform .36s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), filter .22s ease, color .22s ease;justify-content:center;align-items:center;display:flex;position:relative}.hh-bnav-tab.is-active .hh-bnav-icon{filter:drop-shadow(0 0 6px var(--accent-glow))}.hh-bnav.is-shrunk .hh-bnav-icon{transform:translateY(2px)scale(1.06)}.hh-bnav-badge{top:-4px;background:var(--danger);color:#fff;border:1.5px solid var(--bg-deep);border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding:0 3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:-8px}html[lang=fa] .hh-bnav-badge,html[lang=ar] .hh-bnav-badge{font-family:inherit;font-size:10px}.hh-bnav-label{opacity:1;white-space:nowrap;text-overflow:ellipsis;height:14px;transition:height .36s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), margin-top .36s var(--ease-out,cubic-bezier(.16, 1, .3, 1)), opacity .22s ease, transform .36s var(--ease-out,cubic-bezier(.16, 1, .3, 1));will-change:height, opacity, transform;margin-top:4px;line-height:14px;display:block;overflow:hidden;transform:translateY(0)}.hh-bnav.is-shrunk .hh-bnav-label{opacity:0;height:0;margin-top:0;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.hh-bnav,.hh-bnav-icon,.hh-bnav-label{transition:none!important}}.hh-hero{font-family:var(--font-current);isolation:isolate;background:#0c0e16;border:1px solid #ffffff12;border-radius:20px;position:relative;overflow:hidden}.hh-hero-bg{z-index:0;position:absolute;inset:0}.hh-hero-bg-pitch{background:radial-gradient(110% 80% at 50% 40%,#22643c73 0%,#0f32204d 35%,#060e0cf2 75%);position:absolute;inset:0}.hh-hero-bg-pitch:after{content:"";mix-blend-mode:overlay;background:repeating-linear-gradient(#fff0 0 36px,#ffffff06 36px 72px);position:absolute;inset:0}.hh-hero-bg-spotlight{aspect-ratio:2;filter:blur(20px);background:radial-gradient(#ffffff1a 0%,#0000 60%);width:70%;position:absolute;top:30%;left:50%;transform:translate(-50%)}.hh-hero-bg-vignette{background:radial-gradient(#0000 50%,#00000080 100%);position:absolute;inset:0}.hh-hero-led{z-index:1;background:linear-gradient(#00000080 0%,#0003 100%);border-bottom:1px solid #ffffff14;height:28px;position:relative;overflow:hidden}.hh-hero-led-track{white-space:nowrap;align-items:center;gap:18px;width:max-content;height:100%;padding-inline:14px;animation:28s linear infinite hh-marquee;display:flex}.hh-hero-led-item{color:#ffffffa6;align-items:center;gap:12px;font-size:11px;font-weight:500;display:inline-flex}.hh-hero-led-eyebrow{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}html[lang=fa] .hh-hero-led-eyebrow,html[lang=ar] .hh-hero-led-eyebrow{text-transform:none;letter-spacing:0;font-family:inherit}.hh-hero-led-sep{color:#fff3}.hh-hero-led-cta{color:#fffc}.hh-hero-led-shine{pointer-events:none;background:linear-gradient(110deg,#0000 0% 40%,#ffffff1a 50%,#0000 60% 100%);animation:4.5s linear infinite hh-led-shine;position:absolute;inset:0}@keyframes hh-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}html[dir=rtl] .hh-hero-led-track{animation-direction:reverse}@keyframes hh-led-shine{0%{opacity:0;transform:translate(-100%)}20%{opacity:1}60%{opacity:1}to{opacity:0;transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.hh-hero-led-track,.hh-hero-led-shine{animation:none}}.hh-hero-content{z-index:2;padding:16px 20px 20px;position:relative}.hh-hero-league{color:var(--text-tertiary);text-align:center;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}html[lang=fa] .hh-hero-league,html[lang=ar] .hh-hero-league{text-transform:none;letter-spacing:0;font-family:inherit;font-size:12px}.hh-hero-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:18px;display:grid}.hh-hero-team{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.hh-hero-crest{color:#fffffff2;letter-spacing:.04em;border:1px solid #ffffff1f;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000073}.hh-hero-crest:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e 0%,#0000 50%);position:absolute;inset:0}.hh-hero-team-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;font-weight:600;overflow:hidden}.hh-hero-center{flex-direction:column;align-items:center;gap:2px;min-width:110px;padding:0 8px;display:flex}.hh-hero-vs{color:var(--text-tertiary);letter-spacing:.16em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}html[lang=fa] .hh-hero-vs,html[lang=ar] .hh-hero-vs{text-transform:none;letter-spacing:0;font-family:inherit;font-size:11px}.hh-hero-countdown{color:var(--text-primary);letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:26px;font-weight:700;line-height:1.1}.hh-hero-countdown-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:9px}html[lang=fa] .hh-hero-countdown-label,html[lang=ar] .hh-hero-countdown-label{letter-spacing:0;text-transform:none;font-size:10px}.hh-hero-date{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;margin-top:6px;font-size:10px;display:flex}.hh-hero-date-sep{color:var(--text-tertiary)}.hh-hero-action{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.hh-hero-action-left{flex:auto;min-width:0}.hh-hero-action-title{color:var(--text-primary);margin-bottom:6px;font-size:12px;font-weight:600;line-height:1.3}.hh-hero-slots{gap:4px;display:flex}.hh-hero-slot{background:#ffffff1a;border-radius:3px;width:18px;height:5px;transition:background .22s}.hh-hero-slot.is-filled{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.hh-hero-cta{color:var(--text-primary);font-size:13px;font-weight:600;font-family:var(--font-current);cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff29 0%,#ffffff0f 100%);border:1px solid #ffffff29;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;transition:transform .18s;display:inline-flex;box-shadow:0 4px 14px #0000004d}.hh-hero-cta:hover{background:linear-gradient(#ffffff38 0%,#ffffff14 100%)}.hh-hero-cta:active{transform:scale(.97)}html[dir=rtl] .hh-hero-cta svg{transform:scaleX(-1)}.hh-hero--dense .hh-hero-content{padding:12px 14px 14px}.hh-hero--dense .hh-hero-crest{border-radius:12px;width:46px;height:46px;font-size:12px}.hh-hero--dense .hh-hero-countdown{font-size:22px}.hh-hero--dense .hh-hero-teams{margin-bottom:12px}.hh-pred{font-family:var(--font-current);isolation:isolate;background:#0c0e16;border:1px solid #ffffff12;border-radius:20px;padding-bottom:12px;position:relative;overflow:hidden}.hh-pred-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hh-pred-bg-glow{background:radial-gradient(95% 65% at 50% 10%,#34d39938 0%,#10b9811f 28%,#0f32200f 55%,#0000 75%),radial-gradient(70% 45% at 50% 100%,#22643c33 0%,#0000 65%);position:absolute;inset:0}.hh-pred-bg-vignette{background:radial-gradient(#0000 50%,#0000008c 100%);position:absolute;inset:0}.hh-pred-led{z-index:1;background:linear-gradient(#0000008c 0%,#0003 100%);border-bottom:1px solid #ffffff14;height:26px;position:relative;overflow:hidden}.hh-pred-led-track{white-space:nowrap;align-items:center;gap:18px;width:max-content;height:100%;padding-inline:14px;animation:28s linear infinite hh-marquee;display:flex}html[dir=rtl] .hh-pred-led-track{animation-direction:reverse}.hh-pred-led-item{color:#ffffffa6;align-items:center;gap:12px;font-size:11px;font-weight:500;display:inline-flex}.hh-pred-led-eyebrow{color:#ffffff73;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}html[lang=fa] .hh-pred-led-eyebrow,html[lang=ar] .hh-pred-led-eyebrow{text-transform:none;letter-spacing:0;font-family:inherit}.hh-pred-led-sep{color:#fff3}.hh-pred-led-cta{color:#fffc}.hh-pred-led-shine{pointer-events:none;background:linear-gradient(110deg,#0000 0% 40%,#ffffff1a 50%,#0000 60% 100%);animation:4.5s linear infinite hh-led-shine;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.hh-pred-led-track,.hh-pred-led-shine{animation:none}}.hh-pred-head{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;padding:14px 16px 10px;display:flex;position:relative}.hh-pred-head-titles{flex:auto;min-width:0}.hh-pred-head-eyebrow{color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}html[lang=fa] .hh-pred-head-eyebrow,html[lang=ar] .hh-pred-head-eyebrow{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.hh-pred-head-title{color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font-display-current);letter-spacing:-.01em;line-height:1.2}.hh-pred-head-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}html[dir=rtl] .hh-pred-head-meta{align-items:flex-start}.hh-pred-head-reward{color:var(--tier-gold);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.hh-pred-head-reward svg{color:var(--tier-gold)}.hh-pred-head-lock{color:var(--text-tertiary);align-items:center;gap:5px;font-size:10px;display:inline-flex}.hh-pred-head-lock-value{color:var(--text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600}html[lang=fa] .hh-pred-head-lock-value,html[lang=ar] .hh-pred-head-lock-value{font-family:inherit}.hh-pred-slider{z-index:2;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;gap:10px;padding:4px 16px 8px;display:flex;position:relative;overflow-x:auto}.hh-pred-slider::-webkit-scrollbar{display:none}.hh-pred-slider.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.hh-pred-slider.is-dragging .hh-pred-card *{pointer-events:none}.hh-pred-pager{z-index:2;align-items:center;gap:6px;margin-top:4px;padding:0 16px;display:flex;position:relative}.hh-pred-dot{cursor:pointer;background:#ffffff29;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .22s,width .22s}.hh-pred-dot.is-active{background:var(--accent-primary);width:22px;box-shadow:0 0 8px var(--accent-glow);border-radius:999px}.hh-pred-allmatches{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-current);background:0 0;border:0;align-items:center;gap:4px;margin-inline-start:auto;padding:4px 0;display:inline-flex}.hh-pred-allmatches:hover{color:var(--text-primary)}html[dir=rtl] .hh-pred-allmatches svg{transform:scaleX(-1)}.hh-pred-card{flex:0 0 calc((100% - 32px - 10px * (var(--pred-cards-per-view,1) - 1)) / var(--pred-cards-per-view,1));scroll-snap-align:start;background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:14px;padding:14px;display:flex;position:relative;overflow:hidden}.hh-pred--multi .hh-pred-card{gap:10px;padding:12px}.hh-pred--multi .hh-pred-card-crest{border-radius:14px;width:54px;height:54px;font-size:13px}.hh-pred--multi .hh-pred-card-time{font-size:22px}.hh-pred--multi .hh-pred-card-countdown{font-size:11px}.hh-pred-card-top{justify-content:space-between;align-items:center;gap:10px;min-height:18px;display:flex}.hh-pred-card-top-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.hh-pred-card-league{color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}html[lang=fa] .hh-pred-card-league,html[lang=ar] .hh-pred-card-league{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.hh-pred-card-tag{color:var(--tier-gold);font-size:10px;font-weight:700;font-family:var(--font-display-current);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,#fcd34d2e 0%,#d977061a 100%);border:1px solid #fcd34d4d;border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}html[lang=fa] .hh-pred-card-tag,html[lang=ar] .hh-pred-card-tag{text-transform:none;letter-spacing:0;font-size:11px}.hh-pred-card-teams{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.hh-pred-card-team{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.hh-pred-card-crest{letter-spacing:.04em;border:1px solid #ffffff24;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:800;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000073}.hh-pred-card-crest:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e 0%,#0000 50%);position:absolute;inset:0}.hh-pred-card-team-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:600;overflow:hidden}.hh-pred-card-center{flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:0 6px;display:flex}.hh-pred-card-time{color:var(--text-primary);letter-spacing:.02em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:22px;font-weight:700;line-height:1}html[lang=fa] .hh-pred-card-time,html[lang=ar] .hh-pred-card-time{font-family:inherit}.hh-pred-card-vs{color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}html[lang=fa] .hh-pred-card-vs,html[lang=ar] .hh-pred-card-vs{text-transform:none;letter-spacing:0;font-family:inherit;font-size:10px}.hh-pred-card-countdown{color:var(--text-secondary);margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:600}html[lang=fa] .hh-pred-card-countdown,html[lang=ar] .hh-pred-card-countdown{font-family:inherit}.hh-pred-card-date{color:var(--text-tertiary);margin-top:3px;font-size:10px}.hh-pred-card-foot{background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;display:flex}.hh-pred-card-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hh-pred-card-chip{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.hh-pred-card-chip--reward{color:var(--tier-gold);background:#fcd34d1f;border-color:#fcd34d40}.hh-pred-card-chip--reward svg{color:var(--tier-gold)}.hh-pred-card-chip--count{color:var(--accent-primary);background:#7163d924;border-color:#7163d947}.hh-pred-card-chip--count svg{color:var(--accent-primary)}.hh-pred-card-cta{color:var(--text-primary);font-size:12px;font-weight:700;font-family:var(--font-current);cursor:pointer;white-space:nowrap;background:linear-gradient(#ffffff29 0%,#ffffff0f 100%);border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:9px 16px;transition:transform .18s,background .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0003,0 6px 16px #00000059}.hh-pred-card-cta:hover{background:linear-gradient(#ffffff38 0%,#ffffff14 100%)}.hh-pred-card-cta:active{transform:scale(.97)}html[dir=rtl] .hh-pred-card-cta svg{transform:scaleX(-1)}.hh-pred--dense .hh-pred-head{padding-top:10px;padding-bottom:8px}.hh-pred--dense .hh-pred-head-title{font-size:14px}.hh-pred--dense .hh-pred-card-crest{border-radius:12px;width:50px;height:50px;font-size:12px}.hh-pred--dense .hh-pred-card-time{font-size:20px}.hh-hero-eyebrow-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hh-hero-eyebrow{color:var(--accent-primary);letter-spacing:.06em;text-transform:uppercase;background:#7163d929;border:1px solid #7163d947;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}html[lang=fa] .hh-hero-eyebrow,html[lang=ar] .hh-hero-eyebrow{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.hh-hero-eyebrow-row .hh-hero-league{text-align:end;text-transform:none;letter-spacing:0;font-family:var(--font-current);color:var(--text-tertiary);margin:0;font-size:11px}.hh-hero-team-side{color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px}html[lang=fa] .hh-hero-team-side,html[lang=ar] .hh-hero-team-side{letter-spacing:0;text-transform:none;font-family:inherit;font-size:10px}.hh-hero-predict{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.hh-pred-btn{color:var(--text-primary);cursor:pointer;font-family:var(--font-current);isolation:isolate;background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;transition:transform .18s,background .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.hh-pred-btn:after{content:"";z-index:-1;background:radial-gradient(at 50% 110%,#ffffff0f 0%,#0000 60%);position:absolute;inset:0}.hh-pred-btn:hover{background:linear-gradient(#ffffff1a 0%,#ffffff0a 100%);border-color:#ffffff2e}.hh-pred-btn:active{transform:scale(.97)}.hh-pred-btn-mark{color:var(--text-primary);font-size:18px;font-weight:800;font-family:var(--font-display-current);line-height:1}.hh-pred-btn--draw .hh-pred-btn-mark{color:var(--text-secondary)}.hh-pred-btn-label{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.hh-pred-btn-payout{color:var(--tier-gold);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:700}html[lang=fa] .hh-pred-btn-payout,html[lang=ar] .hh-pred-btn-payout{font-family:inherit}.hh-hero-footer{background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.hh-hero-reward{color:var(--tier-gold);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.hh-hero-reward svg{color:var(--tier-gold)}.hh-hero-more{color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-current);background:0 0;border:0;align-items:center;gap:4px;padding:2px 0;display:inline-flex}.hh-hero-more:hover{color:var(--text-primary)}html[dir=rtl] .hh-hero-more svg{transform:scaleX(-1)}.hh-submit-tile{font-family:var(--font-current);color:var(--text-primary);isolation:isolate;text-align:start;cursor:pointer;background:linear-gradient(#ffffff0a 0%,#ffffff03 100%);border:1px solid #ffffff12;border-radius:14px;flex-direction:column;gap:8px;height:100%;padding:12px 14px;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.hh-submit-tile:hover{background:linear-gradient(#ffffff0f 0%,#ffffff05 100%);border-color:#ffffff1f}.hh-submit-tile:active{transform:scale(.98)}.hh-submit-tile.is-ready{background:linear-gradient(#34d3991a 0%,#34d39905 100%);border-color:#34d3994d}.hh-submit-tile-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hh-submit-tile-title-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.hh-submit-tile-title-row svg{color:var(--accent-primary)}.hh-submit-tile-head>svg{color:var(--text-tertiary);flex-shrink:0}html[dir=rtl] .hh-submit-tile-head>svg{transform:scaleX(-1)}.hh-submit-tile-status{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1.2}.hh-submit-tile.is-ready .hh-submit-tile-status{color:var(--success)}.hh-submit-tile-slots{gap:4px;display:flex}.hh-submit-tile-slot{background:#ffffff0f;border-radius:4px;flex:1 1 0;height:6px;transition:background .22s,box-shadow .22s}.hh-submit-tile-slot.is-filled{background:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow)}.hh-submit-tile.is-ready .hh-submit-tile-slot.is-filled{background:var(--success);box-shadow:0 0 8px #34d39973}.hh-submit-tile-foot{color:var(--text-tertiary);align-items:center;gap:5px;margin-top:auto;font-size:10px;display:inline-flex}.hh-submit-tile-foot svg,.hh-submit-tile-foot-label{color:var(--text-tertiary)}.hh-submit-tile-foot-value{color:var(--text-secondary);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:600}html[lang=fa] .hh-submit-tile-foot-value,html[lang=ar] .hh-submit-tile-foot-value{font-family:inherit}.hh-coin-tile{color:var(--text-primary);font-family:var(--font-current);isolation:isolate;text-align:start;cursor:pointer;background:linear-gradient(140deg,#fcd34d1a 0%,#d977060f 50%,#0000001a 100%);border:1px solid #fcd34d38;border-radius:14px;flex-direction:column;justify-content:space-between;gap:6px;height:100%;padding:12px 14px;transition:border-color .18s,transform .18s;display:flex;position:relative;overflow:hidden}.hh-coin-tile:hover{border-color:#fcd34d5c}.hh-coin-tile:active{transform:scale(.98)}.hh-coin-tile-glow{top:-40px;background:var(--tier-gold);opacity:.18;filter:blur(36px);pointer-events:none;z-index:-1;border-radius:50%;width:140px;height:140px;position:absolute;inset-inline-end:-40px}.hh-coin-tile-head{color:var(--tier-gold);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.hh-coin-tile-head>span{flex:auto}.hh-coin-tile-head>svg:last-child{color:#fcd34d8c;flex-shrink:0}html[dir=rtl] .hh-coin-tile-head>svg:last-child{transform:scaleX(-1)}.hh-coin-tile-balance{flex-direction:column;gap:0;display:flex}.hh-coin-tile-balance-num{color:var(--tier-gold);font-size:26px;font-weight:800;font-family:var(--font-display-current);letter-spacing:-.01em;line-height:1}.hh-coin-tile-balance-label{color:var(--text-tertiary);margin-top:4px;font-size:10px}.hh-coin-tile-hint{color:var(--text-secondary);align-items:center;gap:5px;margin-top:auto;font-size:10px;display:inline-flex}.hh-bento-tile--coin .hh-coin-tile-balance-num{font-size:24px}.hh-bento-tile--coin .hh-coin-tile-balance{margin-top:auto}.hh-bento-tile--coin .hh-coin-tile-balance-label{font-size:10px}.hh-coin-tile--hero{cursor:default;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.hh-coin-tile--hero:hover{border-color:#fcd34d4d;transform:none}.hh-coin-tile-hero-main{flex-direction:column;gap:6px;min-width:0;display:flex}.hh-coin-tile--hero .hh-coin-tile-head{color:var(--tier-gold);font-size:11px;font-weight:600}.hh-coin-tile--hero .hh-coin-tile-balance{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.hh-coin-tile--hero .hh-coin-tile-balance-num{font-size:36px;line-height:1}.hh-coin-tile-hero-meta{flex-wrap:wrap;align-items:center;gap:10px;display:inline-flex}.hh-coin-tile-hero-meta-item{color:var(--text-tertiary);align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.hh-coin-tile-hero-meta-item svg{color:var(--text-tertiary)}.hh-coin-tile-hero-cta{color:var(--tier-gold);font-family:var(--font-current);cursor:pointer;background:linear-gradient(#fcd34d33 0%,#d977061a 100%);border:1px solid #fcd34d52;border-radius:12px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:700;transition:border-color .18s,transform .12s;display:inline-flex}.hh-coin-tile-hero-cta:hover{border-color:#fcd34d8f}.hh-coin-tile-hero-cta:active{transform:scale(.98)}.hh-stat{font-family:var(--font-current);background:#ffffff08;border:1px solid #ffffff12;border-radius:14px;align-items:flex-start;gap:10px;min-width:0;padding:12px 13px;display:flex;position:relative}.hh-stat--glass{background:linear-gradient(#ffffff0a 0%,#ffffff03 100%)}.hh-stat--accent{background:linear-gradient(180deg, color-mix(in oklab, var(--stat-accent) 14%, transparent) 0%, color-mix(in oklab, var(--stat-accent) 4%, transparent) 100%);border-color:color-mix(in oklab, var(--stat-accent) 28%, transparent)}.hh-stat-icon{background:color-mix(in oklab, var(--stat-accent) 18%, transparent);width:26px;height:26px;color:var(--stat-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hh-stat-body{flex:auto;min-width:0}.hh-stat-value{color:var(--text-primary);align-items:baseline;gap:8px;font-size:20px;font-weight:700;line-height:1.1;display:flex}.hh-stat-delta{border-radius:999px;align-items:center;gap:2px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-flex}.hh-stat-delta.is-up{color:var(--success);background:#34d39924}.hh-stat-delta.is-down{color:var(--danger);background:#fb718524}.hh-stat-label{color:var(--text-secondary);margin-top:3px;font-size:11px}.hh-stat-sub{color:var(--text-tertiary);margin-top:2px;font-size:10px}.hh-stat-bar{background:#ffffff0f;border-radius:999px;height:4px;margin-top:8px;overflow:hidden}.hh-stat-bar>span{background:var(--stat-accent);height:100%;box-shadow:0 0 8px color-mix(in oklab, var(--stat-accent) 50%, transparent);border-radius:999px;display:block}.hh-qa{color:var(--text-primary);text-align:start;cursor:pointer;font-family:var(--font-current);background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;transition:transform .18s,background .18s;display:flex;position:relative;overflow:hidden}.hh-qa:hover{background:#ffffff12}.hh-qa:active{transform:scale(.98)}.hh-qa-bg{background:radial-gradient(circle at 80% 20%, color-mix(in oklab, var(--qa-accent) 30%, transparent) 0%, transparent 50%);z-index:0;position:absolute;inset:0}html[dir=rtl] .hh-qa-bg{background:radial-gradient(circle at 20% 20%, color-mix(in oklab, var(--qa-accent) 30%, transparent) 0%, transparent 50%)}.hh-qa-icon{background:color-mix(in oklab, var(--qa-accent) 22%, transparent);width:38px;height:38px;color:var(--qa-accent);z-index:1;border:1px solid color-mix(in oklab, var(--qa-accent) 35%, transparent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hh-qa-body{z-index:1;flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.hh-qa-label{color:var(--text-primary);font-size:13px;font-weight:600}.hh-qa-sub{color:var(--text-tertiary);font-size:10px}.hh-qa-arrow{color:var(--text-tertiary);z-index:1;flex-shrink:0}html[dir=rtl] .hh-qa-arrow svg{transform:scaleX(-1)}.hh-qa-tile{border:1px solid color-mix(in oklab, var(--qa-accent) 22%, transparent);background:linear-gradient(150deg, color-mix(in oklab, var(--qa-accent) 16%, transparent) 0%, color-mix(in oklab, var(--qa-accent) 4%, transparent) 60%, #ffffff03 100%);color:var(--text-primary);text-align:start;cursor:pointer;font-family:var(--font-current);isolation:isolate;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;height:100%;min-height:96px;padding:12px 12px 11px;transition:transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.hh-qa-tile:hover{border-color:color-mix(in oklab, var(--qa-accent) 40%, transparent)}.hh-qa-tile:active{transform:scale(.97)}.hh-qa-tile-bg{background:radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--qa-accent) 24%, transparent) 0%, transparent 60%);z-index:-1;position:absolute;inset:0}html[dir=rtl] .hh-qa-tile-bg{background:radial-gradient(circle at 0% 0%, color-mix(in oklab, var(--qa-accent) 24%, transparent) 0%, transparent 60%)}.hh-qa-tile-icon{background:color-mix(in oklab, var(--qa-accent) 20%, transparent);width:32px;height:32px;color:var(--qa-accent);border:1px solid color-mix(in oklab, var(--qa-accent) 35%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hh-qa-tile-label{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.2}.hh-qa-tile-sub{color:var(--text-tertiary);margin-top:auto;font-size:10px;line-height:1.3}.hh-rail{margin-inline:-14px;padding-inline:0;position:relative;overflow:hidden}.hh-rail-track{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:12px;padding:24px 14px 8px;display:flex;overflow-x:auto}html[dir=rtl] .hh-rail-track{direction:rtl}.hh-rail-track::-webkit-scrollbar{height:6px}.hh-rail-track::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent-primary) 60%, transparent);border-radius:3px}.hh-rail-track::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.hh-rail-item{scroll-snap-align:start;flex-shrink:0}.hh-rail-card{position:relative}.hh-rail-card-clip{display:inline-block}.hh-rail-ribbons{z-index:5}.mc-ribbon--bonus{color:#f5f4f0;background:linear-gradient(#7163d9eb 0%,#534ab7e0 100%);border:1px solid #fff3}.mc-ribbon--rare{color:#07070c;background:linear-gradient(#93c5fdeb 0%,#60a5fae0 100%);border:1px solid #ffffff40}.hh-rail-fallback{width:200px;height:310px;color:var(--text-tertiary);border:1px dashed #ffffff1a;justify-content:center;align-items:center;font-size:11px;display:flex}.hh-mission{font-family:var(--font-current);isolation:isolate;background:#140e04b3;border:1px solid #fcd34d33;border-radius:18px;padding:18px 18px 16px;position:relative;overflow:hidden}.hh-mission-bg{z-index:0;background:radial-gradient(100% 60% at 100% 0,#fcd34d2e 0%,#0000 60%),radial-gradient(80% 50% at 0 100%,#d977061a 0%,#0000 60%);position:absolute;inset:0}html[dir=rtl] .hh-mission-bg{background:radial-gradient(100% 60% at 0 0,#fcd34d2e 0%,#0000 60%),radial-gradient(80% 50% at 100% 100%,#d977061a 0%,#0000 60%)}.hh-mission>*{z-index:1;position:relative}.hh-mission-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hh-mission-tag{color:var(--tier-gold);letter-spacing:.08em;text-transform:uppercase;background:#fcd34d1f;border:1px solid #fcd34d40;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}html[lang=fa] .hh-mission-tag,html[lang=ar] .hh-mission-tag{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.hh-mission-reward{color:var(--tier-gold);font-size:13px;font-weight:700}.hh-mission-title{color:var(--text-primary);font-size:17px;font-weight:700;font-family:var(--font-display-current);margin:0 0 6px}.hh-mission-desc{color:var(--text-secondary);margin:0 0 14px;font-size:12px;line-height:1.5}.hh-mission-cards{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.hh-mission-mcard{aspect-ratio:3/4;font-family:var(--font-display-current);border-radius:8px;flex-direction:column;justify-content:space-between;align-items:stretch;padding:6px 6px 5px;display:flex;position:relative;overflow:hidden}.hh-mission-mcard--owned{background:linear-gradient(160deg, color-mix(in oklab, var(--mc-tier) 36%, transparent) 0%, color-mix(in oklab, var(--mc-tier) 12%, transparent) 100%);border:1px solid color-mix(in oklab, var(--mc-tier) 50%, transparent);color:var(--mc-tier)}.hh-mission-mcard--missing{color:var(--text-tertiary);background:#ffffff06;border:1px dashed #ffffff26}.hh-mission-mcard-top{justify-content:space-between;align-items:center;gap:4px;display:flex}.hh-mission-mcard-pos{letter-spacing:.06em;color:#ffffffd9;background:#00000059;border-radius:6px;padding:1px 5px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:700}.hh-mission-mcard-name{color:#fffffff5;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.hh-mission-mcard--missing .hh-mission-mcard-name{color:var(--text-tertiary);font-weight:600}.hh-mission-mcard-foot{letter-spacing:.04em;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:600;display:flex}.hh-mission-mcard-need{text-transform:uppercase}html[lang=fa] .hh-mission-mcard-need,html[lang=ar] .hh-mission-mcard-need{text-transform:none;letter-spacing:0}.hh-mission.is-state-ready{border-color:#fcd34d8c;box-shadow:inset 0 0 32px #fcd34d2e}.hh-mission.is-state-claimed{filter:saturate(.65);opacity:.85}.hh-mission.is-state-claimed .hh-mission-mcard--owned{filter:grayscale(.4)}.hh-mission.is-state-locked .hh-mission-cards{display:none}.hh-mission-timer-label{color:var(--text-tertiary);font-size:10px;font-weight:500}.hh-mission-meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.hh-mission-progress{flex:auto;min-width:0}.hh-mission-progress-bar{background:#ffffff0f;border-radius:999px;height:6px;overflow:hidden}.hh-mission-progress-bar>span{background:linear-gradient(90deg, var(--tier-gold) 0%, var(--warning-2) 100%);height:100%;display:block;box-shadow:0 0 12px #fcd34d80}.hh-mission-progress-text{color:var(--text-tertiary);margin-top:5px;font-size:11px}.hh-mission-timer{color:var(--text-secondary);background:#0000004d;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 10px;font-size:11px;display:inline-flex}.hh-mission-timer svg{color:var(--tier-gold)}.hh-mission-actions{gap:8px;display:flex}.hh-btn{font-family:var(--font-current);cursor:pointer;border:1px solid #0000;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:6px;min-width:0;padding:9px 14px;font-size:12px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.hh-btn:active{transform:scale(.97)}.hh-btn--primary{color:var(--text-primary);background:linear-gradient(#ffffff29 0%,#ffffff0f 100%);border-color:#ffffff29}.hh-btn--primary:hover{background:linear-gradient(#fff3 0%,#ffffff14 100%)}.hh-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#ffffff1a}.hh-btn--ghost:hover{background:#ffffff0a}.hh-btn--lg{padding:12px 22px;font-size:14px}.hh-drow{font-family:var(--font-current);background:linear-gradient(#ffffff0b 0%,#ffffff05 100%);border:1px solid #ffffff14;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px;transition:border-color .18s,transform .18s;display:grid;position:relative;overflow:hidden}.hh-drow:hover{border-color:#ffffff29}.hh-drow.is-ready{border-color:color-mix(in oklab, var(--success) 50%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--success) 14%, transparent) 0%, #ffffff06 60%)}.hh-drow--sponsored{border-color:color-mix(in oklab, var(--drow-accent) 30%, transparent);background:linear-gradient(90deg, color-mix(in oklab, var(--drow-accent) 12%, transparent) 0%, #ffffff06 35%)}.hh-drow-spbar{inset-inline-start:0;background:var(--drow-accent);width:3px;position:absolute;top:0;bottom:0;overflow:hidden}.hh-drow-spbar-shine{background:linear-gradient(#0000 0%,#ffffff8c 50%,#0000 100%);height:30%;animation:3s linear infinite hh-drow-shine;position:absolute;top:0;left:0;right:0}@keyframes hh-drow-shine{0%{top:-30%}to{top:130%}}@media (prefers-reduced-motion:reduce){.hh-drow-spbar-shine{animation:none}}.hh-drow-icon{background:linear-gradient(180deg, color-mix(in oklab, var(--accent-primary) 18%, transparent) 0%, color-mix(in oklab, var(--accent-primary) 6%, transparent) 100%);width:36px;height:36px;color:var(--accent-primary);border:1px solid color-mix(in oklab, var(--accent-primary) 28%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hh-drow.is-ready .hh-drow-icon{background:linear-gradient(180deg, color-mix(in oklab, var(--success) 22%, transparent) 0%, color-mix(in oklab, var(--success) 8%, transparent) 100%);color:var(--success);border-color:color-mix(in oklab, var(--success) 38%, transparent)}.hh-drow--sponsored .hh-drow-icon{background:var(--drow-accent);color:#fff;border-color:color-mix(in oklab, var(--drow-accent) 60%, transparent)}.hh-drow-sp-mark{font-family:var(--font-display-current);font-size:16px;font-weight:800}.hh-drow-body{min-width:0}.hh-drow-titles{line-height:1.2}.hh-drow-sp-tag{color:var(--drow-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:9px;font-weight:700}html[lang=fa] .hh-drow-sp-tag,html[lang=ar] .hh-drow-sp-tag{letter-spacing:0;text-transform:none;font-family:inherit;font-size:10px}.hh-drow-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.005em;font-size:13px;font-weight:700;overflow:hidden}.hh-drow-bar{background:#ffffff0d;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.hh-drow-bar>span{background:linear-gradient(90deg, var(--accent-primary) 0%, var(--accent-primary-2) 100%);height:100%;box-shadow:0 0 10px color-mix(in oklab, var(--accent-primary) 50%, transparent);border-radius:999px;transition:width .32s;display:block}.hh-drow.is-ready .hh-drow-bar>span{background:linear-gradient(90deg, var(--success) 0%, var(--success-2,var(--success)) 100%);box-shadow:0 0 10px color-mix(in oklab, var(--success) 50%, transparent)}.hh-drow--sponsored .hh-drow-bar>span{background:var(--drow-accent)}.hh-drow-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:7px;display:flex}.hh-drow-progress{color:var(--text-tertiary);font-feature-settings:"tnum";font-size:11px;font-weight:600}html[lang=fa] .hh-drow-progress,html[lang=ar] .hh-drow-progress{font-family:inherit}.hh-drow-reward{color:var(--accent-primary);background:color-mix(in oklab, var(--accent-primary) 12%, transparent);border:1px solid color-mix(in oklab, var(--accent-primary) 22%, transparent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.hh-drow.is-ready .hh-drow-reward{color:var(--success);background:color-mix(in oklab, var(--success) 14%, transparent);border-color:color-mix(in oklab, var(--success) 26%, transparent)}.hh-pack{font-family:var(--font-current);background:#140e26b3;border:1px solid #7163d940;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.hh-pack-bg{z-index:0;background:radial-gradient(at 0%,#7163d933 0%,#0000 50%),radial-gradient(at 100%,#fcd34d1a 0%,#0000 60%);position:absolute;inset:0}.hh-pack>:not(.hh-pack-bg){z-index:1}.hh-pack-mark{flex-shrink:0;width:56px;height:64px;position:relative}.hh-pack-spine{background:linear-gradient(180deg, var(--accent-primary) 0%, var(--accent-primary-2) 60%, var(--accent-primary-3) 100%);border-radius:8px;position:absolute;inset:0;box-shadow:0 8px 18px #534ab773,inset 0 1px #fff3,inset 0 -1px #00000040}.hh-pack-face{color:#ffffffeb;background:#0003;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;inset:6px}.hh-pack-shine{pointer-events:none;background:linear-gradient(110deg,#0000 0% 38%,#ffffff4d 50%,#0000 62% 100%);border-radius:8px;animation:4s linear infinite hh-pack-shine;position:absolute;inset:0}@keyframes hh-pack-shine{0%{transform:translate(-110%)}to{transform:translate(110%)}}@media (prefers-reduced-motion:reduce){.hh-pack-shine{animation:none}}.hh-pack-body{min-width:0}.hh-pack-tag{color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-bottom:3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;font-weight:700;display:inline-flex}html[lang=fa] .hh-pack-tag,html[lang=ar] .hh-pack-tag{letter-spacing:0;text-transform:none;font-family:inherit;font-size:11px}.hh-pack-sub{color:var(--text-secondary);margin-bottom:6px;font-size:12px}.hh-pack-price{align-items:baseline;gap:7px;display:inline-flex}.hh-pack-price-now{color:var(--tier-gold);font-size:14px;font-weight:700}.hh-pack-price-was{color:var(--text-tertiary);font-size:11px;text-decoration:line-through}.hh-pack-cta{color:var(--text-primary);font-size:11px;font-weight:600;font-family:var(--font-current);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.hh-pack-cta:hover{background:#ffffff29}html[dir=rtl] .hh-pack-cta svg{transform:scaleX(-1)}.hh-pack--compact{padding:10px 12px}.hh-pack--compact .hh-pack-mark{width:44px;height:52px}.hh-section-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.hh-section-titles{min-width:0}.hh-section-title{color:var(--text-primary);font-size:15px;font-weight:700;font-family:var(--font-display-current)}.hh-section-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.hh-section-action{color:var(--text-secondary);cursor:pointer;font-size:11px;font-family:var(--font-current);background:0 0;border:0;flex-shrink:0;align-items:center;gap:4px;padding:4px 0;display:inline-flex}.hh-section-action:hover{color:var(--text-primary)}html[dir=rtl] .hh-section-action svg{transform:scaleX(-1)}.hh-empty{text-align:center;font-family:var(--font-current);flex-direction:column;justify-content:center;align-items:center;padding:60px 24px 80px;display:flex;position:relative}.hh-empty-art{justify-content:center;align-items:center;width:140px;height:140px;margin-bottom:28px;display:flex;position:relative}.hh-empty-pack{background:linear-gradient(180deg, var(--accent-primary) 0%, var(--accent-primary-2) 70%, var(--accent-primary-3) 100%);color:#fff;z-index:2;border-radius:14px;justify-content:center;align-items:center;width:84px;height:100px;display:flex;position:relative;box-shadow:0 18px 40px #534ab766}.hh-empty-orb{filter:blur(40px);border-radius:50%;position:absolute}.hh-empty-orb-a{background:var(--accent-primary);opacity:.35;width:120px;height:120px;top:-10px;left:-20px}.hh-empty-orb-b{background:var(--tier-gold);opacity:.2;width:100px;height:100px;bottom:-10px;right:-20px}.hh-empty-title{color:var(--text-primary);font-size:22px;font-weight:700;font-family:var(--font-display-current);margin:0 0 8px}.hh-empty-body{color:var(--text-secondary);max-width:280px;margin:0 0 28px;font-size:13px;line-height:1.6}.hh-empty-ctas{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.hh-empty-ctas .hh-btn{flex:none;gap:6px}.hh-crest{letter-spacing:.04em;border:1px solid #ffffff24;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f,0 8px 24px -10px #0009}.hh-crest:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 20%,#ffffff2e 0%,#0000 50%);position:absolute;inset:0}.hh-crest--featured{border-radius:14px}.hh-crest-code{z-index:1;font-family:JetBrains Mono,ui-monospace,monospace;line-height:1;position:relative}html[lang=fa] .hh-crest-code,html[lang=ar] .hh-crest-code{letter-spacing:.02em;font-family:inherit}.hh-crest.is-dim{opacity:.55;filter:grayscale(.4)}.hh-sponsor-wrap{font-family:var(--font-current)}.hh-sponsor-fallback{font-family:var(--font-current);text-align:center;background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:16px}.hh-sponsor-eyebrow{color:var(--text-tertiary);margin-bottom:6px;font-size:10px}.hh-sponsor-name{color:var(--text-primary);font-size:16px;font-weight:700}.hh-sponsor-tagline{color:var(--text-secondary);margin-top:4px;font-size:11px}.hh-sponsor-grid{font-family:var(--font-current);background:linear-gradient(#14141e80 0%,#0c0c16a6 100%);border:1px solid #ffffff12;border-radius:14px;flex-direction:column;flex:auto;gap:8px;padding:12px;display:flex;position:relative}.hh-sponsor-grid-head{justify-content:space-between;align-items:center;display:flex}.hh-sponsor-grid-eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px}html[lang=fa] .hh-sponsor-grid-eyebrow,html[lang=ar] .hh-sponsor-grid-eyebrow{text-transform:none;letter-spacing:0;font-family:inherit;font-size:11px}.hh-sponsor-grid-track{grid-template-columns:1fr;gap:8px;display:grid}.hh-sponsor-grid--cols-2 .hh-sponsor-grid-track{grid-template-columns:1fr 1fr}.hh-sponsor-grid--cols-3 .hh-sponsor-grid-track{grid-template-columns:repeat(3,1fr)}.hh-sponsor-mini{--sp-accent:#ffffff2e;background:linear-gradient(180deg, color-mix(in oklab, var(--sp-accent) 14%, transparent) 0%, #ffffff03 100%);color:var(--text-primary);cursor:pointer;text-align:start;border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;padding:8px 10px;font-family:inherit;transition:border-color .18s,background .18s,transform .18s;display:flex;position:relative;overflow:hidden}.hh-sponsor-mini:before{content:"";inset-inline-start:0;background:var(--sp-accent);width:2px;box-shadow:0 0 8px color-mix(in oklab, var(--sp-accent) 40%, transparent);border-radius:0 2px 2px 0;position:absolute;top:10%;bottom:10%}html[dir=rtl] .hh-sponsor-mini:before{border-radius:2px 0 0 2px}.hh-sponsor-mini:hover{border-color:color-mix(in oklab, var(--sp-accent) 50%, #ffffff14);background:linear-gradient(180deg, color-mix(in oklab, var(--sp-accent) 22%, transparent) 0%, #ffffff05 100%)}.hh-sponsor-mini:active{transform:scale(.985)}.hh-sponsor-mini-mark{background:linear-gradient(135deg, color-mix(in oklab, var(--sp-accent) 80%, #000) 0%, color-mix(in oklab, var(--sp-accent) 45%, #000) 100%);color:#fff;width:30px;height:30px;font-family:var(--font-display-current);box-shadow:0 4px 10px -4px color-mix(in oklab, var(--sp-accent) 55%, transparent);border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.hh-sponsor-mini-body{flex-direction:column;flex:auto;min-width:0;line-height:1.2;display:flex}.hh-sponsor-mini-brand{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.hh-sponsor-mini-tagline{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10px;overflow:hidden}.hh-sponsor-mini svg{color:var(--text-tertiary);flex-shrink:0}html[dir=rtl] .hh-sponsor-mini svg{transform:scaleX(-1)}