/* Story content reuses the existing launch dialog; the lobby grid is untouched. */
#lobby-launch-dialog [hidden],#result [hidden]{display:none!important}
#lobby-launch-dialog .campaign-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}
#lobby-launch-dialog .campaign-tabs button{margin:0;min-height:44px;padding:8px;font-size:14px}
#lobby-launch-dialog .campaign-tabs [aria-selected=true]{color:#c6f397;background:#263a2b;border-color:#8ebc78}
#lobby-launch-dialog[data-campaign-page] .deployment>.fine{display:none}
#lobby-launch-dialog .campaign-chapter{font-size:12px;line-height:1.3;margin:0 0 8px;color:#a9bcbb}
#lobby-launch-dialog .campaign-chapter-select{width:100%;min-height:44px;margin:0 0 8px;font-size:14px}
#lobby-launch-dialog .campaign-missions{display:grid;gap:6px}
#lobby-launch-dialog .campaign-mission{display:grid;grid-template-columns:30px minmax(0,1fr);gap:1px 8px;min-height:56px;margin:0;padding:8px 10px;text-align:left;border-radius:5px;background:#13242d}
#lobby-launch-dialog .campaign-number{grid-row:1/3;align-self:center;color:#aadd8b;font-size:17px}
#lobby-launch-dialog .campaign-mission strong{font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lobby-launch-dialog .campaign-mission small{font-size:11px;color:#a7bfc4}
#lobby-launch-dialog .campaign-mission:disabled{opacity:.55}
#lobby-launch-dialog #campaign-back{width:44px;height:44px;min-width:44px;margin:0;padding:0;font-size:29px}
#lobby-launch-dialog[data-campaign-page=brief] #lobby-launch-title{font-size:17px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lobby-launch-dialog[data-campaign-page=brief]{overflow:hidden}
#lobby-launch-dialog[data-campaign-page=brief] .deployment.panel{padding:0}
#lobby-launch-dialog .campaign-brief-page{display:flex;flex-direction:column;max-height:calc(85dvh - 69px - env(safe-area-inset-bottom,0px));min-height:0}
#lobby-launch-dialog .campaign-brief-scroll{overflow:auto;overscroll-behavior:contain;padding:13px 16px 8px;min-height:0}
#lobby-launch-dialog .campaign-brief-page p{font-size:13px;line-height:1.45;margin:0 0 8px}
#lobby-launch-dialog .campaign-objective{color:#d2edba;font-weight:600}
#lobby-launch-dialog .campaign-hint{color:#b3c6ce}
#lobby-launch-dialog .campaign-reward{font-size:12px;color:#dfc98c}
#lobby-launch-dialog .campaign-loadout-details{border:0;margin:0 0 8px;padding:0}
#lobby-launch-dialog .campaign-loadout-details>summary{display:block;cursor:pointer;min-height:44px;line-height:44px;font-size:12px;color:#adc5ce}
#lobby-launch-dialog .campaign-loadout-details>summary::before{content:'＋ ';color:#c6e598}
#lobby-launch-dialog .campaign-loadout-details[open]>summary::before{content:'− '}
#lobby-launch-dialog .campaign-loadout-details p{font-size:12px;padding:4px 0}
#lobby-launch-dialog .campaign-army{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:6px;border:0;margin:0;padding:0;min-width:0}
#lobby-launch-dialog .campaign-army legend{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
#lobby-launch-dialog .campaign-army label{display:flex;align-items:center;gap:7px;min-height:44px;margin:0;padding:8px;border:1px solid #425962;border-radius:4px;font-size:13px}
#lobby-launch-dialog .campaign-army label:has(input:checked){border-color:#a5cf7f;background:#23362b}
#lobby-launch-dialog .campaign-army input{appearance:auto;width:16px;height:16px;padding:0;margin:0;accent-color:#b6e886}
#lobby-launch-dialog .campaign-army-note{grid-column:1/-1;font-size:11px!important;line-height:1.2!important;margin:0!important;color:#9fb6bb}
#lobby-launch-dialog .campaign-launch-footer{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;flex:none;padding:10px 16px;background:#17282e;border-top:1px solid #3e555e}
#lobby-launch-dialog .campaign-launch-footer button{margin:0;min-height:44px;padding:8px 12px}
#lobby-launch-dialog .campaign-launch-footer .campaign-start{justify-content:center}
#lobby-launch-dialog .campaign-error{grid-column:1/-1;margin:0;color:#ffb399;font-size:12px;line-height:1.4;max-height:52px;overflow:auto}
#result.campaign-result{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:20px;clip-path:none}
#result.campaign-result h2{font-size:26px;margin:8px 0}
#result.campaign-result #result-rating{font-size:14px;margin-bottom:10px}
#result.campaign-result #result-reason,#result.campaign-result #result-campaign{font-size:13px;line-height:1.5;margin:8px 0}
#result.campaign-result #result-reward{font-size:12px;line-height:1.5}
#result.campaign-result .result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#result.campaign-result .result-actions button{min-height:44px;margin:0;padding:8px}
#result.campaign-result #result-next{grid-column:1/-1;justify-content:center}
#result.campaign-result #rematch{justify-content:center}
@media(max-height:400px) and (orientation:landscape){
 #lobby-launch-dialog[data-campaign-page] .deployment.panel{padding:10px 14px}
 #lobby-launch-dialog[data-campaign-page=brief] .deployment.panel{padding:0}
 #lobby-launch-dialog .campaign-mission{min-height:48px;padding:5px 8px}
 #lobby-launch-dialog .campaign-tabs{margin-bottom:8px}
 #lobby-launch-dialog .campaign-brief-scroll{padding:9px 14px 6px}
 #lobby-launch-dialog .campaign-brief-page p{font-size:12px;margin-bottom:6px}
 #lobby-launch-dialog .campaign-launch-footer{padding:6px 14px}
}