.access-shell{max-width:900px;margin:0 auto}.access-role-tabs,.access-mode-tabs{display:flex;gap:10px;margin:18px 0}.access-role-tabs button,.access-mode-tabs button{flex:1;background:white;border:1px solid #d2dce4;border-radius:10px;padding:14px;font-weight:700}.access-role-tabs button[aria-pressed="true"],.access-mode-tabs button[aria-pressed="true"]{background:#181a0f;border-color:#181a0f;color:#FFD300}.access-demo-note{font-size:14px;line-height:1.6}.access-demo-note strong{display:block}.access-try{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid #dce2e7;margin-top:24px;padding-top:20px}.access-try>span{flex-basis:100%;color:#56626d;font-size:14px}.access-shell .center-registration-package{border:0;margin:0}.access-shell .center-registration-content{padding:0}.access-shell .center-registration-package>summary{display:none}.access-shell form>.field{margin-bottom:18px}.access-shell .level-legend{margin:18px 0}.access-shell .form-grid{margin-bottom:20px}#accessAccountBar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;font-size:14px;font-weight:700}#tournamentOriginFields{margin-top:20px}#tournamentOriginFields .field{margin-bottom:16px}.tournament-origin{font-size:14px;border-left:3px solid #94c1e1;padding-left:10px;margin:6px 0 14px;line-height:1.5}@media(max-width:620px){#accessAccountBar{align-items:flex-start;flex-direction:column}.access-try button{flex:1}.access-shell .panel{padding:16px}}

.center-public-email{margin:16px 0 24px;padding:18px;border:2px solid #a8cce7;background:#fff;border-radius:12px}.center-public-email h3{margin:8px 0 16px}.center-public-email>.field{margin:14px 0}.center-public-email>.confirmation-check{display:flex;align-items:flex-start;gap:10px;font-weight:700;padding:14px;background:#eef7ff;border-radius:8px}.center-public-email>.confirmation-check input{width:20px;height:20px;flex-shrink:0;margin:0}.center-public-email input[readonly]{background:#f3f6f8;color:#182b3a}

.player-preferences-package>summary{cursor:pointer;font-size:20px;font-weight:800;background:#fff;border:1px solid #d7e3eb;border-radius:12px;padding:18px;min-height:48px}.player-preferences-package[open]>summary{margin-bottom:18px}.player-preferences-content{padding-top:8px}@media(max-width:620px){.player-preferences-package>summary{font-size:18px;padding:16px}}

.access-form-error{padding:12px;border-radius:9px;background:#fff0ed;color:#9a3024;line-height:1.5;font-size:14px}

/* Registration's introductory block is a reading flow, not the legacy logo sidebar. */
@media (min-width:521px){
 body #playerRegistrationForm .battle-profile-choice{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
 body #playerRegistrationForm .battle-profile-choice>*{grid-column:1/-1;grid-row:auto;min-width:0;max-width:100%;text-align:left}
 body #playerRegistrationForm .battle-profile-choice>p{margin:0}
 body #playerRegistrationForm .battle-profile-choice>.confirmation-check{justify-content:flex-start;align-items:center;width:100%;margin:0;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px}
 body #playerRegistrationForm [data-registration-self-assessment]{width:100%;justify-self:stretch}
 body #playerRegistrationForm .ctm-self-assessment{width:100%;min-width:0;margin:0;padding:16px;border:1px solid #cbd5e1;border-radius:12px}
 body #playerRegistrationForm .ctm-self-assessment>.confirmation-check{display:flex;align-items:flex-start;gap:12px;width:100%;margin:12px 0 0;padding:14px 16px;border:1px solid #cbd5e1;border-radius:10px;text-align:left}
 body #playerRegistrationForm .ctm-self-assessment>.confirmation-check>input{flex:0 0 18px;width:18px;height:18px;margin:3px 0 0}
 body #playerRegistrationForm .ctm-self-assessment>.confirmation-check>span{flex:1;min-width:0;white-space:normal;overflow-wrap:break-word}
 body #playerRegistrationForm .ctm-self-assessment>.confirmation-check:has(input:checked){background:#fff9df;border-color:#b99a00}
}

/* Five ascending level bars; only earned bars receive a soft neon glow. */
body .ctm-self-assessment .ctm-level-meter{display:inline-flex;align-items:flex-end;gap:3px;height:23px;margin-right:8px;vertical-align:-3px;--meter-color:105,173,226}
body .ctm-level-meter[data-level-step="2"]{--meter-color:69,185,190}
body .ctm-level-meter[data-level-step="3"]{--meter-color:104,187,145}
body .ctm-level-meter[data-level-step="4"]{--meter-color:210,183,84}
body .ctm-level-meter[data-level-step="5"]{--meter-color:174,142,220}
body .ctm-self-assessment .ctm-level-meter>i{display:block;width:6px;height:calc(8px + var(--bar-index)*3px);border-radius:2px;background:#e0e5eb;box-shadow:none}
body .ctm-self-assessment .ctm-level-meter>i.is-lit{background:rgb(var(--meter-color));box-shadow:0 0 5px rgba(var(--meter-color),.32),inset 0 1px 0 #ffffff70}
/* Justify descriptions; forced title breaks and final lines stay left aligned. */
body :is(#playerRegistrationForm,#playerProfileForm) .ctm-self-assessment>.confirmation-check>span{min-width:0;text-align:justify;text-align-last:left;hyphens:auto;overflow-wrap:break-word}

/* Drag-first date rail with a centered selection. */
body .unified-player-timeline .ut-date-rail-wrap{position:relative;background:linear-gradient(120deg,#f0f7ff,#f8fafc);border:1px solid #d7e4f0;border-radius:18px;padding:10px 0;overflow:hidden}
body .unified-player-timeline .ut-date-rail{display:flex;gap:10px;overflow-x:auto;cursor:grab;user-select:none;touch-action:pan-x pan-y;scrollbar-width:none;padding-inline:calc(50% - 25px);scroll-snap-type:x proximity;overscroll-behavior-x:contain}
body .unified-player-timeline .ut-date-rail::-webkit-scrollbar{display:none}
body .unified-player-timeline .ut-date-chip{flex:0 0 50px;min-width:50px;width:50px;border-radius:15px;scroll-snap-align:center;transition:background .15s,box-shadow .15s;box-shadow:0 3px 9px #284e7510}
body .unified-player-timeline .ut-date-chip.is-selected{background:#ffe26d!important;border-color:#d7b537!important;box-shadow:0 4px 14px #d5ad3b30}
body .unified-player-timeline .ut-date-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
body #ut-personal-archive{margin-top:24px;scroll-margin-top:110px;border:1px solid #cbdbea;border-radius:16px;background:#fff;padding:16px}
body #ut-personal-archive>summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;font-weight:750}

body .unified-player-timeline .ut-date-rail{position:relative}
body#ctm-premium#ctm-premium#ctm-premium .unified-player-timeline .ut-date-rail{display:flex!important;gap:10px!important;padding-inline:calc(50% - 25px)!important;position:relative!important;scroll-behavior:auto!important}
body#ctm-premium#ctm-premium#ctm-premium .unified-player-timeline .ut-date-chip{flex:0 0 50px!important;min-width:50px!important;width:50px!important}

/* Highlight follows the center immediately, without a color fade or delayed selection. */
body#ctm-premium#ctm-premium#ctm-premium .unified-player-timeline .ut-date-chip{transition:none!important}
body#ctm-premium#ctm-premium#ctm-premium .unified-player-timeline .ut-date-rail{scroll-snap-type:x mandatory}
body#ctm-premium#ctm-premium#ctm-premium .unified-player-timeline .ut-date-rail.is-dragging{scroll-snap-type:none}