/* Table (backgammon) — tabla de lemn în centru, plăcuțele jucătorilor în stânga */
.board{position:absolute;left:340px;top:132px;width:1430px;height:880px;transform:none;display:block;gap:0;z-index:2}
.bFrame{position:absolute;inset:0;border-radius:28px;background:linear-gradient(160deg,#7a4520,#4a250c 50%,#2c1405);
  box-shadow:0 40px 90px rgba(0,0,0,.75),0 0 0 4px #c9952e,inset 0 4px 0 rgba(255,210,140,.25),inset 0 -8px 16px rgba(0,0,0,.5)}
.bHalf{position:absolute;top:30px;width:600px;height:820px;border-radius:8px;
  background:radial-gradient(ellipse at 50% 50%,#1f6a4c,#0f3f2c 70%,#0a2c1f);box-shadow:inset 0 0 0 3px rgba(0,0,0,.35),inset 0 0 40px rgba(0,0,0,.45)}
.bHalf.l{left:30px}.bHalf.r{left:720px}
.bBar{position:absolute;left:630px;top:30px;width:90px;height:820px;background:linear-gradient(90deg,#3a1d08,#5a2f12 50%,#3a1d08);box-shadow:inset 0 0 12px rgba(0,0,0,.6)}

/* punctele (triunghiurile) */
.pt{position:absolute;width:100px;height:400px;cursor:pointer}
.pt i{position:absolute;left:6px;right:6px;top:0;bottom:0;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#e9d3a1,#c9a66a)}
.pt.odd i{background:linear-gradient(180deg,#b5302a,#7c1712)}
.pt.bot i{clip-path:polygon(50% 0,100% 100%,0 100%)}
.pt .n{position:absolute;left:0;right:0;font-family:var(--ui);font-weight:800;font-size:18px;text-align:center;color:rgba(255,240,210,.45)}
.pt.top .n{top:-26px}.pt.bot .n{bottom:-26px}
.pt.dest::after{content:"";position:absolute;left:18px;right:18px;height:64px;border-radius:50%;box-shadow:0 0 0 5px #7dff9a,0 0 30px #7dff9a;animation:dPulse 1s infinite}
.pt.top.dest::after{top:var(--dy,8px)}.pt.bot.dest::after{bottom:var(--dy,8px)}
@keyframes dPulse{50%{opacity:.45}}
.pt.lastF i,.pt.lastT i{filter:brightness(1.35) saturate(1.2)}
.pt.lastT i{box-shadow:none;filter:brightness(1.5)}

/* piesele */
.ck{position:absolute;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;pointer-events:none;transition:left .28s,top .28s;z-index:3}
.ck.w{background:radial-gradient(circle at 35% 30%,#fff,#efe3c6 45%,#bfa577);box-shadow:0 4px 6px rgba(0,0,0,.55),inset 0 0 0 4px rgba(120,90,40,.35),inset 0 0 0 11px rgba(255,255,255,.35)}
.ck.r{background:radial-gradient(circle at 35% 30%,#ff8a7a,#c3221a 50%,#6d0a07);box-shadow:0 4px 6px rgba(0,0,0,.6),inset 0 0 0 4px rgba(40,0,0,.4),inset 0 0 0 11px rgba(255,160,150,.25)}
.ck.sel{box-shadow:0 0 0 5px var(--gold),0 0 26px var(--gold)!important;z-index:4}
.ck.can::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:3px dashed rgba(255,230,120,.8)}
.ck b{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--ui);font-weight:800;font-size:30px;color:#2a1300}
.ck.r b{color:#fff}
.barZone{position:absolute;left:630px;width:90px;height:410px;cursor:pointer;z-index:2}

/* tăvile pentru piesele scoase */
.tray{position:absolute;left:1330px;width:76px;height:400px;border-radius:12px;background:rgba(0,0,0,.35);box-shadow:inset 0 0 0 3px rgba(255,210,140,.2);cursor:pointer;display:flex;flex-direction:column;align-items:center}
.tray.top{top:30px}.tray.bot{top:450px;flex-direction:column-reverse}
.tray span{font-family:var(--ui);font-weight:800;font-size:14px;letter-spacing:1px;color:rgba(255,230,180,.55);margin:6px 0}
.tray .slabs{display:flex;flex-direction:column;gap:3px;width:60px}
.tray.bot .slabs{flex-direction:column-reverse}
.tray .slabs i{height:20px;border-radius:5px}
.tray .slabs i.w{background:linear-gradient(#fff,#cdb98c)}
.tray .slabs i.r{background:linear-gradient(#e2433a,#7c1712)}
.tray.dest{box-shadow:0 0 0 5px #7dff9a,0 0 30px #7dff9a;animation:dPulse 1s infinite}

/* zaruri și comenzi */
.dice{position:absolute;left:1020px;top:440px;transform:translate(-50%,-50%);display:flex;gap:22px;z-index:5}
.die{width:96px;height:96px;border-radius:20px;background:linear-gradient(145deg,#fff,#e4ddd0);box-shadow:0 8px 14px rgba(0,0,0,.55),inset 0 -5px 0 rgba(0,0,0,.12);position:relative}
.die.r{background:linear-gradient(145deg,#ff6a5a,#a6150e)}
.die.used{opacity:.32}
.die.roll{animation:dRoll .55s cubic-bezier(.3,1.4,.5,1)}
@keyframes dRoll{0%{transform:rotate(-200deg) scale(.4)}100%{transform:none}}
.die i{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#1a1a22}
.die.r i{background:#fff}
.bCtl{position:absolute;left:330px;top:440px;transform:translate(-50%,-50%);display:flex;gap:20px;z-index:6;white-space:nowrap}
.bMsg{position:absolute;left:330px;top:340px;width:560px;transform:translateX(-50%);margin:0;text-align:center;font-family:var(--ui);font-weight:800;font-size:28px;color:#fff4d6;
  text-shadow:0 2px 6px rgba(0,0,0,.8);z-index:5;pointer-events:none}

/* plăcuțele */
.plate{position:absolute;left:24px;z-index:6}
.plate.top{top:250px}.plate.bot{top:870px}
.plate .pl{position:relative}
.plate .chk{display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:-3px;margin-right:6px}
.plate .chk.w{background:radial-gradient(circle at 35% 30%,#fff,#bfa577)}
.plate .chk.r{background:radial-gradient(circle at 35% 30%,#ff8a7a,#6d0a07)}
.g-table .seatCtl{top:auto;bottom:230px}
.g-table .waitBox{left:1055px}