#deckDialog[open] { display:flex; flex-direction:column; }
#deckDialog .deck-head { flex-shrink:0; }
#deckDialog .deck-builder { flex:1; height:auto; min-height:0; }
#savedDeckBar { flex-shrink:0; padding:12px 20px; display:flex; flex-wrap:wrap; align-items:end; gap:10px; background:#102432; border-bottom:1px solid #365968; }
#savedDeckBar label { display:flex; flex-direction:column; gap:5px; font:14px var(--display); color:#12d9f4; flex:1; min-width:140px; }
#savedDeckBar input,#savedDeckBar select { width:100%; min-height:44px; background:#0a1724; color:white; border:1px solid #487285; padding:8px; font:16px var(--body); }
#savedDeckBar>div { display:flex; gap:6px; flex-wrap:wrap; }
#savedDeckBar .button { padding:10px; min-height:44px; background:#173d4b; color:#eaf9ff; font-size:14px; }
#savedDeckBar #activateSavedDeck { background:#12d9f4; color:#07121b; }
#savedDeckBar .button:disabled { opacity:.45; }
#savedDeckStatus { width:100%; margin:0; color:#b7f20c; font-size:13px; }
@media(max-width:650px) { #deckDialog .deck-builder { flex:none; }#savedDeckBar { padding:12px; } }