/* Account fields share one surface, spacing and focus treatment. */
.account-access-modal{background:linear-gradient(145deg,#202124 0%,#151618 58%);border:1px solid #3b3b3e;border-top:3px solid #8d2028;box-shadow:0 24px 90px #000b;padding:28px 30px;color:#f4f4f5}
.account-access-modal label,.connection-panel form label{display:block;font-size:12px;font-weight:600;line-height:1.45;color:#cdd0d5;margin-bottom:16px}
.account-access-modal label>small{display:inline;margin-left:7px;font-size:10px;font-weight:400;color:#848990}
.account-access-modal input,.account-access-modal select,.connection-panel form input,.connection-panel form select{display:block;box-sizing:border-box;height:46px;min-height:46px;border:1px solid #3a3d42!important;border-radius:9px!important;background:#111214!important;color:#f1f1f4!important;padding:11px 13px!important;box-shadow:inset 0 1px 2px #0003;transition:border-color .16s,box-shadow .16s,background .16s;font:400 13px Inter,sans-serif;margin:7px 0 0;width:100%}
.account-access-modal input::placeholder,.connection-panel input::placeholder{color:#747b86;opacity:1}
.account-access-modal input:hover,.account-access-modal select:hover,.connection-panel form input:hover{border-color:#55585f!important}
.account-access-modal input:focus,.account-access-modal select:focus,.connection-panel form input:focus{outline:0;border-color:#ab3a42!important;box-shadow:0 0 0 3px #94212a26;background:#151517!important}
.account-access-modal .access-password input{padding-right:59px!important}.access-password button{top:21px;font-weight:600;color:#a8acb2;font-size:11px}
.account-access-modal .youtube-input{display:flex;align-items:center;height:48px;min-width:0;border:1px solid #3a3d42!important;border-radius:9px;background:#111214;margin-top:7px;padding:0;box-shadow:inset 0 1px 2px #0003;transition:border-color .16s,box-shadow .16s}
.account-access-modal .youtube-input:focus-within{border-color:#ab3a42!important;box-shadow:0 0 0 3px #94212a26}
.account-access-modal .youtube-input>span{padding:0 11px 0 13px;color:#90959c;font:500 12px Inter,sans-serif;display:block;flex-shrink:0;border-right:1px solid #3a3d42}
.account-access-modal .youtube-input input{height:44px;min-height:44px;flex:1;min-width:0;width:0;padding:10px 12px!important;margin:0!important;outline:0!important;border:0!important;border-radius:0 9px 9px 0!important;background:transparent!important;box-shadow:none!important}
.access-note{font-size:11px;color:#989da5;line-height:1.6;margin:9px 0 20px}.registration-game{margin:18px 0 20px;padding-top:17px}.registration-game legend{font-size:13px}.access-fields{gap:0 15px}.account-access-modal .auth-divider{font-size:10px;margin:18px 0}
.clan-picker-fields{padding:0;border:0;background:transparent;margin:0 0 16px;position:relative}.field-caption{display:block;font-size:12px;font-weight:600;color:#cdd0d5;margin-bottom:7px}
.clan-select-trigger{width:100%;min-height:48px;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #3a3d42;border-radius:9px;background:#111214;color:#e8e9ec;cursor:pointer;text-align:left;font:500 13px Inter,sans-serif;transition:border-color .16s,box-shadow .16s}.clan-select-trigger:hover{border-color:#595c62}.clan-select-trigger:focus-visible,.clan-select-trigger[aria-expanded=true]{outline:0;border-color:#a73540;box-shadow:0 0 0 3px #94212a26}.clan-select-trigger svg{width:16px;height:16px;flex:0 0 16px}.clan-selected-label{min-width:0;overflow-wrap:anywhere}.clan-options-panel{margin-top:7px;padding:8px;background:#1c1d20;border:1px solid #45464b;border-radius:10px;box-shadow:0 12px 30px #0004}.clan-options-panel[hidden],.connection-panel [data-clan-select][hidden]{display:none!important}
.clan-search-field{display:flex;align-items:center;position:relative;margin-bottom:7px}.clan-search-field>svg{position:absolute;left:12px;top:15px;width:16px;height:16px;color:#878e98}.account-access-modal .clan-search-field input,.connection-panel .clan-search-field input{margin:0;padding-left:37px!important;height:43px;min-height:43px}.clan-options-list{max-height:224px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#505058 transparent}.clan-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:11px 10px;font:500 12px Inter,sans-serif;color:#d5d7dc;cursor:pointer;line-height:1.5}.clan-option:hover,.clan-option:focus-visible{background:#292b30;border-color:#42454b;outline:0}.clan-option[aria-selected=true]{background:#302327;border-color:#784047}.clan-option-name{overflow-wrap:anywhere}.clan-option-check{color:#9d9fa6;font-size:15px;flex-shrink:0}.clan-option[aria-selected=true] .clan-option-check{color:#d8b4b6}.clan-search-count{margin:8px 5px 2px;padding-top:8px;border-top:1px solid #34363a;color:#828993;font-size:10px}.clan-no-results{padding:12px;font-size:12px;color:#aaaeb7}
.channel-preview-slot .channel-preview{background:#181a1d;border-color:#393d42;padding:13px 15px;border-radius:10px;animation:account-preview-in .2s ease-out}.channel-preview .avatar{width:50px;height:50px;background:#2a2c30}.channel-preview .avatar img{width:100%;height:100%;object-fit:cover}.channel-preview-slot .channel-preview strong{color:#f0f1f3;font-size:14px}.channel-preview-slot .channel-preview span{color:#979ea7;font-size:12px}.channel-preview-slot .channel-preview a{color:#cdd1d7;font-size:11px;text-decoration:none}.channel-preview-slot .channel-preview a:hover{text-decoration:underline}.channel-match-note{display:flex;align-items:flex-start;gap:6px;font-size:10px;color:#a5abb5;line-height:1.6;margin:9px 1px 14px}.channel-match-note svg{width:13px;height:13px;flex:0 0 13px;margin-top:1px;color:#bc8085}.channel-check-message{font-size:12px;color:#a6acb4;line-height:1.6;display:flex;align-items:center;gap:9px;padding:11px 13px;background:#1a1b1e;border-radius:8px;border:1px solid #383c42}.channel-check-error{color:#e2b4b5;border-color:#633b40;background:#271c20}.channel-check-spinner{width:13px;height:13px;border:2px solid #686166;border-top-color:#b54650;border-radius:50%;animation:account-spin .7s linear infinite;flex:0 0 13px}
@keyframes account-spin{to{transform:rotate(360deg)}}@keyframes account-preview-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.channel-check-spinner,.channel-preview-slot .channel-preview{animation:none}}
@media(max-width:600px){.account-access-modal{padding:24px 19px}.access-fields{grid-template-columns:1fr}.account-access-modal input,.account-access-modal select,.connection-panel form input{font-size:16px}.account-access-modal .youtube-input>span{font-size:11px;padding-left:10px;padding-right:9px}.account-access-modal .youtube-input input{font-size:16px;padding-left:10px!important}.clan-options-list{max-height:190px}.clan-option{font-size:13px;padding:12px 10px}}