:root{
--bg:#0b0f0c;--panel:#121815;--accent:#5f7f5f;
--danger:#b04444;--text:#d8e0d8;
--jtac:#6fa86f;--air:#6fa0c8;
--muted:#9fb59f;--muted-2:#b2c3b2;--muted-dim:#3e4b3e;
--header-grad-a:#0d130f;--header-grad-b:#0b0f0c;
--panel-contrast:#0e1411;--panel-border:#1e2a22;--panel-border-soft:#2a3a30;
--field-bg:#0c110d;--field-bg-hover:#111813;--field-border:#2a3a30;
--field-disabled-bg:#0a0d0b;--field-disabled-text:#7f8c7f;--field-disabled-border:#1b251f;
--menu-bg:#0b0f0c;--menu-border:#1e2a22;
--output-bg:#070a08;--output-border:#2a3a30;
--ghost-border:rgba(255,255,255,0.12);--button-border:rgba(255,255,255,0.06);
--danger-border:rgba(255,255,255,0.08);--overlay:rgba(0,0,0,0.45);
--ally:#3b5f8a;--killbox-danger-ph:#c57b7b;
--left-panel-w:300px;
--header-h:64px;
}
*{box-sizing:border-box}
body{margin:0;font-family:Consolas,monospace;background:var(--bg);color:var(--text);line-height:1.4;padding-top:var(--header-h)}
header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:2px solid var(--accent);background:linear-gradient(180deg,var(--header-grad-a),var(--header-grad-b));z-index:1000}
header h1{margin:0;font-size:1.25rem;font-weight:600}
.app-brand{display:flex;flex-direction:column;gap:1px}
.app-title{margin:0;font-size:1.08rem;font-weight:700;line-height:1.05}
.app-meta{margin:0;font-size:.66rem;color:var(--muted);line-height:1.1}
.container{max-width:1100px;margin:auto;padding:12px}
.section{background:var(--panel);border:1px solid var(--panel-border);border-radius:6px;margin-bottom:12px;overflow:hidden}
.section summary{cursor:pointer;padding:10px 12px;font-weight:bold;color:var(--accent);background:var(--panel-contrast)}
.section-content{padding:12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.grid.two-col-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select,textarea{width:100%;background:var(--field-bg);border:1px solid var(--field-border);color:var(--text);padding:7px 8px;border-radius:4px;font-family:inherit;font-size:.85rem}
.mun-qty{
  width:64px;
  max-width:64px;
  margin-left:auto;
  padding:4px 6px;
  font-size:.75rem;
}
input:disabled,select:disabled,textarea:disabled{
  background:var(--field-disabled-bg);
  color:var(--field-disabled-text);
  border-color:var(--field-disabled-border);
  cursor:not-allowed;
  opacity:0.75;
}
label:has(input:disabled){
  opacity:0.7;
  cursor:not-allowed;
}
input[type="number"]{-moz-appearance:textfield}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
button{background:var(--accent);border:1px solid var(--button-border);padding:8px 12px;border-radius:4px;font-weight:600;cursor:pointer;color:var(--text)}
.danger-btn{background:var(--danger);border-color:var(--danger-border)}
.output{background:var(--output-bg);border:1px dashed var(--output-border);padding:10px;white-space:pre-wrap;font-size:.8rem;margin-top:8px;border-radius:4px;overflow:clip}
.hidden{display:none !important}
.jtac{color:var(--jtac);font-weight:bold}
.air{color:var(--air);font-weight:bold}
.danger{color:var(--danger);font-weight:bold}
.small{font-size:.75rem;color:var(--muted)}
.grid label{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--field-border);border-radius:4px;background:var(--field-bg);cursor:pointer}
.grid label:hover{background:var(--field-bg-hover)}
.grid label input[type="checkbox"]{margin:0;width:14px;height:14px;cursor:pointer}
.mun-label{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--field-border);border-radius:4px;background:var(--field-bg);cursor:pointer}
.mun-label:hover{background:var(--field-bg-hover)}
.mun-label input[type="checkbox"]{margin:0;width:14px;height:14px;cursor:pointer}
.danger-inline,.vector-fields{display:flex;gap:8px;align-items:center;margin-left:auto}
.danger-inline{flex-wrap:nowrap}
.vector-fields{flex-wrap:nowrap}
.danger-inline .danger-fields{width:140px;max-width:140px}
.vector-fields input{width:140px;max-width:140px}
.section[data-section="remarks"] .danger-row{height:100%}
.vector-inline{flex-wrap:wrap}
.row-box{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--field-border);border-radius:4px;background:var(--field-bg);cursor:pointer;white-space:nowrap}
.row-box input[type="checkbox"]{margin:0;width:14px;height:14px;flex:0 0 auto}
.settings-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.settings-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;
  border:1px solid var(--field-border);
  border-radius:4px;
  background:var(--field-bg);
}
.settings-item:hover{background:var(--field-bg-hover)}
.settings-item input[type="checkbox"]{
  width:16px;
  height:16px;
  margin:0;
}
.submenu-panel#submenu-3 ul.settings-list{
  list-style:none !important;
  margin:8px 0 0 0 !important;
  padding:0 !important;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.submenu-panel#submenu-3 ul.settings-list > li.settings-item{
  list-style:none !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.submenu-panel#submenu-3 ul.settings-list > li.settings-item::marker{
  content:"";
}
.submenu-panel#submenu-3 ul.settings-list > li.settings-item > span{
  flex:1 1 auto;
}
.submenu-panel#submenu-3 ul.settings-list > li.settings-item > select{
  width:auto !important;
  min-width:140px;
  max-width:170px;
  flex:0 0 auto;
}
.submenu-panel#submenu-3 ul.settings-list > li.settings-item > input[type="checkbox"]{
  width:16px !important;
  height:16px;
  margin:0;
  flex:0 0 auto;
}
.mode-toggle{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.toggle-input{display:none}
.toggle-label{display:inline-flex;position:relative;width:220px;border-radius:999px;background:var(--panel-contrast);padding:6px;cursor:pointer;align-items:center}
.toggle-label .left,.toggle-label .right{flex:1;text-align:center;color:var(--muted);font-size:.9rem}
.toggle-label .knob{position:absolute;top:50%;left:6px;width:100px;height:28px;background:var(--bg);border-radius:20px;transition:left .18s,transform .18s;transform:translateY(-50%)}
.toggle-input:checked + .toggle-label .knob{left:calc(100% - 6px - 100px)}
#clear-btn{padding:6px 10px;position:relative;overflow:hidden}
#clear-btn.holding{border-color:#a15b3b;box-shadow:0 0 0 2px rgba(161,91,59,0.3) inset}
#clear-btn.holding::after{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0%;
  background:linear-gradient(90deg, rgba(161,91,59,0.15), rgba(161,91,59,0.45));
  animation:clearHoldFill 1s linear forwards;
  pointer-events:none;
}
@keyframes clearHoldFill{
  from{width:0%;}
  to{width:100%;}
}
.small-btn{background:transparent;border:1px solid var(--button-border);color:var(--text);padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;margin-left:auto}
.menu-btn{background:transparent;border:1px solid var(--ghost-border);color:var(--text);padding:6px 10px;border-radius:6px;cursor:pointer}
.timer-box{margin-left:auto;min-width:88px;text-align:right;font-weight:700;font-size:1.2rem;color:var(--text)}
.timer-box.running{color:var(--danger)}
.timer-box.warning{animation:timerBlink .8s steps(2,end) infinite}
.timer-box.warning.fast{animation:timerBlink .55s steps(2,end) infinite}
.timer-box.warning.urgent{animation:timerBlink .35s steps(2,end) infinite}
.danger-btn.holding{box-shadow:0 0 0 2px rgba(176,68,68,0.35) inset}
.danger-btn.holding{position:relative;overflow:hidden}
.danger-btn.holding::after{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:0%;
  background:linear-gradient(90deg, rgba(92,164,84,0.2), rgba(92,164,84,0.6));
  animation:authorizeHoldFill 0.7s linear forwards;
  pointer-events:none;
}
.danger-btn.holding::after{
  border-radius:4px;
}
.danger-btn.running{animation:none}
@keyframes authorizeHoldFill{
  from{width:0%;}
  to{width:100%;}
}
@keyframes timerBlink{
  0%{opacity:1}
  50%{opacity:.35}
  100%{opacity:1}
}
.back-btn{display:inline-flex;padding:4px 8px;min-width:0;width:auto}
.submenu-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.left-panel{position:fixed;top:var(--header-h);left:0;width:var(--left-panel-w);max-width:80vw;height:calc(100vh - var(--header-h));background:var(--menu-bg);border-right:1px solid var(--menu-border);transform:translateX(-100%);transition:transform .2s ease;z-index:999;padding:12px;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column}
.left-panel.open{transform:translateX(0)}
.left-panel h4{margin:0 0 8px 0;color:var(--accent)}
.menu-buttons{display:flex;flex-direction:column;gap:8px;flex:1}
.menu-buttons .menu-btn-box.credits-btn{margin-top:auto}
.menu-btn-box{display:flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--field-border);border-radius:4px;background:var(--field-bg);color:var(--text);cursor:pointer;font-weight:600;text-align:center}
.submenu-panel{position:fixed;top:var(--header-h);left:0;width:var(--left-panel-w);max-width:80vw;height:calc(100vh - var(--header-h));background:var(--menu-bg);border-right:1px solid var(--menu-border);transform:translateX(-100%);transition:transform .2s ease;z-index:1001;padding:12px;box-sizing:border-box;overflow:auto}
.submenu-panel#submenu-1{overflow:hidden;display:flex;flex-direction:column}
.submenu-panel#submenu-1 .submenu-header{margin-bottom:4px}
.submenu-panel#submenu-3{display:flex;flex-direction:column}
.submenu-panel#submenu-3 .settings-grid{margin-top:8px}
.submenu-panel#submenu-3 .settings-footer{margin-top:auto;padding-top:10px}
.submenu-panel#submenu-3 .settings-footer .menu-btn-box{
  width:100%;
  min-height:48px;
  text-wrap:balance;
  line-height:1.2;
}
.submenu-panel.open{transform:translateX(0)}
.submenu-panel.credits-panel{display:flex;flex-direction:column}
.submenu-panel .small.credits-footer{margin-top:auto;color:var(--muted-dim) !important}
.dict-item{padding:6px 0;white-space:normal;overflow-wrap:anywhere}
.dict-item + .dict-item{border-top:1px solid var(--panel-border-soft)}
.dict-search{margin:0 0 6px 0}
.dict-wrap{display:flex;flex-direction:column;flex:1;min-height:0;padding:6px 0 0 0}
.dict-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow:hidden;padding-right:0}
.submenu-panel .dict-nav{position:static;display:flex;gap:8px;justify-content:space-between;margin-top:8px}
.submenu-panel .dict-btn{background:var(--field-bg);border:1px solid var(--field-border);color:var(--text);padding:6px 10px;border-radius:4px;cursor:pointer}
.armaments-table{width:100%;border-collapse:collapse;background:var(--field-bg);border:1px solid var(--field-border);border-radius:4px;overflow:hidden}
.armaments-table th,.armaments-table td{padding:7px 8px;border-bottom:1px solid var(--panel-border);text-align:left;font-size:.82rem}
.armaments-table th{color:var(--accent);background:var(--panel-contrast)}
.armaments-table tr:last-child td{border-bottom:none}
.left-panel,.submenu-panel{max-height:calc(100vh - var(--header-h))}
@supports (height: 100dvh){
  .left-panel,.submenu-panel{height:calc(100dvh - var(--header-h));max-height:calc(100dvh - var(--header-h))}
}
.menu-backdrop{position:fixed;top:var(--header-h);left:0;right:0;bottom:0;background:var(--overlay);z-index:997;opacity:0;pointer-events:none;transition:opacity .2s ease}
.menu-backdrop.show{opacity:1;pointer-events:auto}
h3{margin:8px 0;font-size:1rem;color:var(--muted-2)}
.section-title{padding:10px 12px;font-weight:bold;color:var(--accent);background:var(--panel-contrast);border-bottom:1px solid var(--panel-border)}
.section[data-section="remarks"] .section-content{padding-top:2px}
.section[data-section="cas"] .small{margin-bottom:6px}
.section[data-section="cas"] #liner-select{margin:6px 0}
.section[data-section="cas"] .remarks-toggle{margin-top:6px}
.section[data-section="cas"] #omit-l1-l3-row{margin:6px 0 8px}
.section[data-section="missions"] .small{margin-bottom:6px}
.section[data-section="missions"] #mission-list{margin-bottom:0}
.section[data-section="remarks"] .ally-danger-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:8px;align-items:stretch}
.section[data-section="remarks"] .ally-danger-row .ally-row{width:100%}
.section[data-section="remarks"] .ally-danger-row .danger-fields{width:140px;max-width:140px}
.section[data-section="remarks"] .ally-danger-row .danger-fields.hidden{display:none}
.section[data-section="remarks"] .vector-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px}
.section[data-section="remarks"] .vector-fields{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.section[data-section="remarks"] .vector-fields.hidden{display:none}
.section[data-section="remarks"] .vector-fields input{width:140px}
.section[data-section="remarks"] .vector-fields .pm{font-weight:700;justify-self:center}
.section[data-section="remarks"] .danger-row{width:100%}
.section[data-section="remarks"] .danger-row.danger{border-color:var(--danger)}
.section[data-section="remarks"] .danger-row.danger input[type="checkbox"]{accent-color:var(--danger)}
.section[data-section="remarks"] .preauth-row{margin-top:8px;gap:10px}
.section[data-section="remarks"] .preauth-row label{white-space:nowrap}
.section[data-section="remarks"] .killbox-row.ally-active{color:var(--ally);border-color:var(--ally)}
.section[data-section="remarks"] .killbox-row.ally-active input[type="checkbox"]{accent-color:var(--ally)}
.section[data-section="remarks"] .killbox-row.danger{border-color:var(--danger);color:var(--text)}
.section[data-section="remarks"] .killbox-row.danger input[type="checkbox"]{accent-color:var(--danger)}
.section[data-section="remarks"] .killbox-row.full{grid-column:1 / -1}
.section[data-section="remarks"] .preauth-row.compact{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.section[data-section="remarks"] .preauth-row.compact #preauth-label{
  grid-column:1 / 2;
  width:100%;
}
.section[data-section="remarks"] .killbox-input{width:100%}
.section[data-section="remarks"] .killbox-input.danger{border-color:var(--danger);color:var(--text)}
.section[data-section="remarks"] .killbox-input.danger::placeholder{color:var(--killbox-danger-ph)}
.section[data-section="remarks"] .killbox-input.hidden{display:none}
.section[data-section="remarks"] .ally-row.ally-active{color:var(--ally);border-color:var(--ally)}
.section[data-section="remarks"] .ally-row.ally-active input[type="checkbox"]{accent-color:var(--ally)}
.ally-text{color:var(--ally);font-weight:600}
.popout-tab{position:fixed;top:40%;left:0;transform:translateX(0);background:var(--accent);color:var(--text);border:1px solid var(--ghost-border);border-left:none;padding:10px 12px;border-radius:0 6px 6px 0;cursor:pointer;z-index:9999}
.popout-panel{position:fixed;top:0;left:0;width:33vw;max-width:420px;min-width:260px;height:100vh;background:var(--menu-bg);border-right:1px solid var(--menu-border);transform:translateX(-100%);transition:transform .2s ease;z-index:9998;padding:12px;box-sizing:border-box;overflow:auto}
.popout-panel.open{transform:translateX(0)}
.popout-panel h4{margin:0 0 8px 0;color:var(--accent)}
@media (max-width: 768px){
  :root{--left-panel-w:80vw;--header-h:76px}
  .section[data-section="remarks"] .ally-danger-row{grid-template-columns:1fr}
  .section[data-section="remarks"] .vector-row{align-items:flex-start;justify-content:flex-start}
  .section[data-section="remarks"] .danger-row,
  .section[data-section="remarks"] .vector-row{width:100%}
  .section[data-section="remarks"] .vector-row label{
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:flex-start !important;
    gap:8px;
    text-align:left !important;
    padding:7px 10px;
  }
  .section[data-section="remarks"] .danger-row span,
  .section[data-section="remarks"] .vector-row label span{flex:1 1 auto}
  .section[data-section="remarks"] .vector-row label input[type="checkbox"]{flex:0 0 auto}
  .section[data-section="remarks"] .vector-fields,
  .section[data-section="remarks"] .danger-fields{width:100%;min-width:0}
  .section[data-section="remarks"] .vector-fields input,
  .section[data-section="remarks"] .danger-fields input{width:100%;max-width:100%}
  .danger-row,.vector-inline{flex-wrap:wrap}
  .vector-inline{padding:6px 6px}
  .danger-inline{
    width:100%;
    margin-left:0;
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:6px;
    align-items:center;
  }
  .section[data-section="remarks"] .danger-inline .danger-fields{
    width:100%;
    max-width:100%;
  }
  .vector-fields{
    width:100%;
    margin-left:0;
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    gap:0;
  }
  .section[data-section="remarks"] .vector-fields input{
    flex:1 1 0;
    min-width:0;
    width:100%;
    max-width:100%;
  }
  .grid.two-col-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .vector-fields .pm{
    flex:0 0 auto;
    padding:0;
    text-align:center;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    min-width:20px;
    max-width:20px;
    height:28px;
    background:var(--field-bg);
    border:1px solid var(--field-border);
    border-radius:4px;
    margin:0 2px;
    padding:0;
  }
}
.section[data-section="gen"] .mode-toggle{margin-top:8px}
.section[data-section="gen"] .output{margin-top:8px}
.app-tabs{
  display:flex;
  gap:6px;
  margin:0;
  padding:0 8px;
  border-bottom:1px solid var(--panel-border);
}
.app-tab-btn{
  background:var(--field-bg);
  border:1px solid var(--panel-border);
  border-bottom-color:var(--panel-border);
  color:var(--muted);
  padding:8px 14px;
  border-radius:10px 10px 0 0;
  font-weight:700;
  position:relative;
  top:1px;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.app-tab-btn:hover{
  color:var(--muted-2);
  border-color:var(--field-border);
}
.app-tab-btn.active{
  background:var(--panel);
  color:var(--text);
  border-color:var(--panel-border);
  border-bottom-color:var(--panel);
  z-index:2;
}
.app-tab-panel{display:none}
.app-tab-panel.active{
  display:block;
  background:var(--panel);
  border:1px solid var(--panel-border);
  border-top:none;
  border-radius:0 0 8px 8px;
  padding:12px;
  margin-bottom:12px;
}
.checkpoint-speeds{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-bottom:10px;
}
.checkpoint-speeds label{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.checkpoint-speeds input{
  width:92px;
  max-width:92px;
  padding:4px 5px;
  font-size:.74rem;
}
.checkpoint-wrap{
  overflow:hidden;
  border:1px solid var(--field-border);
  border-radius:6px;
}
.checkpoint-toolbar{
  display:flex;
  justify-content:flex-end;
  padding:6px 6px 0 6px;
  background:var(--field-bg);
}
.checkpoint-table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  min-width:0;
  background:var(--field-bg);
}
.checkpoint-table th,.checkpoint-table td{
  border-bottom:1px solid var(--panel-border);
  padding:6px 4px;
  text-align:left;
  font-size:.72rem;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.checkpoint-table th{
  background:var(--panel-contrast);
  color:var(--accent);
}
.checkpoint-table tr:last-child td{border-bottom:none}
.checkpoint-table th:nth-child(1), .checkpoint-table td:nth-child(1){width:19%}
.checkpoint-table th:nth-child(2), .checkpoint-table td:nth-child(2){width:18%}
.checkpoint-table th:nth-child(3), .checkpoint-table td:nth-child(3){width:14%}
.checkpoint-table th:nth-child(4), .checkpoint-table td:nth-child(4){width:11%}
.checkpoint-table th:nth-child(5), .checkpoint-table td:nth-child(5){width:11%}
.checkpoint-table th:nth-child(6), .checkpoint-table td:nth-child(6){width:11%}
.checkpoint-table th:nth-child(7), .checkpoint-table td:nth-child(7){width:16%}
.checkpoint-actions{
  display:flex;
  gap:4px;
  justify-content:flex-end;
}
.checkpoint-btn{
  min-width:24px;
  padding:3px 5px;
  line-height:1;
  font-size:.68rem;
}
.checkpoint-input-small{
  width:100%;
  min-width:0;
  max-width:100%;
  padding:3px 4px;
  font-size:.7rem;
}
#checkpoint-summary{margin-top:8px}
@media (max-width: 900px){
  .checkpoint-speeds{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }
  .checkpoint-speeds input{
    width:100%;
    max-width:100%;
    font-size:.68rem;
    padding:3px 4px;
  }
  .checkpoint-table th,.checkpoint-table td{
    font-size:.62rem;
    padding:4px 3px;
  }
  .checkpoint-btn{
    min-width:20px;
    padding:2px 4px;
    font-size:.62rem;
  }
  .checkpoint-actions{gap:3px}
}
.section[data-section="hints"] ul{margin:0;padding-left:18px}
.section[data-section="hints"] li{margin:4px 0}
.welcome-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  background:var(--overlay);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
}
.welcome-modal{
  width:min(520px, 96vw);
  background:var(--panel);
  border:1px solid var(--panel-border);
  border-radius:8px;
  padding:16px 14px 12px 14px;
  position:relative;
}
.welcome-modal h3{margin:0 0 10px 0;color:var(--accent)}
.welcome-close{
  position:absolute;
  top:8px;
  right:8px;
  width:28px;
  height:28px;
  padding:0;
  border-radius:6px;
  background:transparent;
  border:1px solid var(--ghost-border);
  color:var(--text);
}
.welcome-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:6px}

body.stealth-theme{
  --bg:#050708;--panel:#0a0d0f;--accent:#5f6f7c;--danger:#a84d4d;--text:#d7dde2;
  --jtac:#86a98a;--air:#7ca2c8;
  --muted:#8d99a5;--muted-2:#a0aebb;--muted-dim:#66727d;
  --header-grad-a:#040608;--header-grad-b:#050708;
  --panel-contrast:#0d1114;--panel-border:#1a232b;--panel-border-soft:#212c35;
  --field-bg:#090d10;--field-bg-hover:#0f1418;--field-border:#25313b;
  --field-disabled-bg:#080b0d;--field-disabled-text:#65717c;--field-disabled-border:#1b252d;
  --menu-bg:#06090b;--menu-border:#1a232b;
  --output-bg:#030507;--output-border:#33414d;
  --ghost-border:rgba(215,221,226,0.18);--button-border:rgba(215,221,226,0.12);
  --danger-border:rgba(215,221,226,0.14);--overlay:rgba(0,0,0,0.62);
  --ally:#5f86ad;--killbox-danger-ph:#c57b7b;
}
body.bright-theme{
  --bg:#edf5f1;--panel:#ffffff;--accent:#2f6f60;--danger:#9c3f3f;--text:#102018;
  --jtac:#2a7b3f;--air:#1f5f95;
  --muted:#507063;--muted-2:#476257;--muted-dim:#6e867b;
  --header-grad-a:#f7fcfa;--header-grad-b:#e8f2ee;
  --panel-contrast:#f2f8f5;--panel-border:#c5d8ce;--panel-border-soft:#d6e4dc;
  --field-bg:#f9fcfb;--field-bg-hover:#eef5f2;--field-border:#b8cfc3;
  --field-disabled-bg:#edf3f0;--field-disabled-text:#6f837a;--field-disabled-border:#c8d7d0;
  --menu-bg:#f3f9f6;--menu-border:#bfd3c9;
  --output-bg:#f7fcfa;--output-border:#8db2a1;
  --ghost-border:rgba(18,32,24,0.22);--button-border:rgba(18,32,24,0.16);
  --danger-border:rgba(18,32,24,0.22);--overlay:rgba(8,16,12,0.22);
  --ally:#2f5f94;--killbox-danger-ph:#b86161;
}