.player-roster-dialog{width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:22px;border:1px solid #45696f;border-radius:20px;background:linear-gradient(150deg,#182f39,#101d2a);color:#e2f1eb;overflow:auto;box-sizing:border-box;box-shadow:0 25px 100px #0009}.player-roster-dialog::backdrop{background:#071016bb;backdrop-filter:blur(6px)}.player-roster-dialog header{display:flex;align-items:start;justify-content:space-between;gap:10px}.player-roster-dialog h2{margin:4px 0 12px}.player-roster-dialog p,.player-roster-dialog small{color:#b4c9c5;line-height:1.55}.player-roster-dialog button,.player-roster-dialog input,.player-roster-dialog select{min-height:44px;max-width:100%;box-sizing:border-box}.player-roster-dialog button{border:1px solid #567b7c;background:#21444c;border-radius:10px;padding:8px 12px;color:inherit;cursor:pointer}.player-roster-dialog button:disabled{opacity:.5;cursor:default}.player-roster-dialog button:hover:not(:disabled){background:#315961}.player-roster-dialog input,.player-roster-dialog select{border:1px solid #52716e;border-radius:8px;background:#0f242e;color:inherit;padding:8px;font:inherit}.player-roster-dialog :focus-visible{outline:3px solid #f0ba6b;outline-offset:3px}#roster-search{display:flex;gap:8px;align-items:end;flex-wrap:wrap}#roster-search>label:first-child{flex:1 1 240px;display:grid;gap:5px}.roster-online-filter{display:flex;align-items:center;gap:8px}.roster-online-filter input{width:18px;margin:0}.roster-captain{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #49656666}.roster-captain strong{display:block;overflow-wrap:anywhere}.roster-captain small{display:block}.roster-avatar{width:40px;height:44px;display:grid;place-items:center;clip-path:polygon(50% 0,95% 20%,95% 78%,50% 100%,5% 78%,5% 20%);background:linear-gradient(145deg,#497e83,#233e57);font-size:13px;letter-spacing:.05em}.roster-status{font-size:12px;display:inline-flex;align-items:center;gap:5px}.roster-status i{width:6px;height:6px;border-radius:100%;background:#8fa2a4}.roster-status.is-online i{background:#83c794}.roster-pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:14px 0}.roster-pagination span{font-size:12px}.roster-profile{border-top:1px solid #45696f;padding-top:15px}.roster-profile summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.roster-profile form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roster-profile label{display:grid;gap:6px;min-width:0}.roster-profile form>div,.roster-profile form>p{grid-column:1/-1}.roster-profile form>div{display:flex;flex-wrap:wrap;gap:10px}.roster-admin{display:inline-flex;min-height:44px;align-items:center;color:#aacdd8}.roster-admin[hidden]{display:none}@media(max-width:480px){.player-roster-dialog{padding:14px}.roster-captain{grid-template-columns:34px minmax(0,1fr);gap:8px}.roster-avatar{width:32px}.roster-captain>button{grid-column:2;justify-self:start}.roster-profile form{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:no-preference){.player-roster-dialog[open]{animation:roster-arrive .22s ease-out}.roster-avatar{animation:roster-sky 8s ease-in-out infinite alternate}@keyframes roster-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes roster-sky{to{filter:brightness(1.18)}}}

.player-roster-dialog input:not([type="checkbox"]),.player-roster-dialog select{min-width:0;width:100%}