/* Ash & Blood Character Creator v19
   Final-step clarity, chapter rail repair, submission reliability UI. */

body.character-creator-page .creator-chapter-rail{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:.55rem!important;
    align-items:stretch!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:.72rem!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(238,225,205,.10)!important;
    background:linear-gradient(180deg,#0d1114,#0a0d10)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
body.character-creator-page .creator-chapter-rail .wiz-line{display:none!important}
body.character-creator-page .creator-chapter-rail .wiz-dot{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    gap:.1rem .68rem!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    min-height:70px!important;
    margin:0!important;
    padding:.72rem .78rem!important;
    border:1px solid rgba(238,225,205,.105)!important;
    border-radius:9px!important;
    background:linear-gradient(180deg,#121619,#0d1114)!important;
    color:#a49b91!important;
    text-align:left!important;
    font:inherit!important;
    box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
    overflow:hidden!important;
    cursor:pointer!important;
    transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease!important;
}
body.character-creator-page .creator-chapter-rail .wiz-dot::before{
    content:'';
    position:absolute;
    inset:auto 0 0 0;
    height:2px;
    background:transparent;
}
body.character-creator-page .creator-chapter-rail .wiz-dot::after{display:none!important;content:none!important}
body.character-creator-page .creator-chapter-rail .wiz-dot:hover{
    transform:translateY(-1px)!important;
    border-color:rgba(201,169,111,.28)!important;
    background:linear-gradient(180deg,#151a1e,#101417)!important;
}
body.character-creator-page .creator-chapter-rail .wiz-num{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border:1px solid rgba(201,169,111,.20);
    border-radius:50%;
    background:#090c0e;
    color:#c6b17e;
    font:700 .69rem/1 'Cinzel',serif;
    letter-spacing:.04em;
}
body.character-creator-page .creator-chapter-rail .wiz-copy{
    display:flex;
    flex-direction:column;
    min-width:0;
    gap:.12rem;
}
body.character-creator-page .creator-chapter-rail .wiz-copy strong{
    overflow:hidden;
    color:#ddd3c8;
    font:700 .68rem/1.25 'Cinzel',serif;
    letter-spacing:.055em;
    text-transform:uppercase;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.character-creator-page .creator-chapter-rail .wiz-copy small{
    overflow:hidden;
    color:#7e776f;
    font:500 .72rem/1.25 'Noto Serif',serif;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.character-creator-page .creator-chapter-rail .wiz-state{
    align-self:start;
    color:#706960;
    font:700 .52rem/1 'Cinzel',serif;
    letter-spacing:.09em;
    text-transform:uppercase;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.active{
    border-color:rgba(211,76,80,.52)!important;
    background:linear-gradient(180deg,rgba(69,28,31,.70),rgba(22,17,19,.96))!important;
    box-shadow:inset 0 1px rgba(255,255,255,.025),0 10px 28px rgba(0,0,0,.16)!important;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.active::before{
    background:linear-gradient(90deg,#b52f39,#df6669,#c9a96f)!important;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.active .wiz-num{
    border-color:rgba(223,102,105,.68);
    background:rgba(181,47,57,.13);
    color:#fff0e8;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.active .wiz-copy strong{color:#fff2e5}
body.character-creator-page .creator-chapter-rail .wiz-dot.active .wiz-copy small{color:#b8aaa0}
body.character-creator-page .creator-chapter-rail .wiz-dot.active .wiz-state{color:#ef8d8e}
body.character-creator-page .creator-chapter-rail .wiz-dot.done{
    border-color:rgba(201,169,111,.25)!important;
    background:linear-gradient(180deg,rgba(201,169,111,.055),rgba(13,17,20,.98))!important;
    color:#c8b182!important;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.done .wiz-num{
    border-color:rgba(201,169,111,.38);
    color:#d9c18d;
}
body.character-creator-page .creator-chapter-rail .wiz-dot.done .wiz-state{color:#a88f61}
body.character-creator-page .creator-chapter-rail .wiz-dot.final .wiz-num i{font-size:1rem}

/* Final whitelist CTA */
body.character-creator-page .whitelist-final-step .whitelist-ready-head{
    align-items:flex-start!important;
    gap:1rem!important;
    margin-bottom:1.25rem!important;
}
body.character-creator-page .whitelist-submit-panel{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(360px,.72fr)!important;
    gap:1.2rem!important;
    align-items:center!important;
    margin:1rem 0 .9rem!important;
    padding:1.15rem!important;
    border:1px solid rgba(201,169,111,.22)!important;
    border-radius:12px!important;
    background:
      radial-gradient(500px 220px at 100% 0%,rgba(181,47,57,.11),transparent 70%),
      linear-gradient(145deg,#121619,#0b0e11)!important;
    box-shadow:0 20px 55px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.02)!important;
}
body.character-creator-page .whitelist-submit-head{
    display:grid;
    grid-template-columns:50px minmax(0,1fr);
    gap:.85rem;
    align-items:center;
}
body.character-creator-page .whitelist-submit-seal{
    display:grid;
    place-items:center;
    width:50px;
    height:50px;
    border:1px solid rgba(201,169,111,.26);
    border-radius:10px;
    background:rgba(201,169,111,.055);
    color:#d2b474;
    font-size:1.35rem;
}
body.character-creator-page .whitelist-submit-copy{
    display:flex!important;
    flex-direction:column!important;
    gap:.25rem!important;
    min-width:0!important;
}
body.character-creator-page .whitelist-submit-copy span{
    color:#c6a765!important;
    font:700 .61rem/1.2 'Cinzel',serif!important;
    letter-spacing:.13em!important;
    text-transform:uppercase!important;
}
body.character-creator-page .whitelist-submit-copy strong{
    color:#f0e8df!important;
    font:700 1.08rem/1.35 'Cinzel',serif!important;
}
body.character-creator-page .whitelist-submit-copy small{
    max-width:650px;
    color:#9d958c!important;
    font:500 .86rem/1.55 'Noto Serif',serif!important;
}
body.character-creator-page .whitelist-submit-action{
    display:flex;
    flex-direction:column;
    gap:.55rem;
}
body.character-creator-page .whitelist-send-btn{
    position:relative!important;
    isolation:isolate!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 24px!important;
    align-items:center!important;
    gap:.8rem!important;
    width:100%!important;
    min-height:76px!important;
    padding:.78rem .9rem!important;
    border:2px solid transparent!important;
    border-radius:11px!important;
    background:
      linear-gradient(145deg,#17191c,#101316) padding-box,
      linear-gradient(115deg,#ff4d5a,#ff9f43,#f6e58d,#62d9a9,#65b5ff,#b47cff,#ff6ba8,#ff4d5a) border-box!important;
    color:#fff6ec!important;
    box-shadow:0 14px 35px rgba(0,0,0,.24),0 0 22px rgba(124,92,255,.07)!important;
    text-align:left!important;
    cursor:pointer!important;
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
body.character-creator-page .whitelist-send-btn:hover:not(:disabled){
    transform:translateY(-2px)!important;
    filter:brightness(1.08)!important;
    box-shadow:0 18px 44px rgba(0,0,0,.31),0 0 32px rgba(255,92,117,.12)!important;
}
body.character-creator-page .whitelist-send-btn:focus-visible{
    outline:3px solid rgba(255,255,255,.75)!important;
    outline-offset:3px!important;
}
body.character-creator-page .whitelist-send-btn:disabled{opacity:1!important;cursor:wait!important}
body.character-creator-page .whitelist-send-btn.is-sent{cursor:default!important;background:linear-gradient(#122019,#122019) padding-box,linear-gradient(90deg,#52bd7f,#d8c27b) border-box!important}
body.character-creator-page .whitelist-send-icon{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:9px;
    background:rgba(255,255,255,.055);
    color:#f3ce7b;
    font-size:1.15rem;
}
body.character-creator-page .whitelist-send-copy{
    display:flex;
    flex-direction:column;
    gap:.16rem;
    min-width:0;
}
body.character-creator-page .whitelist-send-copy strong{
    color:#fff8ef;
    font:800 .83rem/1.25 'Cinzel',serif;
    letter-spacing:.045em;
    text-transform:uppercase;
}
body.character-creator-page .whitelist-send-copy small{
    color:#b4aaa0;
    font:500 .78rem/1.35 'Noto Serif',serif;
}
body.character-creator-page .whitelist-send-arrow{justify-self:end;color:#d5bd85;font-size:1rem}
body.character-creator-page .whitelist-send-btn.is-loading .whitelist-send-icon i{animation:cc19Spin 1s linear infinite}
@keyframes cc19Spin{to{transform:rotate(360deg)}}
body.character-creator-page .whitelist-send-note{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.38rem;
    margin:0!important;
    color:#827b73!important;
    font-size:.74rem!important;
    line-height:1.4!important;
    text-align:center;
}
body.character-creator-page .whitelist-send-note i{color:#a98e5a}

/* Delivery state panel, replaces easy-to-miss alerts. */
body.character-creator-page .whitelist-result{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:.8rem!important;
    margin:.8rem 0 1rem!important;
    padding:.9rem 1rem!important;
    border:1px solid rgba(238,225,205,.13)!important;
    border-radius:10px!important;
    background:#0d1114!important;
}
body.character-creator-page .whitelist-result[hidden]{display:none!important}
body.character-creator-page .whitelist-result-icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border-radius:50%;
    background:rgba(201,169,111,.07);
    color:#c9a96f;
    font-size:1.15rem;
}
body.character-creator-page .whitelist-result-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}
body.character-creator-page .whitelist-result-copy strong{color:#eee5db;font:700 .8rem/1.3 'Cinzel',serif;letter-spacing:.035em;text-transform:uppercase}
body.character-creator-page .whitelist-result-copy small{color:#a0978e;font:500 .83rem/1.5 'Noto Serif',serif}
body.character-creator-page .whitelist-result.is-working{border-color:rgba(201,169,111,.25)!important;background:rgba(201,169,111,.035)!important}
body.character-creator-page .whitelist-result.is-working .whitelist-result-icon i{animation:cc19Spin 1.2s linear infinite}
body.character-creator-page .whitelist-result.is-success{border-color:rgba(79,180,116,.38)!important;background:rgba(52,129,81,.09)!important}
body.character-creator-page .whitelist-result.is-success .whitelist-result-icon{background:rgba(79,180,116,.12);color:#72d49a}
body.character-creator-page .whitelist-result.is-error{border-color:rgba(211,76,80,.42)!important;background:rgba(181,47,57,.08)!important}
body.character-creator-page .whitelist-result.is-error .whitelist-result-icon{background:rgba(211,76,80,.12);color:#ef7778}
body.character-creator-page .whitelist-result-link{white-space:nowrap!important}

@media(max-width:1050px){
    body.character-creator-page .creator-chapter-rail{
        grid-template-columns:repeat(5,minmax(155px,1fr))!important;
        overflow-x:auto!important;
        scrollbar-width:thin!important;
    }
    body.character-creator-page .whitelist-submit-panel{grid-template-columns:1fr!important}
    body.character-creator-page .whitelist-submit-action{max-width:620px;width:100%}
}
@media(max-width:720px){
    body.character-creator-page .creator-chapter-rail{padding:.55rem!important;gap:.45rem!important}
    body.character-creator-page .creator-chapter-rail .wiz-dot{min-height:64px!important;grid-template-columns:36px minmax(115px,1fr)!important;padding:.62rem!important}
    body.character-creator-page .creator-chapter-rail .wiz-num{width:32px;height:32px;font-size:.61rem}
    body.character-creator-page .creator-chapter-rail .wiz-copy strong{font-size:.62rem}
    body.character-creator-page .creator-chapter-rail .wiz-copy small{font-size:.68rem}
    body.character-creator-page .whitelist-submit-panel{padding:.85rem!important}
    body.character-creator-page .whitelist-submit-head{grid-template-columns:42px 1fr}
    body.character-creator-page .whitelist-submit-seal{width:42px;height:42px;font-size:1.1rem}
    body.character-creator-page .whitelist-send-btn{min-height:72px!important;grid-template-columns:38px minmax(0,1fr) 18px!important;padding:.7rem!important}
    body.character-creator-page .whitelist-send-icon{width:36px;height:36px}
    body.character-creator-page .whitelist-result{grid-template-columns:38px 1fr!important}
    body.character-creator-page .whitelist-result-link{grid-column:1/-1;justify-content:center!important;width:100%!important}
}