/* Staging-only layout: selection stays visible while detailed evidence is on demand. */
.mirror-notice{padding:7px 20px;background:#152d4d;border-bottom:1px solid #31527b;color:#bcd6ff;text-align:center;font-size:12px;font-weight:700;letter-spacing:.02em}
.hero{display:none}
.workspace{display:grid;grid-template-columns:minmax(440px,1.12fr) minmax(370px,.88fr);align-items:start;gap:16px;margin-top:24px}
.roster-panel,.result-panel{min-height:0}
.panel{padding:18px}
.panel-head{padding-bottom:12px}
.panel h2{font-size:21px}
.toolbar{margin:12px 0}
.player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:6px;max-height:590px;overflow:auto}
.player{display:grid!important;grid-template-columns:36px minmax(0,1fr) 25px!important;grid-template-rows:auto auto!important;align-items:center;gap:7px 8px;padding:9px 10px!important;min-width:0;min-height:75px}
.player.selected{border-color:#6fa6ff;background:#203d60}
.player[aria-pressed="false"]:hover{border-color:#6184ad}
.player:focus-visible,.selected-chip:focus-visible,.mirror-player-details summary:focus-visible{outline:2px solid #91baff;outline-offset:2px}
.player>.avatar{grid-column:1;grid-row:1;width:34px;height:34px}
.player>div:nth-of-type(1){grid-column:2;grid-row:1;min-width:0}
.player>.check{grid-column:3;grid-row:1}
.player-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mirror-role{display:block;margin-top:4px;color:#a8bfdc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-id{max-width:100%;font-size:11px;white-space:normal;overflow-wrap:anywhere;margin:8px 0}
.mirror-player-details{grid-column:1/-1;grid-row:2;border-top:1px solid #283a55;padding-top:5px;min-width:0}
.mirror-player-details summary{display:inline-block;color:#8db8fb;font-size:11px;cursor:pointer;padding:3px 4px;list-style:none}
.mirror-player-details summary::-webkit-details-marker{display:none}
.mirror-player-details summary:before{content:'＋ ';font-size:12px}
.mirror-player-details[open] summary:before{content:'－ '}
.mirror-player-details .player-overview{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:10px 0;padding-top:8px;border-top:1px solid #273a54}
.mirror-player-details .player-metric{min-width:0;padding-left:6px;border-left:1px solid #2b3d57}
.mirror-player-details .player-metric:first-child{padding-left:0;border-left:0}
.mirror-player-details .player-metric strong{white-space:normal;overflow-wrap:anywhere}
.mirror-player-details .most-row{margin:8px 0}
.mirror-player-details .nickname-tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.mirror-player-details .tier{font-size:11px;margin:8px 0 5px;text-align:left}
.mirror-player-details .player-tools{display:flex;gap:6px;flex-wrap:wrap}
.mirror-player-details .role-lock{flex:1;min-width:150px}
.result-panel>.selected-summary{width:100%;max-width:none;margin:14px 0 0;display:block}
.result-panel .selected-summary .count{display:inline-block;margin-bottom:10px}
.result-panel .selected-participants{justify-content:flex-start;max-height:none;min-height:48px;overflow:visible;gap:6px}
.selection-helper{font-size:12px;color:#a8bfdc;margin:9px 0 12px}
.generate-teams{width:100%;padding:12px;border:0;border-radius:7px;background:#3677e4;color:white;font-size:13px;font-weight:700;cursor:pointer}
.generate-teams:hover:not(:disabled){background:#4a8af5}
.generate-teams:disabled{background:#33465d;color:#aebed2;cursor:not-allowed}
.selected-participants .selected-chip{background:#203b60;border:1px solid #38649b;border-radius:18px;color:#e9f2ff;padding:6px 9px;font-size:11px;line-height:1.3;cursor:pointer}
.selected-participants .selected-chip:hover{background:#2b5081}
.selected-participants .selected-chip b{color:#8bb8ff;font-size:10px}
.selected-participants small{font-size:11px;color:#a5b9d5}
.empty-state{min-height:190px}
.empty-state div{display:none}
.empty-state h3{margin-top:0}
.result-panel #teamResult{margin-top:12px}
.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:12px;padding-top:7px;padding-bottom:7px}
.topbar nav{gap:16px}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.mirror-tools{position:relative}
.mirror-tools>summary{font-size:12px;color:#b6c8e6;cursor:pointer;white-space:nowrap}
.mirror-tools>div{position:absolute;right:0;top:30px;z-index:20;width:190px;display:flex;flex-direction:column;gap:7px;background:#162338;border:1px solid #354b69;border-radius:8px;padding:10px;box-shadow:0 15px 35px #070e1daa}
.mirror-tools .ghost,.mirror-tools .uploader-download{margin:0!important;width:100%;font-size:11px;text-align:left;display:block;min-height:32px}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.player-list{max-height:540px}.topbar nav{display:flex}.result-panel{min-height:0}}
@media(max-width:620px){.workspace{grid-template-columns:minmax(0,1fr)}.topbar{gap:8px}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav a{font-size:12px}.header-actions{margin-left:auto}.mirror-player-details .player-overview{grid-template-columns:1fr 1fr}.panel{padding:13px}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.player-list{grid-template-columns:1fr}}