.midnight .join-surface.nameball-card{padding:22px!important;background:radial-gradient(ellipse at 85% 20%,#12496888,transparent 48%),linear-gradient(145deg,#082a46,#031326 85%);border:1px solid #35b8dd;border-radius:18px;box-shadow:inset 0 1px 12px #2fe1ff15,0 10px 32px #00101f44;color:#edf9ff}
.nameball-card .join-heading h2{font-size:26px!important;margin:0 0 10px!important}
.nameball-card .card-marble{display:grid;grid-template-columns:1fr 108px;gap:4px 12px;padding:0 0 14px;align-items:center}
.card-marble .card-lead{grid-column:1;grid-row:1 / 3;font-size:16px;line-height:1.65;white-space:pre-line;color:#b9d6e9;margin:0}
.nameball-card #marble-preview{grid-column:2;grid-row:1;width:96px;height:96px;border:2px solid #b8f7ff;box-shadow:0 0 24px #21ccef55,0 8px 20px #0006}
.card-marble>div{grid-column:2;grid-row:2;text-align:center;font-size:13px;overflow-wrap:anywhere}
.nameball-card #profile-form{gap:10px!important}.nameball-card #profile-form label{gap:6px!important;font-size:14px}
.nameball-card #name-count{display:block;text-align:right;font-size:12px;margin:0;color:#9fc4da}
.nameball-card #profile-form input,.nameball-card #profile-form select{min-height:46px!important;border-color:#4298bd!important;background:#061d32!important}
.nameball-card .participant-benefits{display:grid;gap:8px;padding-top:12px;margin-top:2px;border-top:1px solid #28536c}
.participant-benefits strong{font-size:13px;color:#73e4f3}.participant-benefits p{font-size:13px;line-height:1.5;margin:3px 0 0;color:#c1d3e0}
.participant-benefits .card-pending{font-size:12px;color:#90aabd;margin-top:4px}
.nameball-card .card-back{display:inline-block;margin-top:14px;color:#8fe6f4;font-size:14px;text-underline-offset:4px}
.nameball-card #join-action[hidden]{display:none!important}
@media(max-width:380px){.midnight .join-surface.nameball-card{padding:16px!important}.nameball-card .join-heading h2{font-size:23px!important}.nameball-card .card-marble{grid-template-columns:1fr 88px}.nameball-card #marble-preview{width:80px;height:80px}.participant-benefits{gap:6px!important}}
/* Midnight silver: compact profile and flag-driven country selection. */
.midnight .join-surface.nameball-card{background:radial-gradient(ellipse at 75% 5%,#25364c88,transparent 48%),linear-gradient(145deg,#0b1522,#050b14);border-color:#8497ac;box-shadow:inset 0 1px #d1e6fa22,0 10px 30px #0004;padding:18px!important}
.nameball-card .join-heading h2{color:#f2f5fa;font-size:25px!important;margin-bottom:12px!important}
.nameball-card .card-marble{grid-template-columns:1fr 140px;gap:6px 12px;padding-bottom:8px}
.nameball-card .card-marble>div{display:none}
.nameball-card button.country-profile{grid-column:2;grid-row:1 / 3;display:grid;justify-items:center;gap:4px;background:transparent;color:#f1f5fa;border:0;padding:0;min-height:44px;cursor:pointer}
.nameball-card #marble-preview{grid-column:auto;grid-row:auto;width:78px;height:78px;border-color:#bdcadc;box-shadow:0 0 18px #bdcadc22}
.country-profile .country-caption{font-size:14px;font-weight:700;letter-spacing:0;color:#f1f5fa}.country-profile small{font-size:12px;color:#a7b9cc;font-weight:400}
.nameball-card .card-lead{font-size:14px;color:#c3cddb;line-height:1.6}
.nameball-card #profile-form{gap:8px!important}.nameball-card #profile-form label[hidden]{display:none!important}
.midnight .nameball-card #profile-form input{background:#080f1c!important;border-color:#8195ae!important;border-radius:9px;color:#f3f6fc!important}
.nameball-card .participant-benefits{gap:0;padding-top:6px;border-color:#8b9eaf}
.participant-benefits>div{padding:8px 0;border-bottom:1px solid #71839930}
.participant-benefits strong{color:#d9e5f3;font-size:14px}.participant-benefits p{color:#b8c5d5;font-size:13px;line-height:1.5}
.participant-benefits .card-pending{font-size:12px;line-height:1.4;margin-top:8px;color:#94a4b7}
.nameball-card .card-back{display:block;text-align:center;color:#cad8ea;margin-top:10px}
.country-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 32px));max-height:75svh;box-sizing:border-box;padding:20px;border:1px solid #9eb0c7;border-radius:18px;background:#0a1422;color:#f1f5fc;box-shadow:0 20px 90px #0009;overflow:auto}
.country-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.country-dialog h2{font-size:20px;margin:0 40px 20px 0}
.country-close{position:absolute;right:10px;top:8px;width:44px;height:44px;border:0;border-radius:8px;background:transparent;color:#fff;font-size:28px;cursor:pointer}
.country-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.country-grid button{display:grid;justify-items:center;gap:8px;padding:12px 6px;border:1px solid #526176;border-radius:12px;background:#121e30;color:#f4f8ff;font:500 13px/1.3 system-ui;cursor:pointer;overflow-wrap:anywhere}.country-grid img{width:44px;height:44px;object-fit:cover;border-radius:50%}.country-grid button[aria-pressed=true]{border-color:#c9e4ff;background:#263b53;box-shadow:inset 0 0 0 1px #c9e4ff}.country-dialog button:focus-visible,.country-profile:focus-visible{outline:3px solid #b8e3ff;outline-offset:3px}