/* Golden Bell build CSS ? dark gold casino look */

.phg-screen{
  max-width:1200px;margin:20px auto;padding:18px;border-radius:18px;
  background:
    radial-gradient(1200px 600px at 50% -180px, rgba(0,0,0,.25), transparent 60%),
    linear-gradient(180deg,#3a2f12,#231b08 60%);
  box-shadow:0 20px 60px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.05);
  border:1px solid rgba(255,220,120,.18);
  color:#f2e7c6;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}

/* header */
.gb-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.gb-title{font-weight:900;font-size:28px;letter-spacing:.06em;color:#ffeaa7;text-shadow:0 2px 0 #000,0 0 16px rgba(255,220,120,.45)}
.gb-meta{display:flex;gap:10px}
.meta-pill{background:#151b26;color:#fff;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.meta-pill b{color:#ffd76a}

/* panels */
.gb-panel{background:linear-gradient(180deg,rgba(255,216,120,.08),rgba(0,0,0,.25));border:1px solid rgba(255,216,160,.18);border-radius:12px;padding:12px}
.gb-muted{color:#e8d09a;opacity:.9}

/* stage */
.gb-stage{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:12px 0 16px}
.gb-box{min-height:360px;background:#3a1a14;border-radius:12px;padding:16px;border:1px solid rgba(255,215,120,.22);box-shadow:inset 0 0 0 2px rgba(0,0,0,.26)}
.gb-side{font-size:32px;font-weight:900;letter-spacing:.06em;color:#9eb6d7;opacity:.95;margin-bottom:14px}
.gb-cards{height:220px;display:flex;gap:10px}

/* cards */
.card{width:76px;height:108px;border-radius:10px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.35);position:relative;display:grid;place-items:center;font-weight:900;font-size:22px}
.card .mark{position:absolute;top:6px;left:8px;font-size:16px}

/* bottom rails */
.gb-rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.panel-title{color:#ffdca1;font-weight:800;margin-bottom:10px}
.mybet{margin-top:10px;background:#20100d;color:#f0d8a6;padding:10px;border-radius:8px;border:1px solid rgba(255,215,120,.22)}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{width:62px;height:62px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe39a 0%, #f6c350 60%, #d59b2c 100%);border:2px solid rgba(0,0,0,.38);box-shadow:0 6px 0 rgba(0,0,0,.38), inset 0 0 18px rgba(255,255,255,.35);display:grid;place-items:center;cursor:pointer;user-select:none}
.chip.selected{outline:3px solid #82b1ff;outline-offset:1px}
.chip span{font-weight:900;color:#2b1d00;text-shadow:0 1px 0 #fff8}

/* buttons */
.btn{background:linear-gradient(180deg,#ffdf8b,#f2b23c);color:#241600;border:1px solid rgba(0,0,0,.35);padding:8px 12px;border-radius:10px;font-weight:700;box-shadow:0 4px 0 rgba(0,0,0,.35);cursor:pointer}

/* board */
.board{margin-top:16px}
.board-title{color:#ffdca1;font-weight:800;margin-bottom:8px}
.tbl{width:100%;border-collapse:separate;border-spacing:0;color:#f1e9d0}
.tbl th,.tbl td{padding:10px 12px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:#151920}
.tbl th{background:#0e1218;color:#ffdca1;text-align:left}
.tbl .empty td{color:#8e8a7a}