/* Garage Empire visual theme v2 — presentation only; no layout or game logic changes. */
:root{
  --ink:#14231c;
  --muted:#66776e;
  --cream:#e8eee7;
  --card:#fff;
  --green:#176c3d;
  --green2:#25a255;
  --lime:#b8ec3c;
  --orange:#f5a623;
  --red:#e64a42;
  --line:#d7e2d8;
  --shadow:0 14px 34px rgba(9,41,25,.16);
}

body{
  background:
    linear-gradient(rgba(232,238,231,.88),rgba(232,238,231,.94)),
    url('assets/v2/garage-yard-bg.png') center/cover fixed;
}

.topbar{
  background:linear-gradient(105deg,#09271c,#0d4129 58%,#17613a);
  border-bottom:1px solid rgba(184,236,60,.24);
  box-shadow:0 8px 30px rgba(3,23,13,.38);
}
.brand-mark{
  background:linear-gradient(145deg,#d9ff63,#9fdb25);
  box-shadow:4px 4px 0 #061a10,0 0 24px rgba(184,236,60,.2);
}
.nav{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  box-shadow:0 8px 20px rgba(14,54,31,.08);
}
.nav button.active{color:#10723c;border-bottom-color:#4bc35f}
.nav button:hover{color:#0b8a43}

.card,.asset-card,.kpi,.table{
  border-color:rgba(24,91,52,.14);
  box-shadow:0 12px 30px rgba(12,56,33,.13),inset 0 1px rgba(255,255,255,.8);
}
.card,.asset-card,.kpi{background:rgba(255,255,255,.96)}
.card-head{background:linear-gradient(180deg,#fff,#f7faf6);border-bottom-color:#e2ebe2}
.asset-card{border-radius:15px}
.asset-card:hover{border-color:#7ccf6d;box-shadow:0 18px 38px rgba(12,65,36,.2)}

.btn.primary,.market-card .btn.primary{
  color:#fff;
  background:linear-gradient(180deg,#38bd62,#168447);
  border:1px solid #11723c;
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 6px 14px rgba(18,122,62,.25);
}
.btn.lime,.next-day .btn{
  background:linear-gradient(180deg,#d5fa61,#a7df2b);
  border:1px solid #91c524;
  box-shadow:inset 0 1px rgba(255,255,255,.55),0 7px 18px rgba(110,160,25,.3);
}
.btn.ghost{background:#f0f4ef;border:1px solid #dce5dc}
.next-day{background:linear-gradient(120deg,#0b512f,#178a4b 64%,#21a456)}
.bar{background:#e4ebe4}.bar i{background:linear-gradient(90deg,#f4a320,#ffd450)}
.badge{background:#e8f6e8;color:#14713d}.badge.orange{background:#fff0d3;color:#9a5900}

.asset-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  margin:-7px 0 -2px;
}
.asset-icon img{
  display:block;
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 7px 6px rgba(21,47,31,.2));
}
.avatar img{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
  filter:drop-shadow(0 4px 4px rgba(17,54,31,.2));
}
.garage-item img{width:58px;height:58px;object-fit:contain}
.market-card .price{color:#0e6d38}

.business-visual{
  background:
    linear-gradient(90deg,rgba(230,243,219,.95) 0 43%,rgba(230,243,219,.18) 74%),
    url('assets/v2/garage-yard-bg.png') 72% 47%/cover;
}
.business-visual:after{content:''}

.intro{
  background:
    linear-gradient(90deg,rgba(5,31,20,.97) 0%,rgba(8,48,29,.88) 52%,rgba(8,48,29,.48)),
    url('assets/v2/garage-yard-bg.png') center/cover;
}
.intro:after{content:''}
.landing-guide{
  border:1px solid rgba(184,236,60,.5);
  box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 0 5px rgba(184,236,60,.08);
}
.landing-goal{background:linear-gradient(135deg,#edf8e3,#dff2cc)}
.landing-chips span{background:rgba(255,255,255,.1);border-color:rgba(190,239,87,.22);color:#d8e5dd}

@media(max-width:600px){
  body{background:linear-gradient(rgba(239,243,237,.94),rgba(239,243,237,.97)),url('assets/v2/garage-yard-bg.png') center/cover fixed}
  .asset-icon,.asset-icon img{width:64px;height:64px}
}