/* hz-games — /games/ hub + page chrome around the games (site tokens from base.css). */
.hzg-page .hz-page-head{margin-bottom:22px}
.hzg-page--wall .hz-page-head{padding-block:clamp(18px,3vw,36px) clamp(18px,3vw,32px)}
@media (max-width:720px){.hzg-page--wall .hz-page-head__sub{font-size:14px}.hzg-page--wall .hz-page-head__text::after{display:none}}
.hzg-noscript{padding:40px 20px;text-align:center;background:var(--hz-card);border-radius:var(--hz-radius)}

.hzg-how{margin-top:30px;padding:22px 24px;border-radius:var(--hz-radius);background:var(--hz-card);border:1px solid var(--hz-line);box-shadow:var(--hz-shadow)}
.hzg-how h2{margin:0 0 8px;font-size:21px}
.hzg-how ol{margin:0 0 10px;padding-inline-start:22px}
.hzg-how li{margin-bottom:4px}
.hzg-how p{margin:0;font-size:14.5px}

.hzg-more{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin-top:22px}
.hzg-more a{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--hz-radius-sm);background:var(--hz-card);border:1px solid var(--hz-line);text-decoration:none;color:var(--hz-ink);box-shadow:var(--hz-shadow);transition:transform .2s var(--hz-ease)}
.hzg-more a:hover{transform:translateY(-2px);color:var(--hz-ink)}
.hzg-more b{display:block;color:var(--hz-navy)}
.hzg-more small{color:var(--hz-muted)}
.hzg-more em{font-style:normal;font-size:28px}

/* hub */
.hzg-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;overflow:hidden;border-radius:24px;background:var(--hz-navy);color:#F4EAD8;text-decoration:none;box-shadow:var(--hz-shadow-lg);isolation:isolate;transition:transform .3s var(--hz-ease)}
.hzg-hero:hover{transform:translateY(-3px);color:#F4EAD8}
.hzg-hero__art{position:relative;min-height:260px;display:block}
.hzg-hero__art svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.hzg-hero__text{display:flex;flex-direction:column;gap:10px;justify-content:center;padding:clamp(22px,3.4vw,40px);background:linear-gradient(135deg,var(--hz-navy),var(--hz-navy-2))}
.hzg-hero__text b{font-size:clamp(28px,3.6vw,42px);font-weight:900;line-height:1.3;color:#FFF6E6}
.hzg-hero__text>span:not(.hzg-tag):not(.hz-btn){color:rgba(244,234,216,.82);font-size:15.5px;line-height:1.9}
.hzg-hero__text small{color:var(--hz-gold-light);font-size:13px}
.hzg-hero .hz-btn{align-self:flex-start;margin-top:4px}
.hzg-tag{align-self:flex-start;display:inline-block;padding:2px 12px;border-radius:999px;background:rgba(227,168,82,.16);color:var(--hz-gold-light);font-size:12.5px;font-weight:800}
@media (max-width:760px){.hzg-hero{grid-template-columns:1fr}.hzg-hero__art{min-height:200px}}

.hzg-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));margin-top:20px}
.hzg-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:22px 22px 20px;border-radius:var(--hz-radius);background:var(--hz-card);border:1px solid var(--hz-line);box-shadow:var(--hz-shadow);text-decoration:none;color:var(--hz-ink);overflow:hidden;transition:transform .25s var(--hz-ease),border-color .25s}
.hzg-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--tone,var(--hz-teal))}
.hzg-card--teal{--tone:var(--hz-teal)}.hzg-card--saffron{--tone:var(--hz-saffron)}.hzg-card--magenta{--tone:var(--hz-magenta)}
.hzg-card:hover{transform:translateY(-3px);border-color:var(--tone);color:var(--hz-ink)}
.hzg-card em{font-style:normal;font-size:34px;line-height:1}
.hzg-card .hzg-tag{background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone)}
.hzg-card b{font-size:19px;color:var(--hz-navy)}
.hzg-card>span:last-child{color:var(--hz-ink-2);font-size:14.5px;line-height:1.85}

.hzg-walls{margin-top:34px}
.hzg-walls h2{font-size:21px;margin:0 0 12px}
.hzg-walls ul{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));margin:0;padding:0;list-style:none}
.hzg-wl a{display:flex;flex-direction:column;padding:12px 14px 12px 16px;border-radius:14px;background:var(--hz-card);border:1px solid var(--hz-line);border-inline-start:6px solid var(--c,var(--hz-gold));text-decoration:none;color:var(--hz-ink);min-height:44px;transition:transform .2s var(--hz-ease)}
.hzg-wl a:hover{transform:translateY(-2px);color:var(--hz-ink)}
.hzg-wl b{color:var(--hz-navy)}
.hzg-wl small{color:var(--hz-muted)}
.hzg-wl--kuche{--c:#2D8C8E}.hzg-wl--bazar{--c:#3D7E97}.hzg-wl--laft{--c:#C9A46A}.hzg-wl--hormuz{--c:#AC553B}.hzg-wl--minab{--c:#8A6A3E}.hzg-wl--kong{--c:#1F6F86}.hzg-wl--madrese{--c:#4F7F5F}
.hzg-wl--goran{--c:#6A4A2C}.hzg-wl--suru{--c:#2C8C9A}.hzg-wl--kohne{--c:#2B3E78}.hzg-wl--langeh{--c:#2F6E9E}.hzg-wl--koocheh{--c:#3E9A8A}.hzg-wl--baghche{--c:#6E8F4E}.hzg-wl--nakhl{--c:#A07E52}.hzg-wl--hammam{--c:#3E8E9E}

/* the site's floating «بندری یاد بده» button would cover the game controls on phones */
@media (max-width:720px){body.hz-games-wall .hzc-fab{display:none!important}}