﻿/* Only the poker level is styled here; the existing header, HUD and controls remain in place. */
#pj-poker[hidden],#poker-controls[hidden],#poker-overlay[hidden],#poker-next-level[hidden]{display:none!important}
#pj-poker{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;color:#fff8df}
#pj-poker .poker-table{pointer-events:auto;width:72%;height:90%;background:radial-gradient(ellipse,#287e66,#14534b);border:9px solid #bb793d;outline:2px solid #57472b;border-radius:34%;box-shadow:inset 0 0 0 2px #e2bc65,0 8px 10px #143b4333;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:10px 12px;text-align:center;position:relative}
#pj-poker .poker-hand{display:flex;justify-content:center;gap:9px;margin:8px 0}
#pj-poker .poker-card{padding:4px;width:clamp(42px,6.4vw,75px);height:clamp(62px,9vw,105px);border:2px solid #e3d4ae;border-radius:8px;background:#fffbee;color:#173d42;font-size:clamp(23px,3.2vw,36px);line-height:1;font-weight:bold;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;box-shadow:0 3px 2px #102b2933;transition:transform .18s,border-color .18s;flex-shrink:0}
#pj-poker .poker-card.red{color:#bf3629}#pj-poker .poker-card small{font-size:.8em;margin-top:5px}#pj-poker button.poker-card[aria-pressed=true]{border:3px solid #ffce46;transform:translateY(-8px);background:#fff3ba}
#pj-poker .poker-card .hold-label{position:absolute;bottom:-20px;font-size:10px;white-space:nowrap;color:#fff6d2;font-weight:bold}
#pj-poker .poker-card.back{background:repeating-linear-gradient(45deg,#244b68 0 6px,#34637b 6px 8px);border:3px solid #fff3d4;color:#fbd059}
#pj-poker .opponent .poker-card{width:38px;height:52px;font-size:21px}#pj-poker .poker-caption{font-size:13px;font-weight:bold;line-height:1.3;padding:3px 8px}#pj-poker .poker-center{font-size:13px;padding:8px;max-width:95%;line-height:1.4}#pj-poker .poker-center b{display:block;color:#ffdc79;font-size:15px;margin:4px 0}#pj-poker .poker-player{padding-bottom:14px}#pj-poker .poker-board .poker-card{width:48px;height:66px;font-size:25px}#pj-poker .poker-card.empty{background:#ffffff0a;border:1px dashed #9abca8;box-shadow:none}#pj-poker .poker-chip{background:#103e36;border-radius:20px;padding:5px 12px;display:inline-block;font-size:12px}
#poker-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#poker-controls .poker-buttons{display:flex;gap:7px;flex-wrap:wrap}#poker-controls p{margin:0;font-size:12px;flex:1;min-width:180px}#poker-controls .poker-help{padding:8px 12px;font-size:12px}#poker-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:#183c4270;z-index:15}#poker-overlay .arena-card{max-height:100%;overflow:auto;max-width:470px;width:100%;text-align:center}#poker-overlay .poker-book{display:flex;justify-content:center;align-items:center;gap:18px;margin:12px 0}#poker-overlay .poker-book img{width:90px;max-height:130px;object-fit:contain}#poker-overlay .poker-book a{font-weight:bold;color:#235e59}#poker-overlay .poker-description{font-size:13px;line-height:1.5}#poker-overlay button{margin:4px}#poker-overlay .poker-help-list{font-size:12px;text-align:left;line-height:1.5}#poker-next-level{margin:8px 0}
@media(max-width:650px){#pj-poker .poker-table{width:88%;height:94%;border-width:6px;border-radius:25%;padding:9px 5px}#pj-poker .poker-hand{gap:5px;margin:6px 0}#pj-poker .poker-card{width:42px;height:65px;font-size:25px}#pj-poker .opponent .poker-card{width:29px;height:40px;font-size:18px}#pj-poker .poker-board .poker-card{width:35px;height:49px;font-size:20px}#pj-poker .poker-caption{font-size:11px}#pj-poker .poker-center{font-size:11px;padding:4px}#pj-poker .poker-center b{font-size:13px}#poker-controls{padding:10px;gap:8px}#poker-controls p{flex-basis:100%;font-size:11px}#poker-controls .poker-buttons{width:100%;justify-content:center}#poker-controls button{font-size:12px;padding:9px 10px}#poker-overlay .arena-card{padding:14px}#poker-overlay h2{font-size:24px}#poker-overlay .poker-description{font-size:12px}#poker-overlay .poker-book img{width:70px;max-height:100px}}
@media(prefers-reduced-motion:reduce){#pj-poker *{transition:none!important;animation:none!important}}
/* Riviera card table: raised walnut rail, stitched felt and official animated actors. */
#pj-poker{isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff4d514,#58341822),url('assets/med-coast-v1.webp') center/cover}
#pj-poker .poker-table{width:86%;height:83%;margin-top:2%;border:13px solid #744329;outline:2px solid #432f25;border-radius:48% / 34%;background:radial-gradient(ellipse at 46% 25%,#339a82 0,#176b5d 48%,#0d4d46 100%);box-shadow:0 3px 0 3px #d4a667,0 11px 0 3px #492f26,0 20px 24px #23342e66,inset 0 0 0 3px #e8c781,inset 0 0 0 7px #163f38,inset 0 0 55px #052e2c77;padding:18px 15px;z-index:auto}
#pj-poker .poker-table:before{content:'';position:absolute;inset:17px;border:1px dashed #e4cf9390;border-radius:48% / 34%;pointer-events:none;background:repeating-linear-gradient(19deg,transparent 0 3px,#ffffff03 3px 4px)}
#pj-poker .poker-table:after{content:'♠  ♥  ♣  ♦';position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#d6ebc60b;font-size:100px;letter-spacing:14px;white-space:nowrap;pointer-events:none;z-index:0}
#pj-poker .poker-table>.opponent,#pj-poker .poker-center,#pj-poker .poker-player{position:relative;z-index:4}
#pj-poker .poker-caption{letter-spacing:1px;color:#fff5d7;text-shadow:0 2px 2px #143a30;font-size:12px}
#pj-poker .poker-center{border-top:1px solid #d5c28555;border-bottom:1px solid #d5c28555;padding:12px 22px;background:linear-gradient(90deg,transparent,#123c3344,transparent)}
#pj-poker .poker-card{background:linear-gradient(135deg,#fffef9,#f5ecd8);box-shadow:0 4px 0 #cfbf9f,0 7px 8px #001f2544;border-color:#eee4cf;border-radius:7px}
#pj-poker button.poker-card[aria-pressed=true]{background:linear-gradient(135deg,#fff9d5,#ffe796);box-shadow:0 4px 0 #c19835,0 7px 10px #001f2555}
#pj-poker .poker-card.back{background:repeating-linear-gradient(45deg,#285b72 0 5px,#346c82 5px 7px);box-shadow:0 3px 0 #cabf9f,0 6px 8px #001f2533}
#pj-poker .poker-actor{position:absolute;z-index:3;pointer-events:none;filter:drop-shadow(0 8px 5px #203b3950);transform-origin:50% 90%}
#pj-poker .poker-actor img{display:block;width:100%;height:100%;object-fit:contain;animation:poker-breathe 4.2s ease-in-out infinite;transform-origin:50% 85%}
#pj-poker .actor-pearl{width:22%;height:53%;left:-1%;bottom:1%}
#pj-poker .actor-jonathan{width:28%;height:49%;right:-1.5%;top:0}
#pj-poker .actor-jonathan img{animation:poker-sway 5s ease-in-out infinite}
#pj-poker .poker-bubble{position:absolute;display:block;background:#fff9e9;border:2px solid #274e45;border-radius:15px 15px 15px 3px;padding:9px 12px;max-width:180px;white-space:nowrap;font-size:12px;font-weight:bold;color:#234b43;box-shadow:2px 3px 0 #234b4320;filter:none;transform:rotate(-3deg)}
#pj-poker .actor-pearl .poker-bubble{left:26%;top:-8%}
#pj-poker .actor-jonathan .poker-bubble{right:29%;bottom:-5%;border-radius:15px 3px 15px 15px;transform:rotate(3deg)}
#pj-poker.is-thinking .actor-jonathan img{animation:poker-consider 1.5s ease-in-out infinite}
#pj-poker[data-winner=pearl] .actor-pearl img,#pj-poker[data-winner=jonathan] .actor-jonathan img{animation:poker-celebrate .7s ease-in-out 2,poker-breathe 4s 1.4s ease-in-out infinite}
#pj-poker.is-paused .poker-actor img{animation-play-state:paused}
@keyframes poker-breathe{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes poker-sway{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@keyframes poker-consider{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg) translateY(-3px)}}
@keyframes poker-celebrate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}
@media(max-width:650px){#pj-poker .poker-table{width:91%;height:79%;margin-top:8%;border-width:8px;border-radius:45% / 24%;padding:14px 4px;box-shadow:0 3px 0 2px #d4a667,0 8px 0 2px #492f26,0 15px 15px #23342e55,inset 0 0 0 2px #e8c781,inset 0 0 0 5px #163f38,inset 0 0 35px #052e2c77}#pj-poker .poker-table:before{inset:10px;border-radius:45% / 24%}#pj-poker .poker-table:after{font-size:45px;letter-spacing:5px}#pj-poker .actor-pearl{width:29%;height:31%;left:-3%;bottom:0}#pj-poker .actor-jonathan{width:38%;height:30%;right:-3%;top:-1%}#pj-poker .poker-bubble{font-size:9px;padding:5px 7px;border-width:1.5px;max-width:135px}#pj-poker .actor-pearl .poker-bubble{top:-15%;left:14%}#pj-poker .actor-jonathan .poker-bubble{right:65%;bottom:54%}#pj-poker .poker-center{font-size:10px;padding:7px 8px}#pj-poker .poker-center b{font-size:12px}#pj-poker .poker-caption{font-size:10px;letter-spacing:.5px}#pj-poker .poker-player{padding-bottom:20px}#pj-poker .poker-card .hold-label{font-size:9px}#pj-poker .opponent{margin-top:12px}}
@media(prefers-reduced-motion:reduce){#pj-poker .poker-actor img{animation:none!important;transform:none!important}}

#pj-poker.is-dealing .poker-card{animation:poker-deal .24s ease-out both;animation-delay:calc(var(--deal-index,0)*35ms)}
@keyframes poker-deal{from{opacity:0;transform:translateY(-9px) rotate(-4deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@media(prefers-reduced-motion:reduce){#pj-poker.is-dealing .poker-card{animation:none!important}}
@media(max-width:650px){#pj-poker .actor-pearl .poker-bubble{top:auto;bottom:1%;left:80%}}

#poker-controls .poker-buttons button[hidden]{display:none!important}
#poker-controls.poker-easy .poker-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;width:100%;gap:6px}
#poker-controls.poker-easy .poker-buttons button{min-width:0;width:auto;min-height:44px;margin:0;padding:8px;font-size:12px;line-height:1.2}
#poker-controls #poker-keep{background:#d5eed6;border-color:#286d48;color:#194f35}
#poker-controls.poker-easy #poker-next{grid-column:span 2}
@media(max-width:360px){#poker-controls.poker-easy .poker-buttons button{font-size:10px;padding:6px}}

#poker-overlay .arena-card{max-height:100%;overflow:auto;box-sizing:border-box}#poker-overlay input[type=number]{width:100%;max-width:240px;min-height:44px;font:inherit;font-weight:bold;text-align:center;margin:6px auto;padding:6px;border:2px solid #224c4d;border-radius:10px;box-sizing:border-box;display:block}#poker-overlay input[type=range]{display:block;width:100%;min-height:36px;margin:4px 0}#poker-overlay .poker-bet-presets,#poker-overlay .poker-stack-presets{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin:6px 0}#poker-overlay .poker-bet-presets button,#poker-overlay .poker-stack-presets button{min-width:0;min-height:40px;padding:6px 10px;font-size:13px;margin:0}#poker-bet-detail{font-size:13px}#poker-controls.poker-hard .poker-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:5px;width:100%}#poker-controls.poker-hard .poker-buttons button{width:auto;min-width:0;min-height:44px;padding:6px;font-size:12px;margin:0}#poker-controls.poker-hard #poker-allin{background:#e6b85c;color:#163d43}#poker-controls.poker-hard #poker-next{grid-column:span 4}@media(max-width:400px){#poker-controls.poker-hard .poker-buttons button{font-size:10px;padding:4px}#poker-overlay .arena-card{padding:12px}#poker-overlay h2{font-size:22px}#poker-overlay .poker-description{font-size:13px}#poker-overlay .poker-description p{margin:5px 0}}
