/* Poker 51 tables v2 — first-person table (site v3.4). Loaded after table-v1.css.
   Your chair is at the bottom; the others sit around an oval felt in play order.
   Positions: data-pos 0 = you, 1..4 clockwise (1 on your left). Phone: tall oval. Wide screens: wide oval. */
body[data-game=poker] #table .pt-head,
body[data-game=poker] #table .cg51-felt>.poker-declared{display:none}
body[data-game=poker] #table .cg51-felt{padding:10px 8px 12px}

body[data-game=poker] .pt-seats{position:relative;display:block;width:100%;max-width:760px;margin:0 auto;aspect-ratio:3/3.55;min-height:0}
body[data-game=poker] .pt-seats::before{content:"";position:absolute;inset:14% 17% 16%;border-radius:50%/42%;
  background:radial-gradient(ellipse at 50% 40%,#1d5a40 0%,#154632 55%,#0f3526 100%);
  box-shadow:inset 0 0 0 7px #4a3219,inset 0 0 0 9px #c8a15f55,inset 0 8px 28px #0008,0 10px 30px #0007}
@media(min-width:700px){
  body[data-game=poker] .pt-seats{aspect-ratio:16/9.6}
  body[data-game=poker] .pt-seats::before{inset:16% 11% 20%;border-radius:50%}
}

/* seat pods */
body[data-game=poker] .pt-seats .pt-seat{position:absolute;transform:translate(-50%,-50%);width:clamp(84px,29%,150px);
  display:grid;justify-items:center;gap:3px;padding:0;border:0;background:none;box-shadow:none;text-align:center;z-index:2}
body[data-game=poker] .pt-seats .pt-seat[data-pos="0"]{left:50%;top:88%}
body[data-game=poker] .pt-seats .pt-seat[data-pos="1"]{left:17%;top:64%}
body[data-game=poker] .pt-seats .pt-seat[data-pos="2"]{left:19%;top:19%}
body[data-game=poker] .pt-seats .pt-seat[data-pos="3"]{left:81%;top:19%}
body[data-game=poker] .pt-seats .pt-seat[data-pos="4"]{left:83%;top:64%}
@media(min-width:700px){
  body[data-game=poker] .pt-fan .house-front{margin-left:calc(var(--house-width) * -0.2)}
  body[data-game=poker] .pt-seats .pt-seat[data-pos="0"]{top:87%}
  body[data-game=poker] .pt-seats .pt-seat[data-pos="1"]{left:9%;top:58%}
  body[data-game=poker] .pt-seats .pt-seat[data-pos="2"]{left:27%;top:17%}
  body[data-game=poker] .pt-seats .pt-seat[data-pos="3"]{left:73%;top:17%}
  body[data-game=poker] .pt-seats .pt-seat[data-pos="4"]{left:91%;top:58%}
}
body[data-game=poker] .pt-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(160deg,#2e4a3c,#17291f);border:2px solid #c1d2b655;color:#f1e7cf;font:600 20px/1 Georgia,serif;
  box-shadow:0 3px 8px #0007;--left:1}
body[data-game=poker] .pt-seat.riemann .pt-avatar{padding:0;background:#f4ecd8;object-fit:cover}
body[data-game=poker] .pt-avatar-empty{background:transparent;border-style:dashed;color:var(--a51-muted);font:22px/1 system-ui}
body[data-game=poker] .pt-seat.you .pt-avatar{border-color:var(--a51-gold)}
body[data-game=poker] .pt-seat.acting .pt-avatar{border-color:var(--a51-gold);box-shadow:0 0 0 3px #e5c38955,0 0 18px #e5c38966}
body[data-game=poker] .pt-seat.winner .pt-avatar{box-shadow:0 0 0 3px var(--a51-gold),0 0 22px #e5c389aa}
body[data-game=poker] .pt-seats .pt-plate{display:grid;gap:0;min-width:0;max-width:100%;padding:4px 9px 5px;border-radius:9px;
  background:#0b1d16e6;border:1px solid #c1d2b633;box-shadow:0 2px 6px #0006}
body[data-game=poker] .pt-seats .pt-seat.you .pt-plate{border-color:#e5c38988}
body[data-game=poker] .pt-seats .pt-name{font:13px/1.25 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body[data-game=poker] .pt-seats .pt-stack{font:11px/1.25 system-ui;color:#cfdcc6}
body[data-game=poker] .pt-seats .pt-stack b{font:14px Georgia,serif}
body[data-game=poker] .pt-seats .pt-tags{font-size:9px}
body[data-game=poker] .pt-seats .pt-line{font:10.5px/1.3 system-ui;color:#d9e5d0;max-width:100%}
body[data-game=poker] .pt-seats .pt-seat.folded{opacity:.55}
body[data-game=poker] .pt-seats .pt-seat.empty{opacity:.9}
body[data-game=poker] .pt-seats .pt-seat.empty .pt-name{font-size:12px;color:var(--a51-muted)}
body[data-game=poker] .pt-seats .pt-seat.empty .cg51-button{min-height:34px;padding:6px 12px;font-size:13px}
body[data-game=poker] .pt-dealer{position:absolute;top:-2px;left:calc(50% + 18px);width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;background:#f6f1e3;color:#1c2a23;font:700 11px/1 system-ui;box-shadow:0 1px 3px #0008;z-index:3}

/* opponents' fans of small cards */
body[data-game=poker] .pt-fan{display:flex;justify-content:center;gap:0;margin-top:1px}
body[data-game=poker] .pt-fan .house-card{--house-width:clamp(20px,6vw,28px);margin-left:calc(var(--house-width) * -0.45)}
body[data-game=poker] .pt-fan .house-card:first-child{margin-left:0}
body[data-game=poker] .pt-fan .house-front{--house-width:clamp(24px,7vw,32px);margin-left:calc(var(--house-width) * -0.42)}
body[data-game=poker] .pt-fan .house-front:first-child{margin-left:0}
body[data-game=poker] .pt-fan .house-pip{font-size:clamp(11px,3.2vw,15px)}
body[data-game=poker] .pt-fan .house-corner{font-size:7.5px}
body[data-game=poker] .pt-fan .house-monogram{font-size:11px}

/* the shot clock: a gold bar under the acting seat */
body[data-game=poker] .pt-seats .pt-timer{width:70%;height:4px}
body[data-game=poker] .pt-seats .pt-seat.riemann .pt-timer{width:auto;height:auto}
body[data-game=poker] .pt-seats .poker-thinking{font:11px/1.2 system-ui;color:var(--a51-gold);background:#0b1d16e6;border-radius:10px;padding:2px 8px}

/* chips: each seat's bet this round sits between the seat and the middle */
body[data-game=poker] .pt-chip{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 system-ui;color:#f6ecd4;
  background:#0b1d16cc;border-radius:12px;padding:3px 8px 3px 4px;box-shadow:0 1px 3px #0007}
body[data-game=poker] .pt-chip i{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#f3d58f 0 35%,#b8862f 36% 60%,#f3d58f 61%);
  box-shadow:0 0 0 1px #6e4f1c}
body[data-game=poker] .pt-chip.bet{position:absolute;transform:translate(-50%,-50%);z-index:1}
body[data-game=poker] .pt-chip.bet[data-pos="0"]{left:50%;top:69%}
body[data-game=poker] .pt-chip.bet[data-pos="1"]{left:31%;top:58%}
body[data-game=poker] .pt-chip.bet[data-pos="2"]{left:34%;top:31%}
body[data-game=poker] .pt-chip.bet[data-pos="3"]{left:66%;top:31%}
body[data-game=poker] .pt-chip.bet[data-pos="4"]{left:69%;top:58%}
@media(min-width:700px){
  body[data-game=poker] .pt-chip.bet[data-pos="0"]{top:68%}
  body[data-game=poker] .pt-chip.bet[data-pos="1"]{left:24%;top:55%}
  body[data-game=poker] .pt-chip.bet[data-pos="2"]{left:36%;top:32%}
  body[data-game=poker] .pt-chip.bet[data-pos="3"]{left:64%;top:32%}
  body[data-game=poker] .pt-chip.bet[data-pos="4"]{left:76%;top:55%}
}

/* the middle of the felt */
body[data-game=poker] .pt-center{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px;
  text-align:center;z-index:1;width:46%}
body[data-game=poker] .pt-center-round{font:600 10px/1.3 system-ui;letter-spacing:.12em;text-transform:uppercase;color:#cfe0c8}
body[data-game=poker] .pt-center-pot .pt-chip{font-size:15px;padding:5px 12px 5px 6px}
body[data-game=poker] .pt-center-pot .pt-chip i{width:18px;height:18px}
body[data-game=poker] .pt-center-marker{font:10.5px/1.3 system-ui;color:#b9cdb4;opacity:.85}

/* your hand, full size, under the felt */
body[data-game=poker] .pt-hero{display:grid;justify-items:center;gap:6px;margin:6px auto 2px;max-width:760px}
body[data-game=poker] .pt-hero-label{font:13px/1.3 Georgia,serif;color:var(--a51-gold)}
body[data-game=poker] .pt-hero-cards{display:flex;gap:clamp(4px,1.6vw,10px);justify-content:center;flex-wrap:nowrap}
body[data-game=poker] .pt-hero-cards .house-card{--house-width:clamp(52px,16vw,82px)}
body[data-game=poker] .pt-hero-cards .house-pip{font-size:clamp(24px,7vw,40px)}
body[data-game=poker] .pt-hero-cards .house-corner{font-size:clamp(10px,2.8vw,14px)}
body[data-game=poker] .pt-hero .pt-pick.held{transform:translateY(-10px)}

/* the table message sits under the felt, not over it */
body[data-game=poker] #table .cg51-stage-message{margin-top:6px}
@media(max-width:380px){
  body[data-game=poker] .pt-seats .pt-seat{width:31%}
  body[data-game=poker] .pt-avatar{width:40px;height:40px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){body[data-game=poker] .pt-hero .pt-pick{transition:none}}