/* The entry desk spans the seam. Shared pre-stake behavior uses these hooks. */
.prestake { display: grid; gap: 24px; padding: 48px var(--bout-inset); background: var(--band); container-type: inline-size; }
.prestake__head { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 16px; }
.prestake__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.prestake__stats > div { display: grid; gap: 8px; }
.prestake__bar { height: 4px; overflow: hidden; background: var(--card); }
.prestake__fill { width: 100%; height: 100%; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 480ms var(--bout-ease); }
.prestake__wallet { display: flex; align-items: baseline; flex-wrap: wrap; gap: 16px; border-top: 1px solid var(--line); padding-top: 16px; }
.prestake__wallet-value { font: 400 var(--bout-small)/1.5 var(--font-mono); }
.prestake__action { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
.prestake__max { min-height: 44px; background: transparent; color: var(--ink); border: 1px solid var(--line); }
.prestake[data-state=pool_live] { display: none; }
@container (max-width: 600px) { .prestake__stats { grid-template-columns: 1fr 1fr; } .prestake__action { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .prestake__fill { transition: none; } }