/* Poker 51 v0.1 — table layout. Scoped to body[data-game=poker]; reuses the Area 51 house cards. */
body[data-game=poker] .poker-table{display:grid;gap:14px;padding:4px 0 14px}
body[data-game=poker] .poker-seat{display:grid;gap:9px;justify-items:center}
body[data-game=poker] .poker-seat-head{display:flex;gap:12px;align-items:baseline;justify-content:center;min-height:22px}
body[data-game=poker] .poker-who{font:600 11px/1 system-ui;letter-spacing:.14em;text-transform:uppercase;color:var(--a51-muted)}
body[data-game=poker] .poker-hand-name{font:19px Georgia,serif;color:var(--a51-gold)}
body[data-game=poker] .poker-row{display:flex;gap:clamp(5px,1.4vw,12px);justify-content:center;flex-wrap:nowrap;min-height:calc(clamp(50px,15vw,86px)*1.4 + 12px)}
body[data-game=poker] .poker-row .house-card{--house-width:clamp(50px,15vw,86px)}
body[data-game=poker] .poker-row .house-pip{font-size:clamp(26px,7vw,44px)}
body[data-game=poker] .poker-row .house-corner{font-size:clamp(11px,2.9vw,16px)}
body[data-game=poker] .poker-row .house-monogram{font-size:clamp(24px,6.5vw,40px);width:auto;height:auto;aspect-ratio:48/58;min-width:0;padding:0 clamp(6px,2vw,12px)}
body[data-game=poker] .poker-row .house-stamp{width:clamp(36px,11vw,60px);height:clamp(36px,11vw,60px)}
body[data-game=poker] .poker-row .house-stamp p51-token{--p51-size:clamp(28px,8.5vw,46px)}
body[data-game=poker] .poker-slot{position:relative;display:grid;justify-items:center;gap:4px;padding:0;background:none;border:0;min-width:0;min-height:0}
body[data-game=poker] .poker-pick{cursor:pointer;border-radius:10px;transition:transform .18s ease}
body[data-game=poker] .poker-pick:disabled{cursor:default;opacity:1}
body[data-game=poker] .poker-pick.held{transform:translateY(-10px)}
body[data-game=poker] .poker-pick.held .house-card{box-shadow:0 0 0 3px var(--a51-gold),0 6px 14px #0006}
body[data-game=poker] .poker-pick:focus-visible{outline:2px solid var(--a51-gold);outline-offset:4px}
body[data-game=poker] .poker-tag{font:700 10px/1 system-ui;letter-spacing:.14em;color:var(--a51-muted)}
body[data-game=poker] .poker-pick.held .poker-tag{color:var(--a51-gold)}
body[data-game=poker] .house-front.learned{box-shadow:0 0 0 2px #e4c27766,0 3px 8px #0004}
body[data-game=poker] .poker-stamped{outline:1px dashed #e4c27799;outline-offset:3px}
body[data-game=poker] .poker-drawn{font:13px system-ui;color:var(--a51-green)}body[data-game=poker] .poker-drawn:empty{display:none}
body[data-game=poker] .poker-declared{display:flex;gap:14px;align-items:center;justify-content:center;padding:8px 14px;margin:0 auto;border:1px dashed #e5c38955;border-radius:12px;background:#0c241640;max-width:460px;text-align:left}
body[data-game=poker] .poker-declared strong{display:block;font:15px Georgia,serif;color:var(--a51-gold)}
body[data-game=poker] .poker-declared>div>span{display:block;font:12px/1.4 system-ui;color:#ccdbc2}
body[data-game=poker] .poker-marker{--house-width:46px;flex:none}body[data-game=poker] .poker-marker .house-pip{font-size:24px}body[data-game=poker] .poker-marker .house-corner{font-size:10px}body[data-game=poker] .poker-marker .house-corner.top{left:4px;top:5px}body[data-game=poker] .poker-marker .house-corner.bottom{right:4px;bottom:5px}
body[data-game=poker] .poker-odds table,body[data-game=poker] .poker-exact table{width:100%;border-collapse:collapse;font:12px/1.35 system-ui}
body[data-game=poker] .poker-odds th,body[data-game=poker] .poker-exact th{text-align:left;font-weight:600;color:var(--a51-muted);border-bottom:1px solid var(--a51-line);padding:5px 4px}
body[data-game=poker] .poker-odds td,body[data-game=poker] .poker-exact td{padding:4px;border-bottom:1px solid #ffffff0d}
body[data-game=poker] .poker-odds td:last-child,body[data-game=poker] .poker-exact td:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
body[data-game=poker] .poker-exact tr.moved td{color:var(--a51-gold)}
body[data-game=poker] .poker-exact{overflow-x:auto}
body[data-game=poker] .poker-odds-sum{margin:6px 0 8px;font:14px Georgia,serif;color:var(--a51-text)}
body[data-game=poker] .poker-side{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px}
body[data-game=poker] .a51-rule-card .poker-exact table{font-size:13px;max-width:620px}
@media (max-width:420px){body[data-game=poker] .poker-declared{gap:11px;padding:8px 11px}body[data-game=poker] .poker-pick.held{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){body[data-game=poker] .poker-pick{transition:none}}
/* The shared .cg51-button hover lifts 1px; a pointer resting on the bottom pixel then flickers
   between hover and not. A 2px hit strip under each button keeps the pointer inside after the lift. */
body[data-game=poker] .cg51-controls .cg51-button{position:relative}
body[data-game=poker] .cg51-controls .cg51-button::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px}