/* Нолпки Дуэль (game page) — page-specific deltas. Shared components/tokens: site.css */

/* hero */
.g-hero{padding:clamp(44px,8vh,96px) 0 clamp(32px,5vh,60px)}
.g-head{display:grid;grid-template-columns:auto 1fr;gap:clamp(22px,3.5vw,44px);align-items:center;margin-top:22px}
@media(max-width:640px){.g-head{grid-template-columns:1fr;text-align:left}}
.g-ico{width:clamp(104px,15vw,148px);height:auto;aspect-ratio:1;border-radius:26px;border:1px solid var(--line);box-shadow:0 30px 70px -24px rgba(55,229,255,.55)}
.g-name{font-family:var(--disp);font-weight:700;text-transform:uppercase;line-height:.92;font-size:clamp(44px,8vw,96px);margin:0}
.g-sub{font-family:var(--disp);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);font-size:clamp(13px,1.7vw,17px);margin-top:12px}
.g-lede{max-width:60ch;margin:26px 0 0;color:var(--ink2);font-size:clamp(16px,1.8vw,19px)}
.g-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.meta{margin-top:26px}

/* features */
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}
@media(max-width:860px){.feat{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.feat{grid-template-columns:1fr}}
.fcard{border:1px solid var(--line);border-radius:14px;padding:clamp(22px,3vw,30px);background:var(--card-grad);transition:transform .25s,border-color .25s,box-shadow .25s}
.fcard:hover{transform:translateY(-4px);border-color:rgba(55,229,255,.35);box-shadow:0 30px 60px -30px rgba(55,229,255,.4)}
.fcard .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line);background:rgba(55,229,255,.06);margin-bottom:18px}
.fcard h3{font-family:var(--disp);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:19px;margin:0 0 8px}
.fcard p{margin:0;color:var(--mut);font-size:15px;line-height:1.65}

/* rules */
.rules{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 44px;margin-top:40px;counter-reset:r}
@media(max-width:640px){.rules{grid-template-columns:1fr}}
.rule{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-top:1px solid var(--line2)}
.rule::before{counter-increment:r;content:counter(r,decimal-leading-zero);font-family:var(--disp);font-weight:700;font-size:22px;color:transparent;background:linear-gradient(180deg,var(--cyan),var(--blue));-webkit-background-clip:text;background-clip:text;flex:0 0 auto;line-height:1.1}
.rule p{margin:0;color:var(--ink2);font-size:15.5px}
.rule b{color:var(--ink)}

/* download band — shared .band base in site.css */
.band{margin-top:22px}
.band .g-cta{justify-content:center}