#force-plan{pointer-events:auto;margin:16px 0;color:#dce5ce}
#force-plan>summary{cursor:pointer;color:#eccb8d;font-size:12px;letter-spacing:.08em;font-weight:700}
#force-plan .force-plan-help{font-size:12px;line-height:1.5;margin:12px 0 8px}
#force-plan-feedback{min-height:20px;padding:8px 11px;border-left:3px solid #a3bb83;background:#243227;font-size:12px!important;line-height:1.45!important}
#force-plan-feedback[data-error="true"]{border-color:#e1a17e;color:#f0c2a8}
#force-plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:12px 0}
.detachment-card{min-width:0;padding:13px;background:#131f19;border:1px solid #4a5c42;border-radius:6px}
.detachment-card.own-detachment{border-color:#d2b06a;background:#202d23}
.detachment-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.detachment-heading h3{font-size:14px;margin:0;overflow-wrap:anywhere}
.detachment-heading>span{font-size:9px;color:#a9b49b;letter-spacing:.06em}
.detachment-heading>.ready-tag{color:#b7d995}
#force-plan .detachment-role{font-size:12px;color:#f0d6a1;margin:8px 0}
#force-plan .detachment-description{font-size:11px;line-height:1.5;min-height:50px;margin:7px 0 9px}
.detachment-roles{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:9px 0}
.detachment-roles button{font-size:11px;padding:7px 5px;min-width:0}
.detachment-roles button[aria-pressed="true"]{color:#edcd8b;border-color:#edbb63;background:#454831}
.detachment-teams{max-height:32vh;min-height:110px;overflow-y:auto;scrollbar-gutter:stable;border-top:1px solid #3e513c;padding-top:4px}
.detachment-team{display:grid;grid-template-columns:42px minmax(0,1fr);gap:4px 7px;padding:8px 0;border-bottom:1px solid #354530;align-items:center}
.detachment-art{width:42px;height:34px;display:grid;place-items:center;overflow:hidden}
.detachment-art :is(img,svg){max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.detachment-team-label{min-width:0;display:grid;gap:3px}
.detachment-team-label b{font-size:11px;font-weight:600}
.detachment-team-label span{font-size:10px;color:#9eaf90}
.detachment-team :is(select,.detachment-ask){grid-column:2;max-width:100%;min-width:0;padding:5px 7px;font-size:10px}
.detachment-request{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:6px;background:#34412a;font-size:10px}
.detachment-request span{flex-basis:100%;color:#dfd2ac}
.detachment-request button{padding:5px 8px;font-size:10px}
#match-overlay:has(#force-plan:not([hidden])) .briefing{width:min(1120px,100%);max-width:none;pointer-events:auto}
#match-overlay:has(#force-plan[open]:not([hidden])){position:fixed;inset:0;z-index:70;padding:18px;background:#101a16f5;pointer-events:auto}
body:has(#force-plan[open]:not([hidden])) main{overflow:hidden}
#match-overlay:has(#force-plan[open]:not([hidden])) #match-players{display:none}
#match-overlay:has(#force-plan[open]:not([hidden])) #match-code:not([hidden]){display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0;padding:8px 13px}
#match-overlay:has(#force-plan[open]:not([hidden])) #match-code strong{font-size:24px;margin:0}
#match-overlay:has(#force-plan[open]:not([hidden])) .match-actions{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#18221a;padding-top:10px;box-shadow:0 -8px 12px #18221ac0}
#match-overlay:has(#force-plan[open]:not([hidden])) .match-actions>button{margin:0;width:100%;min-height:40px}
#detachment-label{color:#e0c98b;line-height:1.4;margin:8px 0}
@media(max-width:600px){#match-overlay:has(#force-plan[open]:not([hidden])){padding:7px}#match-overlay:has(#force-plan[open]:not([hidden])) .briefing{padding:15px}#force-plan-cards{grid-template-columns:1fr}.detachment-teams{max-height:230px}#match-overlay:has(#force-plan[open]:not([hidden])) #match-code:not([hidden]){flex-wrap:wrap}#match-overlay:has(#force-plan[open]:not([hidden])) #match-code .code-actions{width:100%}}