@font-face { font-family: 'Corsair Cuneiform'; src: url('/music/assets/corsair-radio/fonts/NotoSansCuneiform-Regular.ttf') format('truetype'); font-display: block; font-weight: 400; }
[data-avatar-signup-root] { width: min(100%,560px); margin: 0 auto; }
[data-avatar-signup-root] form { display: grid; gap: 14px; }
[data-avatar-signup-root] form[hidden] { display: none; }
[data-avatar-signup-root] label { display: grid; gap: 6px; font-size: 13px; }
[data-avatar-signup-root] input { width: 100%; padding: 10px 12px; min-height: 42px; box-sizing: border-box; }
[data-avatar-signup-root] h2,[data-avatar-signup-root] p { margin: 0; }
[data-avatar-signup-root] small { font: 11px/1.5 var(--content-font,system-ui); color: var(--muted); }
[data-avatar-signup-root] button[type='submit'] { min-height: 42px; padding: 10px 16px; background: #b99d6b; border: 1px solid #e2cfa5; border-radius: 5px; color: #151e28; cursor: pointer; }
[data-avatar-signup-root] button:disabled { opacity: .6; cursor: wait; }
.avatar-registration-passwords { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.avatar-codeword-field { position: relative; display: block; height: 68px; overflow: hidden; border: 1px solid #d8b67866; border-radius: 2px; background: #0b1019bc; box-shadow: inset 0 -1rem 3rem #0004; }
.avatar-codeword-field:focus-within { border-color: #d8b678cc; box-shadow: 0 0 24px #cfa35b1a; }
body.v61-shell .drawer .avatar-codeword-field input,.avatar-codeword-field output { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0 16px; border: 0 !important; background: transparent !important; font: 400 clamp(21px,4vw,28px)/68px 'Corsair Cuneiform','Segoe UI Historic',serif; letter-spacing: .22em; text-align: center; }
body.v61-shell .drawer .avatar-codeword-field input { z-index: 2; color: transparent !important; caret-color: #d8b678; box-shadow: none !important; }
.avatar-codeword-field output { z-index: 1; color: #d8b678; white-space: nowrap; pointer-events: none; }
@media(max-width:480px) { .avatar-registration-passwords { grid-template-columns: 1fr; } }