
.fzpd{max-width:1180px;margin:0 auto;font-family:Arial,sans-serif;color:#fff}
.fzpd-hero,.fzpd-card{background:#071d2e;border-radius:22px;padding:28px;margin:18px 0}
.fzpd-hero{background:#123f69}.fzpd-hero span,.fzpd .badge,.fzpd small{color:#ffc31a;font-weight:900;letter-spacing:.1em}
.fzpd-hero h1{font-size:46px;margin:10px 0}.fzpd h2{font-size:30px;margin:0 0 12px}
.fzpd-stats{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:14px}.fzpd-stats>div{background:#071d2e;padding:20px;border-radius:18px}.fzpd-stats small{display:block}.fzpd-stats strong{display:block;font-size:24px;margin-top:8px}
.fzpd-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:18px}.commissioner{border:2px solid #ffc31a}
.fzpd .badge{display:inline-block;background:#ffc31a;color:#071d2e;padding:7px 10px;border-radius:7px}
.fzpd .clock{background:#0d2c45;border:1px solid #365873;padding:14px;border-radius:10px;margin:12px 0}.clock small,.clock strong{display:block}.clock strong{font-size:20px;margin-top:4px}
.fzpd select,.fzpd input[type=password]{width:100%;padding:12px;border-radius:8px;margin:6px 0 12px}
.fzpd button{background:#ffc31a;color:#071d2e;border:0;border-radius:9px;padding:12px 18px;font-weight:900;letter-spacing:.08em;cursor:pointer}
.fzpd button.secondary{background:#274c69;color:#fff}.fzpd .tools,.pickform{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pickform select{flex:1;min-width:280px}
.fzpd-alert{background:#d9edf7;color:#123;padding:12px;border-radius:8px;margin:12px 0}
.fzpd ol{padding-left:24px}.fzpd li{padding:5px 0}.board{display:flex;flex-direction:column;gap:9px}.board>div{display:grid;grid-template-columns:180px 1fr 1fr auto;gap:12px;background:#0d2c45;padding:13px;border-radius:9px;align-items:center}
.board small{font-size:9px}.fzpd details{margin:12px 0}.fzpd summary{cursor:pointer;font-weight:800}
@media(max-width:760px){.fzpd-stats,.fzpd-grid{grid-template-columns:1fr}.fzpd-hero h1{font-size:34px}.board>div{grid-template-columns:1fr}.fzpd-hero,.fzpd-card{padding:18px}.pickform{display:block}}


/* v0.1.2 — theme-proof text colors on dark draft surfaces */
.fzpd,
.fzpd p,
.fzpd li,
.fzpd label,
.fzpd summary,
.fzpd span,
.fzpd strong,
.fzpd b {
  color:#ffffff !important;
}

.fzpd h1,
.fzpd h2,
.fzpd h3,
.fzpd h4,
.fzpd h5,
.fzpd h6,
.fzpd-hero h1,
.fzpd-hero h2,
.fzpd-card h1,
.fzpd-card h2,
.fzpd-card h3,
.fzpd .commissioner h2,
.fzpd .board h2 {
  color:#ffffff !important;
}

.fzpd-hero span,
.fzpd .badge,
.fzpd small,
.fzpd-stats small,
.fzpd .clock small,
.fzpd .board small {
  color:#ffc31a !important;
}

.fzpd input,
.fzpd select,
.fzpd option {
  color:#111111 !important;
  background:#ffffff !important;
}

.fzpd button {
  color:#071d2e !important;
}

.fzpd button.secondary {
  color:#ffffff !important;
}

/* Keep page background outside the cards light without affecting card text */
.fzpd .fzpd-alert {
  color:#123 !important;
}


/* v0.1.3 — Commissioner Mode badge remains readable on gold */
.fzpd .commissioner .badge,
.fzpd .commissioner .badge span,
.fzpd .badge {
  color:#071d2e !important;
}

/* v0.1.5 */
.fzpd .board>div.is-next{outline:3px solid #d9a820!important;box-shadow:0 0 0 3px rgba(217,168,32,.16)!important}.fzpd .board>div.is-next strong{color:#d9a820!important}
