:root{
  --cream:#fff8eb;
  --cream-2:#ffefd4;
  --cream-soft:#fffdf7;
  --green:#4cba5c;
  --green-dark:#2f8a3d;
  --green-mid:#58c968;
  --green-hi:#8aef90;
  --green-soft:#e8f9d8;
  --orange:#ff9a3c;
  --orange-dark:#e07418;
  --orange-hi:#ffc878;
  --orange-soft:#ffe4c4;
  --teal:#3ec9b8;
  --teal-dark:#1f9a8c;
  --teal-hi:#7aebd8;
  --purple:#9b78d4;
  --purple-dark:#6a4a9a;
  --purple-hi:#c9a8ff;
  --brown:#6b4a28;
  --brown-light:#a07848;
  --ink:#4a3420;
  --ink-soft:#7a6348;
  --danger:#ef5b4a;
  --danger-dark:#b83a2e;
  --danger-hi:#ff9a8c;
  --radius:18px;
  --radius-sm:12px;
  --radius-lg:24px;
  --gap-1:4px;--gap-2:8px;--gap-3:12px;--gap-4:16px;--gap-6:24px;
  --shadow:0 5px 0 rgba(90,55,25,.22);
  --shadow-soft:0 8px 24px rgba(70,48,20,.12);
  --font-display:"Jua","Gowun Dodum",sans-serif;
  --font-body:"Gowun Dodum","Jua",sans-serif;
  --fs-xs:12px;
  --fs-sm:13px;
  --fs-base:14px;
  --fs-md:15px;
  --fs-lg:17px;
  --fs-xl:20px;
  --fs-2xl:24px;
  --fs-3xl:28px;
  font-family:var(--font-body);
  font-size:var(--fs-base);
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
}

body,button,input,select{font-family:inherit}
h1,h2,h3,.screen-title,.primary-btn,.main-battle-btn b,
.side-menu button,.grow-btn,.stage-node b,.summon-card .cost,
.card-scroll-btn,.result-label,#resultTitle,.mana-line b,.icon-btn,.text-btn,
.setting-label,.toggle-switch,.speed-pick{
  font-family:var(--font-display);
  font-weight:400;
  letter-spacing:0.01em;
}

/* 공통 캐주얼 버튼 광택 */
.btn-shine{
  position:relative;
  overflow:hidden;
}
.btn-shine::after{
  content:"";
  position:absolute;left:8%;right:8%;top:3px;height:38%;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));
  pointer-events:none;
}