/* Dugout Dynasty — phone-first dark ballpark theme */
:root{
  --bg:#0d1f16; --bg2:#0a1811; --card:#14291e; --card2:#1a3325;
  --line:#24402f; --txt:#eef5ee; --dim:#9db8a4; --faint:#6b8a72;
  --gold:#d4a437; --green:#3fb950; --red:#e5484d; --blue:#4aa3ff;
  --radius:14px;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg2); color:var(--txt);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:15px; line-height:1.45;
  padding-bottom:env(safe-area-inset-bottom);
}
.app-shell{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;}
.club-header{
  padding:14px 16px 10px; display:flex; align-items:center; gap:12px;
  background:linear-gradient(180deg,#123420,#0d1f16);
  border-bottom:1px solid var(--line);
  position:sticky; top:0; z-index:20;
}
.club-header img.game-logo{width:46px;height:46px;border-radius:12px;}
.club-header .t1{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);}
.club-header h1{margin:0;font-size:20px;letter-spacing:.01em;}
.club-header .owner{margin-left:auto;text-align:right;font-size:11px;color:var(--dim);}
.owner .bar{width:90px;height:6px;background:#0a140e;border-radius:3px;margin-top:4px;overflow:hidden;}
.owner .bar i{display:block;height:100%;background:var(--gold);border-radius:3px;}
.tab-bar{
  display:flex; background:#0e2117; border-bottom:1px solid var(--line);
  position:sticky; top:71px; z-index:20;
}
.tab-bar button{
  flex:1; background:none; border:0; color:var(--dim); font-size:12px; font-weight:600;
  padding:11px 4px; cursor:pointer; border-bottom:3px solid transparent;
}
.tab-bar button.on{color:var(--txt); border-bottom-color:var(--gold);}
.content-shell{flex:1;padding:14px 14px 30px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px;}
.card h2{margin:0 0 8px;font-size:16px;}
.card h3{margin:0 0 6px;font-size:14px;color:var(--gold);}
.dim{color:var(--dim);} .faint{color:var(--faint);} .gold{color:var(--gold);}
.btn{
  display:inline-block;background:var(--green);color:#06130a;border:0;border-radius:12px;
  padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;margin:4px 6px 4px 0;
  min-height:44px;
}
.btn.ghost{background:var(--card2);color:var(--txt);border:1px solid var(--line);}
.btn.warn{background:var(--red);color:#fff;}
.btn.gold{background:var(--gold);color:#231a05;}
.btn:disabled{opacity:.45;}
.btn.sm{padding:8px 12px;font-size:13px;min-height:38px;}
.row{display:flex;align-items:center;gap:8px;}
.spread{justify-content:space-between;}
table.stats{width:100%;border-collapse:collapse;font-size:13px;}
table.stats th{color:var(--faint);font-weight:600;text-align:right;padding:4px 6px;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;}
table.stats th.l, table.stats td.l{text-align:left;}
table.stats td{padding:7px 6px;border-bottom:1px solid #1c3327;text-align:right;font-variant-numeric:tabular-nums;}
table.stats tr.tap{cursor:pointer;}
table.stats tr.tap:active{background:var(--card2);}
.badge{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:#2a4a35;color:#cfe8d4;margin-left:6px;vertical-align:1px;}
.badge.hot{background:#5a3a10;color:var(--gold);}
.teamchip{display:inline-block;min-width:44px;text-align:center;font-weight:800;font-size:12px;padding:3px 8px;border-radius:8px;color:#fff;}
/* live game */
.scorebug{display:flex;align-items:stretch;gap:0;background:#0a140e;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:10px;}
.scorebug .tm{flex:1;padding:10px 12px;}
.scorebug .tm .nm{font-size:13px;font-weight:700;}
.scorebug .tm .sc{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums;}
.scorebug .mid{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 14px;background:#0e2117;border-left:1px solid var(--line);border-right:1px solid var(--line);}
.scorebug .mid .inn{font-size:18px;font-weight:800;}
.scorebug .mid .ct{font-size:12px;color:var(--dim);}
.diamond{display:flex;justify-content:center;padding:6px 0 2px;}
.bases{position:relative;width:120px;height:96px;}
.base{position:absolute;width:22px;height:22px;transform:rotate(45deg);background:#1c3327;border:2px solid var(--faint);border-radius:4px;}
.base.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px var(--gold);}
.base.b2{left:49px;top:0;} .base.b1{left:88px;top:40px;} .base.b3{left:10px;top:40px;}
.outs{display:flex;gap:6px;justify-content:center;margin:4px 0;}
.outs i{width:10px;height:10px;border-radius:50%;background:#1c3327;border:1px solid var(--faint);}
.outs i.on{background:var(--red);border-color:var(--red);}
.feed{background:#0a140e;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;margin:10px 0;max-height:220px;overflow-y:auto;font-size:13.5px;}
.feed div{padding:3px 0;border-bottom:1px solid #142a1d;}
.feed div:last-child{border-bottom:0;}
.feed .big{font-weight:700;color:var(--gold);}
.pitchgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;}
.pitchgrid button{background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:12px 4px;font-size:12px;font-weight:600;min-height:48px;cursor:pointer;}
.pitchgrid button:active{background:#2a4a35;}
.ptypes{display:flex;gap:8px;margin:8px 0;flex-wrap:wrap;}
.ptypes button{flex:1;min-width:70px;background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:12px 4px;font-weight:700;cursor:pointer;}
.ptypes button.sel{background:var(--gold);color:#231a05;border-color:var(--gold);}
.appr{display:flex;gap:8px;margin:8px 0;}
.appr button{flex:1;background:var(--card2);border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px 4px;font-size:13px;font-weight:600;cursor:pointer;}
.appr button.sel{background:var(--blue);color:#06121f;border-color:var(--blue);}
.sitbtns{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0;}
.leverage{height:8px;background:#0a140e;border-radius:4px;overflow:hidden;margin:6px 0;}
.leverage i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--gold),var(--red));}
.kv{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid #1c3327;font-size:14px;}
.kv:last-child{border-bottom:0;}
.meter{height:10px;background:#0a140e;border-radius:5px;overflow:hidden;margin-top:4px;}
.meter i{display:block;height:100%;border-radius:5px;}
.newsitem{padding:8px 0;border-bottom:1px solid #1c3327;font-size:13.5px;}
.newsitem:last-child{border-bottom:0;}
.teampick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.teampick button{border:1px solid var(--line);background:var(--card);color:var(--txt);border-radius:12px;padding:12px 6px;cursor:pointer;font-size:13px;font-weight:700;}
.teampick button small{display:block;font-weight:400;color:var(--dim);font-size:11px;}
.modalwrap{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:flex-end;justify-content:center;z-index:50;}
.modal{background:var(--card);border:1px solid var(--line);border-radius:18px 18px 0 0;padding:18px;width:100%;max-width:520px;max-height:82vh;overflow-y:auto;}
.modal h2{margin-top:0;}
.bigcount{font-size:15px;font-weight:800;color:var(--gold);text-align:center;margin:6px 0;}
.pitcherline{text-align:center;color:var(--dim);font-size:13px;margin-bottom:4px;}
h2.scr{font-size:15px;color:var(--gold);margin:18px 0 8px;text-transform:uppercase;letter-spacing:.08em;}
.draftrank{display:inline-block;width:26px;color:var(--faint);font-size:12px;}
@media (max-width:380px){ .teampick{grid-template-columns:repeat(2,1fr);} }