/* Registration and login (reg.php): the start page's look (wars-landing.css) plus form-specific details. */

/* Registration form panel and headings. */
.w-family-register .CRegisterForm {padding:10px 0 4px}
.w-family-register .CRegisterForm .CForm__group {margin-bottom:14px}
.w-family-register .CRegisterForm .CTitle--4 {margin:0 0 6px;font-size:14px;letter-spacing:.04em;color:var(--w-ink)}
.w-family-register .CRegisterForm small {display:block;margin-bottom:6px;font-size:12px;line-height:1.45;color:var(--w-muted)}

/* Tribe, nation and starting-place cards: a clear selected state on the familiar cards. */
.w-family-register .CRaces__race {border-radius:10px;transition:box-shadow .15s ease,border-color .15s ease,transform .1s ease}
.w-family-register .CRaces__input:checked + .CRaces__race {border-color:#b58a37;box-shadow:0 0 0 2px #d4a531,0 4px 12px rgba(120,80,20,.22);background:#fffaf0}
.w-family-register .CRaces__input:focus-visible + .CRaces__race {outline:3px solid var(--w-focus);outline-offset:2px}
@media (hover:hover) {.w-family-register .CRaces__race:hover {border-color:#b58a37}}
.w-family-register .CRaces__text {font-size:13px;line-height:1.45}

/* Messages: errors in the theme danger colour, success panels with a quiet green edge. */
.w-family-register .lenta font[color=red] {color:var(--w-danger)}
.w-family-register .cont:has(> .head) > .lenta:first-of-type {border-top:0}
.w-family-register .lenta a {display:inline-flex;align-items:center;min-height:36px}

/* Small agreement notes under the form. */
.w-family-register .lenta small {font-size:12px;color:var(--w-muted)}

/* The login form (reg.php?id=log) uses the legacy inputs; give them full width on phones. */
.w-family-register .lenta form[action="reg.php"] input:not([type=hidden]):not([type=submit]) {width:100%;max-width:320px}

/* Hint and field sit together; the legacy line break after the hint is redundant. */
.w-family-register .CRegisterForm small + br {display:none}
/* The back button sits in a padded panel: cancel the doubled padding so it lines up with the form. */
.w-family-register .lenta > .CSection {margin-inline:-12px}
/* Legacy views without panels (SMS code): give the text a gutter and the field a usable size. */
.w-family-register .cont:not(:has(.lenta)) {padding:0 12px 10px;font-size:14px;line-height:1.6}
.w-family-register .cont:not(:has(.lenta)) > .head {margin:0 -12px 8px}
.w-family-register .cont input:not([type]) {box-sizing:border-box;min-height:40px;margin:4px 0;padding:6px 10px;border:1px solid #a88a5f;border-radius:6px;background:#fffdf8;color:var(--w-ink);font-size:16px}

@media (prefers-reduced-motion:reduce) {.w-family-register .CRaces__race {transition:none}}