/* Phase UI uses existing Winnera surfaces and typography. */
.wn-phase-clock { width:min(100%,32rem); margin:1rem auto; text-align:center; }
.wn-phase-schedule { min-height:3.2em; color:var(--wn-gold,#c8a35a); font-size:.85rem; letter-spacing:.08em; }
.wn-phase-schedule span { display:block; margin-top:.4rem; }
.wn-phase-countdown-space { height:8.5rem; overflow:hidden; }
.wn-countdown { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; width:100%; }
.wn-countdown span { min-width:0; padding:.65rem .25rem; border:1px solid #c8a35a44; background:#111b; border-radius:3px; }
.wn-countdown b { display:block; font-size:clamp(1.35rem,4vw,2rem); font-variant-numeric:tabular-nums; color:#e8d2a3; }
.wn-countdown small { display:block; font-size:.6rem; letter-spacing:.05em; }
.wn-phase-news { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr)); gap:1.25rem; }
.wn-phase-news h3 { color:#d9bd80; }
.wn-phase-actions { display:flex; flex-wrap:wrap; gap:.75rem; }
.wn-rates__rail { flex-wrap:wrap; }
.wn-rates__cell small { font-size:.55rem; opacity:.8; }
[data-phase-countdown][hidden] { display:none; }