.picker { margin:0 0 8px; }
.picker input[role="combobox"] { width:100%; padding:12px; background:var(--night); color:var(--chalk); border:1px solid var(--rule); border-radius:8px; font:16px var(--font-sans); }
.picker input[role="combobox"]:focus-visible { border-color:var(--signal); }
.picker-list { list-style:none; margin:4px 0 0; padding:0; background:var(--panel); border:1px solid var(--rule); border-radius:10px; overflow:hidden; }
.picker-option { display:flex; justify-content:space-between; gap:12px; align-items:baseline; min-height:44px; padding:10px 14px; cursor:pointer; border-top:1px solid var(--rule); }
.picker-option:first-child { border-top:0; }
.picker-option[aria-selected="true"] { background:color-mix(in oklch, var(--signal) 12%, var(--panel)); box-shadow:inset 0 0 0 1px var(--signal); }
.picker-option[aria-selected="true"] .picker-meta { color:var(--signal); }
.picker-name { font-weight:700; overflow-wrap:anywhere; }
.picker-meta { font:500 .8125rem/1.4 var(--font-mono); text-transform:uppercase; letter-spacing:.06em; white-space:nowrap; }
.picker-status { margin:6px 0 0; min-height:1.4em; }
.roster-head { display:flex; justify-content:space-between; align-items:baseline; gap:12px; flex-wrap:wrap; }
.roster-head h2 { margin-bottom:8px; }
.group-head { margin:16px 0 8px; }
.group-head.starter { color:var(--signal); }
.entries { list-style:none; margin:0 0 12px; padding:0; display:grid; gap:8px; }
.entry { display:grid; grid-template-columns:1fr auto auto; gap:10px; align-items:center; padding:10px 14px; background:var(--panel); border:1px solid var(--rule); border-radius:10px; }
.entry-name { font-weight:700; overflow-wrap:anywhere; }
.entry select { padding:10px 8px; min-height:44px; background:var(--night); color:var(--chalk); border:1px solid var(--rule); border-radius:8px; font:500 .85rem var(--font-mono); }
.entry button { min-height:44px; padding:8px 14px; font-size:1rem; }
@media (max-width:480px) { .entry { grid-template-columns:1fr auto; } .entry-name { grid-column:1 / -1; } }