:root{
  --bg:#0f1a2b; --panel:#14213a; --text:#f1f5f9; --muted:#94a3b8;
  --accent:#60a5fa; --ok:#34d399; --warn:#f59e0b; --bad:#f87171;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #1e293b}
.brand{font-weight:700}
.timer{display:flex;align-items:center;gap:8px}
#timerDisp{font-variant-numeric:tabular-nums;background:#0b1220;border:1px solid #1e293b;border-radius:8px;padding:2px 8px;min-width:70px;text-align:center}
.tabs{display:flex;gap:8px;padding:8px 10px;border-bottom:1px solid #1e293b}
.tabBtn{background:#0b1220;border:1px solid #1e293b;color:var(--text);padding:6px 10px;border-radius:10px;cursor:pointer}
.tabBtn.active{background:#172554}
.panel{padding:12px}
.row{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0}
.col{flex:1 1 320px;min-width:260px;background:var(--panel);padding:12px;border-radius:12px;border:1px solid #1f2937}
.grid2{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center}
input,select,button{background:#0b1220;border:1px solid #1e293b;color:var(--text);padding:6px 8px;border-radius:8px}
button{cursor:pointer}
.result{margin-top:12px;padding:10px;border:1px solid #1e293b;border-radius:12px;background:#0b1220}
.table table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #1e293b;padding:6px}
.table th{background:#0b1220}
.card{border:1px solid #1e293b;border-radius:12px;padding:8px;background:#0b1220}

/* 6v6 moves row */
.moves4{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:6px;margin-top:6px}

/* tab visibility */
.tab{display:none}
.tab.active{display:block}

.controls1v1{margin-top:10px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.controls1v1 fieldset{border:1px solid #1e293b;padding:8px;border-radius:8px}
.controls1v1 legend{font-size:12px;color:var(--muted)}

.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.party-grid .col{background:var(--panel);padding:12px;border-radius:12px}
.savebar,.loadbar{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
#partyEditor .row{display:grid;grid-template-columns:1fr repeat(4,1fr);gap:6px;margin-bottom:6px}
#partyEditor .evbox{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-top:4px}
#partyEditor input{min-width:0}

.solo-move-block{margin:8px 0;padding:8px;border-radius:8px;background:var(--panel,#222)}
.solo-move-title{font-weight:600;margin-bottom:4px}

/* Sum Calc */
#sumCalc{margin-top:12px}
.sum-hpwrap{display:flex;align-items:center;gap:10px;margin:8px 0}
.sum-hpbar{position:relative;flex:1;height:16px;background:#2a2a2a;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}
.sum-hpfill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}
.sum-hplabel{min-width:120px;text-align:right;opacity:.9}
.sum-controls{display:grid;grid-template-columns:1fr;gap:8px;margin:8px 0}
.sum-buttons{display:flex;gap:8px;flex-wrap:wrap}
.sum-ops{display:flex;gap:8px;flex-wrap:wrap}
.sum-list{display:grid;gap:6px;margin-top:8px}
.sum-item{background:var(--panel,#1e1e1e);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:6px 8px}
.sum-item .name{font-weight:600;margin-right:8px}
.sum-item .desc{opacity:.9}

.mhits{display:flex;align-items:center;gap:8px;margin:6px 0}
.mhits.small label{opacity:.9}
.mhits .muted{opacity:.6;font-size:.9em}