.coming-soon-heading { max-width:58rem; }
.coming-soon-levels { display:flex; flex-wrap:wrap; gap:.6rem; margin:0 0 2rem; }
.coming-soon-levels a { display:inline-flex; align-items:center; min-height:2.5rem; padding:.55rem .85rem; border:1px solid #b99052; border-radius:999px; color:#f8edcf; background:#322119; font-weight:800; text-decoration:none; }
.coming-soon-levels a:hover,.coming-soon-levels a.is-active { color:#20140e; background:#e4ad4e; }
.coming-soon-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); gap:1.25rem; padding-bottom:4rem; }
.coming-soon-card { overflow:hidden; border:1px solid #8f6338; border-radius:.7rem; background:#261913; box-shadow:4px 4px 0 rgba(20,12,8,.55); }
.coming-soon-image { display:block; aspect-ratio:1/1; padding:.65rem; background:radial-gradient(circle at 50% 20%,#53402b,#17100d 75%); }
.coming-soon-image img { display:block; width:100%; height:100%; object-fit:contain; }
.coming-soon-copy { padding:1rem; }
.coming-soon-copy h2 { margin:.2rem 0 .45rem; font-size:1.35rem; }
.coming-soon-copy h2 a { color:#f8edcf; text-decoration:none; }
.coming-soon-copy h2 a:hover { color:#e5b557; }
.coming-soon-copy > p:not(.eyebrow) { min-height:3.3rem; margin:0; color:#d9c6a7; }
.coming-soon-vote-state { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin-top:1rem; padding-top:.75rem; border-top:1px solid rgba(229,181,87,.3); color:#dcbf8e; font-size:.78rem; font-weight:800; }
.coming-soon-vote-state form { display:flex; gap:.35rem; }
.vote-button { width:2.25rem; height:2.05rem; padding:0; border:1px solid #b99052; border-radius:.35rem; color:#f8edcf; background:#3b261b; font-weight:900; }
.vote-button:hover,.vote-button.is-selected { color:#20140e; background:#e4ad4e; }
@media (max-width:600px) { .coming-soon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; } .coming-soon-copy { padding:.75rem; } .coming-soon-copy h2 { font-size:1.05rem; } .coming-soon-copy > p:not(.eyebrow) { min-height:0; font-size:.82rem; } .coming-soon-vote-state { align-items:flex-start; flex-direction:column; } }