/* ============================================================================
   HoodFox — фабл-раунд-7 (2026-09-02): единый верхний отступ, выравнивание
   заголовков карточек, кошелёк/задания пре-рега, фазы минта без правых бейджей,
   ровная витрина ханта, рулетка с кнопкой под лентой, роадмап в одну строку,
   токеномика: одинаковые подписи сундуков и пицца с легендой справа.
   Подключается ПОСЛЕ fable6.css и потому выигрывает каскад.
   ========================================================================== */

/* ---------- П1. Единый минимальный отступ от шапки до первого контента ----------
   Небесная лента больше не занимает высоту: светило абсолютно позиционировано и
   плавает над углом первого блока. Первый блок каждой страницы (хиро на пре-реге,
   первая секция на остальных) получает один и тот же padding-top. */
:root{--top-gap:28px}
.sky-band{height:0;overflow:visible;z-index:6}
.sky-band img{top:14px}
.sky-band .band-sun{right:clamp(16px,3vw,40px);top:16px}
.sky-band .band-moon{right:clamp(16px,3vw,40px);top:12px}
.subpage-top,.sky-band + .subpage-top{display:none}
.hero-shell .hero{padding-top:var(--top-gap)}
.subpage-top + section,.subpage-top + section.block,.subpage-top + section.editor-block{padding-top:var(--top-gap)}
.hero-shell .hero-head .hud,.sec-head .eyebrow{margin-bottom:10px}
.hero-head .hud{display:inline-block}
@media (max-width:900px){.sky-band img{display:none}}

/* ---------- П2. Заголовок и текст карточки на одной вертикали ----------
   Глобальное инлайн-правило h2,h3{text-align:center} центрировало заголовки
   внутри карточек с левым номером и левым абзацем. В карточках с номером/
   левым абзацем заголовок теперь тоже слева и абзац во всю ширину; в
   симметричных панелях (season-panel) всё по центру. */
.mechanic-head h3,.season-lead h3,.presale-hero h3,.mechanic-head>div h3{text-align:left}
.mechanic-head>div{min-width:0}
.mechanic-head p,.season-lead p,.presale-hero p,#trait-hunt .mechanic-head p{max-width:none}
#rolls .presale-hero p,#presale .presale-hero p{max-width:none}
.season-panel{text-align:center}
.season-panel .hud{display:block}
.season-panel h3{text-align:center}
.season-panel>p{max-width:none;margin-left:auto;margin-right:auto}
.season-stack .season-panel>p{max-width:none}
.token-lead .cap{text-align:right}
.regcta b,.regcta p,.regcta .hud{text-align:left}

/* ---------- П5/П12. Пре-рег: рамки одной высоты, кошелёк вместо кнопки ---------- */
.wl-input{height:58px}
.fractal-connect{display:flex;justify-content:center;align-items:center;gap:0;margin-bottom:16px}
.fractal-connect .btn{display:inline-flex;align-items:center;justify-content:center;height:58px;width:100%;
  max-width:460px;margin:0;padding:0 26px;box-shadow:none;border:3px solid var(--shadow)}
.fractal-connect .btn:hover{transform:none;box-shadow:inset 0 0 0 2px var(--night)}
.fractal-chip{display:none!important}
.fractal-wallet{display:none;height:58px;width:100%;max-width:460px;align-items:stretch;
  background:var(--night);border:3px solid var(--mint);box-sizing:border-box}
.fractal-connect.on .btn{display:none}
.fractal-connect.on .fractal-wallet{display:inline-flex}
.fractal-wallet .fw-prov{display:flex;align-items:center;padding:0 12px 0 16px;font:13px/1 var(--pxf);
  letter-spacing:.02em;text-transform:uppercase;color:var(--sand);border-right:2px solid var(--line);white-space:nowrap}
.fractal-wallet .fw-addr{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;
  padding:0 14px;font:20px/1 var(--pxb);letter-spacing:.02em;color:var(--mint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fractal-wallet .fw-out{flex:0 0 auto;cursor:pointer;width:auto;margin:0;padding:0 16px;border:0;border-left:3px solid var(--mint);
  background:var(--dusk);color:var(--cream);font:13px/1 var(--pxf);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}
.fractal-wallet .fw-out:hover,.fractal-wallet .fw-out:focus-visible{background:var(--mint);color:var(--night)}
@media (max-width:640px){.fractal-wallet .fw-prov{display:none}}

/* ---------- П6. Задания: OPEN + состояние, без ручных галочек ---------- */
.task{grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center}
.task .t-done{display:none}
.task .t-open{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:92px;padding:0 16px;box-sizing:border-box}
.task .t-state{display:inline-flex;align-items:center;justify-content:center;height:38px;min-width:92px;padding:0 12px;box-sizing:border-box;
  border:2px solid var(--line);color:var(--faded);font:13px/1 var(--pxf);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.task.done .t-state{background:var(--mint);border-color:var(--shadow);color:var(--night)}
.task.done .t-open{opacity:.55}
.task .t-sub{font-size:15px}
@media (max-width:640px){.task .t-open,.task .t-state{grid-column:2}}

/* ---------- П7. Фазы минта: без правых пояснений, ровные карточки ---------- */
.stage-row{grid-template-columns:44px minmax(0,1fr);min-height:72px}
.stage-row .rule{display:none}
.stage-list{grid-auto-rows:1fr}

/* ---------- П8. Витрина ханта: одинаковые квадратные рамки, только название ---------- */
.wall{align-items:flex-start;padding:26px 24px 18px;scroll-padding-inline:24px}
.exhibit .frame{width:328px;height:328px;box-sizing:border-box;padding:12px}
.exhibit .frame img{transform:none!important;margin:0 auto}
.gallery img{transform:none!important}
.placard{margin-top:10px;height:34px;display:flex;align-items:center;justify-content:center;padding:0 10px;white-space:nowrap}

/* ---------- П9. Рулетка: кнопка сразу под лентой, во всю ширину ---------- */
.case-window .sim-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px;justify-items:stretch}
.case-window .sim-actions .btn{width:100%;min-width:0;height:58px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 20px;box-sizing:border-box}
.case-window .sim-count{display:block;text-align:center;font-size:13px;color:var(--faded)}
.case-window .sim-plate{margin-top:14px}
.sim-side .sim-actions{display:none}
.case-teaser{margin-top:18px;padding:16px 18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;
  background:var(--night);border:2px solid var(--shadow);box-shadow:0 4px 0 var(--shadow)}
.case-teaser .ct-tag{font:13px/1 var(--pxf);letter-spacing:.08em;text-transform:uppercase;color:var(--night);background:var(--sand);
  border:2px solid var(--shadow);padding:8px 10px;white-space:nowrap}
.case-teaser .ct-text{font-size:17px;color:var(--faded)}
.case-teaser .ct-text b{color:var(--cream);font-weight:400}
@media (max-width:640px){.case-teaser{grid-template-columns:minmax(0,1fr)}}

/* ---------- П10. Роадмап: статус в одну строку, буллеты с одной вертикали ---------- */
.roadmap-rows .roadmap-card{grid-template-columns:204px minmax(0,1fr) 176px;min-height:104px}
.roadmap-rows .rm-list{gap:6px 16px}
.roadmap-rows .rm-list li{font-size:16px;white-space:nowrap}
.roadmap-rows .jump{white-space:nowrap}
.roadmap-rows .roadmap-state{white-space:nowrap;justify-self:stretch;min-width:0;height:36px;box-sizing:border-box}
.roadmap-rows .roadmap-card b{margin-bottom:2px}
@media (max-width:760px){.roadmap-rows .roadmap-card{grid-template-columns:minmax(0,1fr)}}

/* ---------- П11. Токеномика: шесть одинаковых подписей, пицца с легендой справа ---------- */
.token-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,16px);align-items:end}
.token-item{min-height:0;justify-content:flex-end}
.token-item img{width:auto;max-width:100%;height:auto;margin:0 auto}
.token-item:nth-child(1) img{width:100%}
.token-item:nth-child(2) img{width:88%}
.token-item:nth-child(3) img{width:78%}
.token-item:nth-child(4) img{width:72%}
.token-item:nth-child(5) img{width:62%}
.token-item:nth-child(6) img{width:54%}
.token-label,.token-item .token-label{width:100%;max-width:170px;height:92px;min-height:0;margin:10px auto 0;padding:8px 6px;box-sizing:border-box}
.token-label b,.token-item .token-label b{font:13px/1.3 var(--pxf);max-width:100%}
.token-label strong,.token-item .token-label strong{font:14px/1.25 var(--pxf);margin-top:6px;white-space:nowrap}
@media (max-width:760px){.token-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pizza-plate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:center}
.pizza-plate>.hud{grid-column:1/-1;margin-bottom:0}
.pizza-board{width:100%;max-width:420px;margin:0 auto;padding:0;background:none;border:none;box-shadow:none;clip-path:none;justify-self:center}
.pizza-board img{width:100%;max-width:420px;height:auto;margin:0 auto}
.pizza-fine{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;margin:0;align-self:center}
.pizza-fine li{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:12px;align-items:baseline;text-align:left;padding:10px 0;border-top:2px solid var(--line)}
.pizza-fine li:first-child{border-top:none;padding-top:0}
.pizza-fine b{font:14px/1.35 var(--pxf);color:var(--sand);text-transform:uppercase}
.pizza-fine b em{font-style:normal;color:var(--cream)}
.pizza-fine span{margin-top:0;font-size:16px;color:var(--faded)}
@media (max-width:900px){.pizza-plate{grid-template-columns:minmax(0,1fr)}.pizza-fine li{grid-template-columns:minmax(0,1fr)}}