/* 2 · ROYAL GOLD — ดำอมน้ำเงินลึก + ทองแชมเปญเป็นสีหลัก (ธีมหลักของ termtook) */
:root{
  --bg:#06070c; --bg2:#0a0b13; --card:#12131d; --card2:#181a26;

  /* ไล่สีหลัก = ทอง: อ่อน · กลาง · เข้ม (ตัวกลางต้องอิ่ม ไม่ซีด ไม่งั้นดูหม่น) */
  --a1:#ffeec4; --red:#e5c37f; --red2:#8a6520; --on-a:#1c1204;
  --red-soft:color-mix(in srgb, var(--red) 15%, transparent);

  --gold-l:#fff5da; --gold:#edd39a; --gold2:#9c7526; --on-gold:#1c1204;
  --green:#4ade80; --blue:#8fb0ff;

  /* เทาต้องอมอุ่น ไม่ใช่อมม่วง ไม่งั้นตีกับทอง */
  --text:#f6f2e8; --muted:#9d9689; --dim:#6a6355;
  --line:color-mix(in srgb, var(--gold) 12%, transparent);
  --line2:color-mix(in srgb, var(--gold) 24%, transparent);
  --inset:inset 0 1px 0 rgba(255,240,205,.1);
  --shadow:0 24px 60px -20px rgba(0,0,0,.9);
}

/* พื้นหลัง: แสงทองมุมบนซ้าย + น้ำเงินหมึกมุมขวา ให้ทองมีอะไรตัด */
body{
  background:
    radial-gradient(1100px 620px at 12% -12%, color-mix(in srgb, var(--gold) 15%, transparent), transparent 62%),
    radial-gradient(880px 500px at 102% -4%, rgba(64,84,180,.14), transparent 58%),
    radial-gradient(760px 760px at 50% 118%, color-mix(in srgb, var(--gold2) 12%, transparent), transparent 62%),
    var(--bg);
}
header.top{background:linear-gradient(180deg,rgba(6,7,12,.94),rgba(6,7,12,.74))}
.announce{background:linear-gradient(180deg,#0b0c16,#06070c)}
.btn{background:linear-gradient(180deg,#1c1e2b,#13141d)}

/* ทองเป็นสีแบรนด์แล้ว → สถานะ "รอดำเนินการ" ต้องเป็นส้มอำพัน ไม่งั้นกลืนกับปุ่ม */
.st.pending{background:rgba(240,169,46,.14);color:#f0a92e;border-color:rgba(240,169,46,.32)}

/* ขอบทองบาง ๆ รอบแบนเนอร์ + เงาทองแทนเงาแดง */
.slider{border-color:color-mix(in srgb, var(--gold) 26%, transparent)}
.game:hover{
  border-color:color-mix(in srgb, var(--gold) 55%, transparent);
  box-shadow:var(--inset),0 22px 44px -18px color-mix(in srgb, var(--gold) 45%, transparent),
             0 0 0 1px color-mix(in srgb, var(--gold) 22%, transparent);
}