#registration:has(.character-link){width:760px;max-width:calc(100vw - 24px);padding:28px;border-radius:22px;background:#fffefa}
#registration .result-heading{gap:18px;margin-bottom:14px}
#registration .result-heading h2{font-size:21px}
.character-link{color:#34433d;text-align:left;line-height:1.6}
.character-link *{box-sizing:border-box}
.character-link [hidden]{display:none!important}
.cl-intro{margin:8px 0 22px}
.cl-kicker{display:inline-block;color:#3b8765;font-size:11px;font-weight:850;letter-spacing:.05em;background:#eaf5df;border-radius:100px;padding:3px 9px}
.cl-intro h3{font-size:25px;line-height:1.35;letter-spacing:-.8px;margin:10px 0 8px;color:#2b4437}
.cl-intro p{font-size:14px;color:#6a776c;margin:0}
.cl-steps{padding:0;margin:0 0 24px;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.cl-steps li{display:flex;align-items:center;gap:7px;font-size:11px;color:#879188;border-bottom:3px solid #e9ece5;padding:0 0 11px}
.cl-steps li>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#eef1e9;font-weight:800}
.cl-steps li.is-current{color:#9a581d;border-color:#f5ba66}
.cl-steps li.is-current>span{background:#ffe5b4;color:#92551a}
.cl-steps li.is-complete{color:#46825f;border-color:#9bcda9}
.cl-steps li.is-complete>span{background:#e3f4e7;color:#36764f}
.cl-card{border:1px solid #e2e7db;border-radius:16px;padding:20px;margin:14px 0;background:#fff;box-shadow:0 3px 0 #657c4510}
.cl-card h4{font-size:17px;letter-spacing:-.3px;line-height:1.45;margin:0 0 8px}
.cl-card p{margin:6px 0;font-size:13px;line-height:1.7}
.cl-discord{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f6f6ff;border-color:#e2e1f6}
.cl-discord p{overflow-wrap:anywhere;color:#6e6f8c}
.cl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.character-link .cl-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 17px;border:1px solid #cddbc7;border-radius:11px;background:#fff;color:#3c6447;font-size:13px;font-weight:800;font-family:inherit;text-decoration:none;cursor:pointer;line-height:1.4;white-space:normal}
.character-link .cl-button:disabled{background:#f0f1ed;border-color:#e1e4da;color:#8a9389;cursor:default;box-shadow:none}
.character-link .cl-primary{background:#e98640;border-color:#d67b39;color:#fff;box-shadow:0 3px 0 #b9683025}
.character-link .cl-discord-button{background:#6662c8;border-color:#5552ad;color:white;box-shadow:0 3px 0 #5753a12b}
.character-link .cl-text-button{padding:8px 0;background:none;border:0;box-shadow:none;color:#71806e;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-family:inherit;cursor:pointer;min-height:36px}
.character-link .cl-text-button:disabled{color:#a1a79d;cursor:default}
.character-link button:focus-visible,.character-link input:focus-visible,.character-link select:focus-visible,.character-link a:focus-visible{outline:3px solid #eab06a;outline-offset:3px}
.cl-fields{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin:15px 0}
.character-link .cl-fields label{display:block;font-size:12px;color:#687664;font-weight:750;margin:0}
.character-link .cl-fields input,.character-link .cl-fields select{display:block;width:100%;border:1px solid #dce4d7;border-radius:10px;background:#fcfdf9;min-height:46px;padding:10px 12px;font-size:15px;color:#344b39;margin-top:7px;font-family:inherit}
.character-link .cl-fields input:disabled,.character-link .cl-fields select:disabled{opacity:.7}
.character-link .cl-help{font-size:12px!important;color:#798472!important;line-height:1.75!important;margin:10px 0!important}
.cl-character-form>.cl-button{width:100%;margin-top:10px}
.cl-progress{background:#fffaf0;border-color:#eddbb8}
.cl-progress-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.cl-time{flex-shrink:0;color:#a06a2f;background:#fff1d7;border-radius:8px;padding:4px 8px;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}
.cl-progress-identity{color:#958061;font-weight:700}
.cl-progress-message{color:#765e42}
.cl-targets{padding:0;margin:16px 0;list-style:none;display:grid;gap:8px}
.cl-targets li{display:flex;gap:12px;align-items:center;padding:11px;border-radius:11px;background:white;border:1px solid #eee3cf}
.cl-targets img{width:40px;height:40px;object-fit:contain}
.cl-targets small{display:block;color:#9c855f;font-size:11px}
.cl-targets strong{display:block;font-size:14px;color:#674d31;overflow-wrap:anywhere}
.cl-item-symbol{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#f0eddf;color:#ac9369;font-size:10px;font-weight:800;flex-shrink:0}
.cl-preset{font-size:12px!important;color:#8c7556}
.cl-restore-notice{border-radius:10px;background:#fff0d9;padding:12px;color:#9d5724;font-size:13px!important;font-weight:650}
.character-link .cl-auto{display:flex;align-items:center;gap:9px;margin:15px 0 0;font-size:12px;font-weight:600;color:#796f5b;cursor:pointer}
.character-link .cl-auto input{width:17px;height:17px;min-height:0;margin:0;accent-color:#d78746}
.cl-success{background:#f1f8ed;border-color:#cde1c2}
.cl-success h4{font-size:21px;color:#427445;margin-top:11px}
.cl-success>p{color:#5f7f58}
.cl-feedback{padding:12px 14px;background:#eef4ec;border-radius:10px;font-size:13px;color:#56754d}
.cl-feedback.is-error{background:#fff0e9;color:#a85332}
.cl-login{padding:14px;background:#f4f6ed;border-radius:12px;margin-bottom:14px}
.cl-login p{font-size:13px;margin:0 0 12px;color:#65705e}
.cl-footer{border-top:1px solid #e6eade;padding-top:8px;margin-top:20px}
#legacyRegistration{border-top:1px solid #e4e7db;padding-top:15px;margin-top:22px}
#legacyRegistration>summary{cursor:pointer;color:#809079;font-size:12px}
#legacyRegistration .notice-box{font-size:12px;background:#f6f7f1}
#legacyRegistration #ownDiscordHandle{display:block;overflow-wrap:anywhere;font-size:14px;color:#5f705a}
@media(max-width:560px){#registration:has(.character-link){padding:19px 16px;border-radius:17px}.cl-intro h3{font-size:22px}.cl-intro p{font-size:13px}.cl-steps{gap:6px}.cl-steps li{display:block;font-size:10px;line-height:1.45}.cl-steps li>span{margin-bottom:7px}.cl-card{padding:16px}.cl-discord{display:block}.cl-discord .cl-actions{margin-top:14px}.cl-fields{grid-template-columns:1fr;gap:12px}.cl-progress-head{display:block}.cl-time{display:inline-block;margin:0 0 6px}.cl-progress .cl-actions{align-items:stretch;flex-direction:column}.cl-progress .cl-actions .cl-button{width:100%}}