/* BusinessWars — Modern theme overlay.
   Everything is scoped under body.modern so the retro 2005 skin is untouched
   when the player toggles back. Default theme is modern. */

body.modern {
  background: linear-gradient(160deg, #eef2f8 0%, #e4e9f2 100%);
  background-attachment: fixed;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #2a2f3a;
  -webkit-font-smoothing: antialiased;
}
body.modern h2 { font-size: 17px; font-weight: 700; letter-spacing: -0.2px; border-bottom: 2px solid #eef1f6; padding-bottom: 7px; color: #1c2430; }
body.modern h3 { font-size: 13.5px; font-weight: 700; color: #36404e; }
body.modern h4 { font-size: 12px; font-weight: 700; color: #4a5566; }
body.modern a, body.modern .cl, body.modern .mini, body.modern .linkbtn { color: #2563cc; }
body.modern .dim { color: #8a93a3; }
body.modern .good { color: #16a34a; }
body.modern .bad { color: #dc2626; }

/* header */
body.modern #header {
  background: linear-gradient(100deg, #161b24 0%, #1e2937 60%, #1b2a23 100%);
  border-bottom: 1px solid rgba(255,255,255,0.06);
  box-shadow: 0 2px 14px rgba(20,25,35,0.28);
  padding: 9px 16px; gap: 16px;
}
body.modern .logo { font-weight: 800; letter-spacing: -0.5px; }
body.modern .logo span { color: #f5c542; }
body.modern .hcell { border-left: 1px solid rgba(255,255,255,0.08); }
body.modern .hcell b { color: #f5c542; }
body.modern .hnav a { color: #c4cee0; font-weight: 600; }
body.modern .bar { border: none; border-radius: 6px; height: 13px; background: rgba(255,255,255,0.12); overflow: hidden; }
body.modern .bar .fill { background: linear-gradient(90deg, #7bc95a, #5aa838); transition: width 0.4s ease; }
body.modern .bar.red .fill { background: linear-gradient(90deg, #f0584a, #c0392b); }
body.modern .bar.blue .fill { background: linear-gradient(90deg, #4aa3e8, #2980b9); }
body.modern .bar span { font-weight: 600; }

/* layout shell */
body.modern #sidebar {
  background: #f7f9fc; border-right: 1px solid #e1e7f0; padding: 10px 8px 24px; min-width: 198px; width: 198px;
}
body.modern .profile { padding: 6px 8px 12px; border-bottom: 1px solid #e8ecf3; }
body.modern .navhead { color: #9aa4b4; font-size: 9px; }
body.modern ul.nav li { border-radius: 7px; margin: 1px 4px; padding: 5px 10px; color: #3a4658; transition: background 0.12s, color 0.12s; }
body.modern ul.nav li:hover { background: #e8edf6; text-decoration: none; color: #1d4ed8; }
body.modern ul.nav li.on { background: #e3ecfb; color: #1d4ed8; font-weight: 700; box-shadow: inset 3px 0 0 #2563cc; }
body.modern .relmgr { color: #b07d12 !important; }
body.modern .sideflavor { border-top: 1px solid #e8ecf3; color: #97a1b1; }

body.modern #content {
  background: #fff; border: 1px solid #e6eaf1; border-radius: 14px;
  box-shadow: 0 6px 24px rgba(30,40,60,0.06); padding: 22px 26px 44px; margin: 16px; max-width: 1000px;
}

/* buttons */
body.modern .btn {
  background: #fff; border: 1px solid #d2d9e4; border-radius: 8px; padding: 5px 13px;
  color: #2a3340; font-weight: 600; box-shadow: 0 1px 2px rgba(20,30,50,0.05);
  transition: transform 0.08s, box-shadow 0.12s, background 0.12s, border-color 0.12s;
}
body.modern .btn:hover { background: #f3f6fb; border-color: #b9c4d4; transform: translateY(-1px); box-shadow: 0 3px 8px rgba(20,30,50,0.10); text-decoration: none; }
body.modern .btn:active { transform: translateY(0); box-shadow: 0 1px 2px rgba(20,30,50,0.06); }
body.modern .btn.small { padding: 3px 10px; border-radius: 6px; }
body.modern .btn.on { background: #2563cc; border-color: #2563cc; color: #fff; }
body.modern .btn.danger { background: #fee2e2; border-color: #f5b5b5; color: #b42318; }
body.modern .btn.danger:hover { background: #fecaca; }

/* cards & surfaces */
body.modern .callout { border-radius: 10px; border-color: #e6e0c8; background: #fbfaf3; }
body.modern .callout.good { background: #f0fbf2; border-color: #c4ead0; }
body.modern .callout.bad { background: #fdf1f1; border-color: #f1cfcf; }
body.modern .gearbox { border-radius: 9px; border-color: #e6eaf1; background: #fafbfd; box-shadow: 0 1px 2px rgba(30,40,60,0.04); }
body.modern .venture { border-radius: 11px; border-color: #e7e1cb; background: #fcfbf6; box-shadow: 0 2px 8px rgba(40,40,60,0.04); }
body.modern .flavor { border-radius: 10px; background: #f6f8fc; border-color: #e3e9f2; }
body.modern .onboard { border-radius: 11px; background: #eff6fe; border-color: #cfe3f8; }
body.modern .empire-summary { border-radius: 11px; background: #f4faf5; border-color: #cdeacf; }

/* tables */
body.modern table.shop td, body.modern table.shop th { border-bottom: 1px solid #eef1f6; padding: 7px 10px 7px 0; }
body.modern table.shop tr:hover td { background: #f8fafd; }
body.modern table.shop tr.merow td { background: #fff7e0; }
body.modern table.shop tr.gotcheevo td { background: #eefaf0; }
body.modern .ownpill { background: #16a34a; }

/* tabs */
body.modern .hometabs { border-bottom: 1px solid #e6eaf1; }
body.modern .tab { border: none; border-radius: 8px 8px 0 0; background: transparent; color: #6b7686; font-weight: 600; padding: 5px 14px; }
body.modern .tab:hover { background: #f1f4f9; }
body.modern .tab.on { background: #fff; color: #1c2430; box-shadow: inset 0 -2px 0 #2563cc; }

/* avatar / home */
body.modern .avatar { background: linear-gradient(160deg, #f3f6fb, #e9eef6); border-radius: 14px; padding: 14px 8px; }
body.modern .tierbadge { background: #eef2f8; border-color: #dbe3ef; border-radius: 20px; padding: 2px 9px; color: #5a6677; }
body.modern .wonbadge { border-radius: 8px; background: #fff7e0; border-color: #f0d27a; }

/* inputs */
body.modern input[type="number"], body.modern input[type="text"], body.modern input:not([type]), body.modern select, body.modern textarea {
  border: 1px solid #d2d9e4; border-radius: 7px; padding: 5px 8px; font-family: inherit; background: #fff;
}
body.modern input:focus, body.modern select:focus, body.modern textarea:focus { outline: none; border-color: #2563cc; box-shadow: 0 0 0 3px rgba(37,99,204,0.12); }

/* fight + overlays */
body.modern .overlay { background: rgba(18,22,30,0.55); backdrop-filter: blur(3px); }
body.modern .fightbox { border: none; border-radius: 16px; box-shadow: 0 24px 64px rgba(0,0,0,0.4); }
body.modern .fightlog { border-radius: 10px; }
body.modern .winbox, body.modern .welcomebox { box-shadow: 0 0 0 2px #f5c542, 0 24px 64px rgba(0,0,0,0.45); }

/* toasts */
body.modern .toast { border-radius: 10px; border-left: 3px solid #f5c542; box-shadow: 0 8px 24px rgba(0,0,0,0.3); backdrop-filter: blur(4px); background: rgba(28,33,42,0.94); }

/* clicker — make it the modern centerpiece */
body.modern .clicker-card {
  background: linear-gradient(135deg, #1b2330 0%, #1f3329 100%);
  border: 1px solid rgba(245,197,66,0.25); border-radius: 14px; padding: 18px 22px;
  box-shadow: 0 6px 22px rgba(20,30,25,0.18);
}
body.modern .bigclick { box-shadow: 0 6px 0 #8a6212, 0 12px 22px rgba(0,0,0,0.45); }
body.modern .bigclick:hover { filter: brightness(1.08) saturate(1.05); }
body.modern .clicker-stats { font-size: 13px; }

/* puzzle circles a touch glossier */
body.modern .circle { border: none; box-shadow: inset 0 -2px 3px rgba(0,0,0,0.2), 0 1px 2px rgba(0,0,0,0.15); }
body.modern .circle.c0 { background: radial-gradient(circle at 35% 30%, #ff7a6e, #d6402f); }
body.modern .circle.c1 { background: radial-gradient(circle at 35% 30%, #ffef9e, #f2cf3e); }
body.modern .circle.c2 { background: radial-gradient(circle at 35% 30%, #84e07f, #3aa838); }

/* intro */
body.modern #intro { background: linear-gradient(160deg, #1b2330, #24343a); }
body.modern .introbox { border: none; border-radius: 18px; box-shadow: 0 30px 80px rgba(0,0,0,0.45); }
body.modern .introform input { border-radius: 9px; }
body.modern .floatnum { color: #15a33a; }
body.modern .acctrow { border: 1px solid #e6eaf1; background: #f7f9fc; border-radius: 10px; box-shadow: 0 1px 2px rgba(30,40,60,0.05); }
body.modern .acctrow:hover { background: #eef3fb; box-shadow: 0 4px 12px rgba(30,40,60,0.10); }
body.modern .contracts-card { border-radius: 12px; border-color: #e6eaf1; background: #fbfcfe; box-shadow: 0 2px 8px rgba(30,40,60,0.05); }
body.modern .cbar { background: #e7ecf3; }
body.modern .cfill { background: linear-gradient(90deg, #5fce6e, #22a33a); }
body.modern .bw-avatar { box-shadow: 0 2px 6px rgba(0,0,0,0.18); }
body.modern .hamburger { color: #fff; }
body.modern #sidebar { box-shadow: 6px 0 28px rgba(20,25,35,0.28); }
body.modern .sharecard { box-shadow: 0 16px 44px rgba(0,0,0,0.4); }
body.modern .avatar { display: flex; align-items: center; justify-content: center; }
body.modern .fin-home { background: #eef5fb; border-color: #cfe0f2; border-radius: 11px; }
body.modern .learntip { background: #eef5fb; border-color: #cfe0f2; border-left-color: #2563cc; border-radius: 8px; }
body.modern .learncard { border-color: #e6eaf1; background: #fbfcfe; border-radius: 11px; box-shadow: 0 1px 2px rgba(30,40,60,0.04); }