.site-role{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border:1px solid var(--role-line,#425b69);border-radius:6px;background:var(--role-bg,#1a303c);color:var(--role-color,#bed3df);font-size:11px;font-weight:800;line-height:1.7;white-space:nowrap}.site-role svg{width:14px;height:14px;flex-shrink:0}.role-owner{--role-bg:#3e3321;--role-line:#8a713b;--role-color:#ffdf8b}.role-admin{--role-bg:#402832;--role-line:#8a5361;--role-color:#ffbcc6}.role-mod{--role-bg:#193c4b;--role-line:#397b8b;--role-color:#98e5ff}.role-support{--role-bg:#302d49;--role-line:#69628d;--role-color:#d2c8ff}.role-member{--role-bg:#1d303c;--role-line:#435c69;--role-color:#bed3df}.admin-identity>.site-role{background:var(--role-bg);color:var(--role-color);border-color:var(--role-line)}.profile-popover-head small{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.profile-popover-head .site-role{font-size:10px;padding:2px 7px}.staff-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px;background:#142c37;border:1px solid #365562;border-radius:13px;margin-bottom:20px}.staff-intro h3{font-size:21px;margin:0 0 9px}.staff-intro p{font-size:13px;line-height:1.9;margin:0;max-width:66ch}.staff-permissions{border:1px solid #34515f;border-radius:12px;margin-bottom:27px;padding:0!important;background:#10232f;overflow:hidden}.staff-permissions>summary{padding:18px 22px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;font-weight:700;cursor:pointer}.staff-permissions>summary::-webkit-details-marker{display:none}.staff-permissions>summary svg{width:17px;height:17px}.staff-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #34515f}.staff-role-grid article{padding:23px;border-bottom:1px solid #29434f;min-width:0}.staff-role-grid article:nth-child(odd){border-right:1px solid #29434f}.staff-role-grid p{font-size:12px;line-height:1.9;margin:14px 0}.staff-role-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:12px;color:#b9d0d5}.staff-role-grid li{display:flex;gap:8px;align-items:center}.staff-role-grid li svg{width:14px;height:14px;color:#83cbb7}.staff-roster,.staff-assigned{margin-bottom:30px}.staff-roster h3,.staff-assigned h3{font-size:20px;margin:0 0 18px}.staff-player{display:flex;gap:12px;align-items:center}.staff-player .avatar{width:33px;height:33px;border-radius:8px}.staff-row-actions{display:flex;gap:8px;flex-wrap:wrap}.staff-row-actions .btn svg{width:14px;height:14px}.staff-selected{display:flex;align-items:center;gap:16px;padding:18px;background:#172f3b;border:1px solid #375661;border-radius:12px;margin:22px 0}.staff-selected>.avatar{width:50px;height:50px;border-radius:10px}.staff-selected strong{display:block;font-size:18px;margin-bottom:8px}.staff-role-preview{padding:20px;border:1px solid #36535e;border-radius:11px;background:#142b36;margin:18px 0 23px}.staff-role-preview p{font-size:13px;line-height:1.9;margin:14px 0}.staff-role-preview ul{margin:0;padding-left:19px;font-size:13px;line-height:2;color:#bdd2d9}.admin-search .form-result{font-size:12px;color:#ffb5bc;align-self:center}
@media(max-width:650px){[data-form="admin-role"] select{font-size:16px}}
.role-support{--role-bg:#173c2e;--role-line:#418466;--role-color:#a0efbd;--role-glow:#67dc9830}.role-mod{--role-bg:#342846;--role-line:#8060ac;--role-color:#dcc0ff;--role-glow:#ba88ff30}.role-admin{--role-bg:#1b324f;--role-line:#4d7fbc;--role-color:#b4d6ff;--role-glow:#6baaff30}.role-owner{--role-bg:#45272d;--role-line:#b25c68;--role-color:#ffc1c8;--role-glow:#ff7d8b30}
.admin-identity{flex-wrap:wrap}
.site-role:not(.role-member){position:relative;isolation:isolate;box-shadow:0 0 8px var(--role-glow)}
.site-role:not(.role-member)::after{content:'';position:absolute;inset:-1px;border:1px solid var(--role-color);border-radius:inherit;box-shadow:0 0 10px var(--role-glow);pointer-events:none;opacity:0;transition:opacity 180ms ease-out}
.site-role:hover::after,.staff-player:focus-within .site-role::after{opacity:.65}
.auth-story-label,.auth-story>h2,.auth-story>p{text-align:center;width:100%}.auth-story-bottom{justify-content:center}
.player-picker{position:relative;min-width:0;margin-bottom:18px}.player-picker>label{display:block;margin-bottom:10px;font-size:13px;font-weight:700}.player-picker>input:not([type="hidden"]){width:100%}.player-options{position:absolute;top:100%;left:0;right:0;z-index:30;margin-top:-22px;max-height:260px;overflow-y:auto;background:#102632;border:1px solid #4e7985;border-radius:10px;box-shadow:0 14px 28px #050e1866;padding:5px}.player-options[hidden]{display:none}.player-options>button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:6px;background:transparent;color:#e4f5fc;text-align:left;font:inherit;cursor:pointer}.player-options>button:hover,.player-options>button[aria-selected="true"]{background:#224955}.player-options .avatar,.player-selection .avatar{width:32px;height:32px;border-radius:7px;image-rendering:pixelated}.player-options svg{margin-left:auto;width:16px;height:16px;color:#72e1d2}.player-options>p{padding:12px;font-size:13px;line-height:1.7}.player-selection{display:flex;align-items:center;gap:9px;min-height:26px;margin-top:8px;color:#b2cbd4;font-size:12px;line-height:1.7}.has-player .player-selection{color:#9bedc8}.player-selection svg{width:16px;height:16px;margin-left:auto}.staff-player .avatar{image-rendering:pixelated}
@media(max-width:650px){.player-picker>input:not([type="hidden"]){font-size:16px}.player-options{max-height:220px}}
@media(prefers-reduced-motion:reduce){.site-role::after{transition:none!important}}
@media(max-width:650px){.staff-intro{flex-direction:column;padding:21px}.staff-role-grid{grid-template-columns:1fr}.staff-role-grid article:nth-child(odd){border-right:0}.staff-permissions>summary{padding:18px;font-size:13px}.staff-selected{padding:16px}.staff-selected strong{font-size:17px}.staff-roster .admin-search{flex-wrap:wrap}.staff-roster .admin-search input{min-width:140px}.staff-roster .form-result{flex-basis:100%}.staff-player .avatar{width:29px;height:29px}.staff-intro h3{font-size:20px}}