/* Seeded workshop: compact map-led planning, scrollable as one panel on phones. */
#skirmishPanel{--skirmish-panel-gap:24px;width:auto;max-width:1120px;max-height:calc(100dvh - max(var(--skirmish-panel-gap),env(safe-area-inset-top),var(--preview-safe-top,0px)) - max(var(--skirmish-panel-gap),env(safe-area-inset-bottom),var(--preview-safe-bottom,0px)));overflow:auto;background:#14282c;color:#f0eddb;border-color:#627974}#skirmishPanel .panel-head{flex-shrink:0;position:sticky;top:0;z-index:2;background:#14282cf5;border-bottom:1px solid #536963;backdrop-filter:blur(12px)}.skirmish-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:24px}.skirmish-controls{display:flex;flex-direction:column;gap:13px}.skirmish-kicker{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#bdcca8;text-transform:uppercase}.skirmish-controls h3{font-family:Georgia,serif;font-size:28px;line-height:1.1;margin:8px 0 9px}.skirmish-controls p,.skirmish-description,.skirmish-kit p,.skirmish-objective p{font-size:13px;line-height:1.6;color:#c4d0c6;margin:6px 0}.skirmish-controls label,.skirmish-code label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:650;color:#e3e6cf}.skirmish-controls input,.skirmish-controls select{width:100%;min-width:0;box-sizing:border-box;font:inherit;font-size:14px;color:#f6f4df;border:1px solid #5d7772;border-radius:8px;background:#0d2024;padding:11px 12px;min-height:44px}.skirmish-controls input:focus,.skirmish-controls select:focus{outline:2px solid #f5d691;outline-offset:2px}.skirmish-workspace button{min-height:44px;padding:10px 15px;line-height:1.25;font-size:13px;border-radius:8px;border:1px solid #91aa8b;background:#c8d6a9;color:#182820;font-weight:750;cursor:pointer}.skirmish-workspace button:disabled{opacity:.45;cursor:not-allowed}.skirmish-workspace button:focus-visible{outline:2px solid #f5d691;outline-offset:3px}.skirmish-workspace .skirmish-secondary{background:#1d3538;color:#dae3d3;border-color:#55706b}.skirmish-code{border-top:1px solid #425c57;padding-top:16px;margin-top:3px}.skirmish-code input{font-family:ui-monospace,monospace;font-size:11px}.skirmish-code>div{display:flex;gap:8px;margin-top:8px}.skirmish-code button{flex:1;font-size:12px}.skirmish-preview{border:1px solid #57756e;border-radius:14px;overflow:hidden;background:#203c43}.skirmish-preview svg{display:block;width:100%;height:auto;min-height:120px}.skirmish-field-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px}.skirmish-field-heading h3{font-family:Georgia,serif;font-weight:500;font-size:32px;line-height:1.15;margin:5px 0 2px}.skirmish-threat{white-space:nowrap;border:1px solid #817960;color:#edd7a5;border-radius:30px;padding:7px 10px;font-size:11px}.skirmish-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:19px 0 15px;padding:16px 0;border-top:1px solid #415c54;border-bottom:1px solid #415c54}.skirmish-facts dt{font-size:10px;color:#b8c6b8;letter-spacing:1px;text-transform:uppercase}.skirmish-facts dd{font-size:18px;color:#f0e6c7;margin:5px 0 0;font-variant-numeric:tabular-nums}.skirmish-company{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;margin:0 0 20px;padding:0;color:#bfcdbf;font-size:12px}.skirmish-company b{color:#f3dcaa;margin-right:3px}.skirmish-objective{border-left:3px solid #c7ae77;padding:2px 15px;margin-bottom:17px}.skirmish-objective strong{font:500 20px Georgia,serif;color:#f2e6c3}.skirmish-kit{background:#1c3536;border:1px solid #415e56;border-radius:8px;padding:0 12px}.skirmish-kit summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:700;line-height:1.4;color:#d3dfc5}.skirmish-kit summary::before{content:'＋';font-size:16px;margin-right:8px}.skirmish-kit[open] summary::before{content:'−'}.skirmish-kit p:last-child{padding-bottom:9px}.skirmish-validation,.skirmish-safety{font-size:11px;line-height:1.55;color:#a9bcb2;margin:13px 0 0}#skirmishStatus{min-height:18px;font-size:12px;color:#e4d4a8;margin:16px 0 11px}.skirmish-actions{display:flex;gap:10px;flex-wrap:wrap}.skirmish-actions #skirmishPrepare{background:#e4c58c;border-color:#e4c58c;min-width:170px}#hubSkirmishProgress{font-size:12px;line-height:1.5;color:#b7d3bc;margin:8px 0;overflow-wrap:anywhere}#skirmishReplaceConfirm{padding:18px 24px;background:#343528;border-top:1px solid #9d9165}#skirmishReplaceConfirm p{font-size:14px;line-height:1.55;margin:0 0 12px}#skirmishReplaceConfirm button{min-height:44px;margin-right:8px}#skirmishDifficultyNote{font-size:12px;line-height:1.5;color:#cfbb86}.skirmish-result-note{color:#c9d3b6;font-size:12px;line-height:1.6}
@media(max-width:760px){.skirmish-workspace{grid-template-columns:220px minmax(0,1fr);gap:18px;padding:18px}.skirmish-controls h3{font-size:24px}.skirmish-field-heading{align-items:flex-start;flex-direction:column;gap:6px}.skirmish-field-heading h3{font-size:28px}.skirmish-facts{gap:7px}.skirmish-facts dd{font-size:15px}.skirmish-facts dt{font-size:9px}}
@media(max-width:560px){.skirmish-workspace{grid-template-columns:1fr;padding:18px;gap:24px}.skirmish-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.skirmish-controls>div:first-child,.skirmish-code,#skirmishThreatNote{grid-column:1/-1}.skirmish-controls>label[for="skirmishDoctrine"]{grid-column:1/-1}.skirmish-controls>button{align-self:end}.skirmish-preview svg{min-height:100px}.skirmish-field-heading{flex-direction:row;align-items:center}.skirmish-field-heading h3{font-size:27px}.skirmish-threat{font-size:10px;padding:6px 8px}.skirmish-facts dd{font-size:17px}.skirmish-actions>*{flex:1}#skirmishPanel .panel-head{padding:15px 18px}#skirmishPanel .panel-head h2{font-size:24px}}
@media(max-height:450px) and (min-width:561px){#skirmishPanel .panel-head{padding:10px 18px}#skirmishPanel .panel-head h2{font-size:22px}.skirmish-workspace{grid-template-columns:235px minmax(0,1fr);padding:17px}.skirmish-preview svg{max-height:170px}.skirmish-controls h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){#skirmishPanel *{scroll-behavior:auto;transition:none}}

/* Reuse the existing command hall map station; no lobby redesign. */
#intro.command-hall #hubSkirmishProgress{display:block;margin:0;font:11px/1.35 system-ui,sans-serif;color:#e5c994;max-width:230px;white-space:normal;overflow-wrap:anywhere}
#intro.command-hall #skirmishSessionNote{margin:5px 3px 2px;font-size:11px;line-height:1.4;color:#cbbd9f}
@media(max-height:600px) and (orientation:landscape){#intro.command-hall #hubSkirmishProgress{font-size:10px;max-width:210px}#intro.command-hall #skirmishSessionNote{font-size:10px}}
@media(max-width:620px) and (orientation:portrait){#intro.command-hall #hubSkirmishProgress{font-size:10px;max-width:175px}}

/* Match the shared .panel vertical insets; .panel keeps horizontal ownership. */
@media(max-height:600px) and (orientation:landscape){#skirmishPanel{--skirmish-panel-gap:10px}}
@media(orientation:portrait){#skirmishPanel{--skirmish-panel-gap:12px}}