.roster-change-page{--ledger-cyan:#55f2ff;--ledger-violet:#9277ff;--ledger-ink:#03081beb;isolation:isolate;position:relative}.roster-change-atmosphere:before,.roster-change-atmosphere:after{content:"";pointer-events:none;position:absolute;inset:0}.roster-change-atmosphere:before{background:radial-gradient(circle at 82% 8%,#52ebff2e,#0000 22rem),radial-gradient(circle at 14% 42%,#633ff033,#0000 27rem);mask-image:linear-gradient(#000 0 62rem,#0000 88rem)}.roster-change-atmosphere:after{opacity:.22;background-image:repeating-linear-gradient(120deg,#0000 0 5rem,#58daff14 5.05rem 5.1rem)}.roster-change-masthead{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,7vw,7rem);display:grid}.roster-change-masthead h1{color:#f4fdff;text-shadow:0 0 2rem #51eaff3d;max-width:12ch}.roster-change-sigil{aspect-ratio:1;background:radial-gradient(circle,#40b6ff2e,#03081b47 62%,#0000 63%);border:1px solid #5de6ff47;border-radius:50%;place-items:center;width:clamp(9rem,18vw,13rem);display:grid;position:relative;box-shadow:0 0 4rem #3e70ff38,inset 0 0 2rem #59eaff1f}.roster-change-sigil:before,.roster-change-sigil:after{content:"";border-radius:inherit;border:1px dashed #8c7cff66;position:absolute;inset:.55rem;transform:rotate(18deg)}.roster-change-sigil:after{border-style:solid;border-color:#57eeff2e;inset:1.25rem;transform:rotate(-11deg)}.roster-change-sigil img{filter:drop-shadow(0 0 1.4rem #59edff99);width:54%;height:auto}.roster-change-sigil span{color:#a8f7ff;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:.67rem;position:absolute;bottom:-1.4rem}.roster-change-dashboard{gap:1.35rem;display:grid}.roster-change-dashboard[hidden]{display:none}.roster-change-source{background:linear-gradient(115deg,#081433f0,#110831eb);border-color:#58e7ff40;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.5rem;display:grid}.roster-change-source-state{gap:.28rem;min-width:7rem;display:grid}.roster-change-source-state span{color:var(--tr-color-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.roster-change-source-state strong{font-size:1.05rem}.roster-change-source-state .is-current{color:#77f4bd}.roster-change-source-state .is-stale{color:#ffd178}.roster-change-source-state .is-missing{color:#ff8d9c}.roster-change-context{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.roster-change-context article{min-height:9rem;position:relative;overflow:hidden}.roster-change-context article:after{content:"";aspect-ratio:1;border:1px solid #63e6ff29;border-radius:50%;width:8rem;position:absolute;inset:auto -2.5rem -4rem auto}.roster-change-context span{color:var(--tr-color-muted);letter-spacing:.13em;text-transform:uppercase;font-size:.72rem}.roster-change-context strong{color:#eefeff;margin-top:.5rem;font-size:clamp(1.5rem,3vw,2.35rem);display:block}.roster-change-context p{color:var(--tr-color-muted);margin-bottom:0}.roster-change-delta-card{background:linear-gradient(145deg,#0f1c42f0,#231048e6)}.roster-change-record{padding:0;overflow:hidden}.roster-change-record-heading{justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem 1.5rem 0;display:flex}.roster-change-record>.form-message{padding-inline:1.5rem}.roster-change-table-scroll{scrollbar-color:var(--ledger-violet) #ffffff0a;overflow-x:auto}.roster-change-table{border-collapse:collapse;width:100%;min-width:48rem}.roster-change-table th,.roster-change-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #8ec9ff1a;padding:.9rem 1.1rem}.roster-change-table thead th{color:#8ea3c7;letter-spacing:.12em;text-transform:uppercase;background:#0208188c;font-size:.68rem}.roster-change-table tbody tr:not(.roster-change-snapshot-row):hover{background:#48aeff0f}.roster-change-table td strong{color:#effdff;display:block}.roster-change-table td small{color:#7e95bb;margin-top:.15rem;display:block}.roster-change-snapshot-row th{color:#79efff;letter-spacing:.11em;text-transform:uppercase;background:linear-gradient(90deg,#23519052,#3118692e);font-size:.74rem}.roster-change-kind{letter-spacing:.04em;border:1px solid;border-radius:999px;align-items:center;gap:.4rem;padding:.34rem .58rem;font-size:.72rem;font-weight:700;display:inline-flex}.is-joined .roster-change-kind{color:#72f3ba}.is-departed .roster-change-kind{color:#ff8eaa}.is-rank_changed .roster-change-kind{color:#a99bff}.roster-change-empty{text-align:center;padding:3rem 1.5rem}.roster-change-empty[hidden]{display:none}.roster-change-empty>span{color:var(--ledger-cyan);text-shadow:0 0 1.2rem #55f2ffa6;font-size:2.5rem}.roster-change-empty h3{margin:.4rem 0}.roster-change-empty p{color:var(--tr-color-muted);margin:0}.roster-change-boundary{color:#8da5c8;background:#02071675;border:1px solid #6cd4ff21;border-radius:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem 1.2rem;font-size:.82rem;display:grid}.roster-change-boundary p{margin:0}.roster-change-boundary strong{color:#bedcff}@media (width<=720px){.roster-change-masthead{grid-template-columns:1fr}.roster-change-sigil{width:8rem;margin-inline:auto}.roster-change-source{grid-template-columns:1fr;align-items:start}.roster-change-source .button{text-align:center;width:100%}.roster-change-context{grid-template-columns:1fr}.roster-change-context article{min-height:0}.roster-change-boundary{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.roster-change-page *,.roster-change-page :before,.roster-change-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}