.pg-game{--pg-felt-hi:#16857a;--pg-felt:#0e625b;--pg-felt-lo:#073a36;--pg-rail:#2a1a10;--pg-rail-edge:#4a3121;--pg-print:#f2d68c;--pg-felt-font:Cinzel, "Trajan Pro", Georgia, serif;--pg-danger:#ff6b6b;--pg-danger-soft:#ffb3b3;grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.pg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-balance{border:1px solid var(--border);min-height:40px;color:var(--soft);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:inline-flex}.pg-balance strong{color:var(--gold);font-variant-numeric:tabular-nums}.pg-layout{flex-wrap:wrap;align-items:flex-start;gap:24px;display:flex}.pg-play{flex:999 620px;min-width:0}.pg-table{border:clamp(10px, 1.6vw, 18px) solid var(--pg-rail);background:radial-gradient(90% 75% at 50% 42%, var(--pg-felt-hi) 0%, var(--pg-felt) 52%, var(--pg-felt-lo) 100%);box-shadow:inset 0 0 0 3px var(--pg-rail-edge), 0 30px 60px #0000008c;user-select:none;border-radius:28px 28px 50% 50%/28px 28px 11% 11%;padding:0 12px;position:relative;overflow:hidden;container:pgtable/inline-size}.pg-table>*{--cw:min(15cqi, 76px);--dw:min(10.4cqi, 56px);--fw:min(9.5cqi, 52px)}@container pgtable (width>=620px){.pg-table>*{--cw:min(8.6cqi, 88px);--dw:min(6.4cqi, 66px);--fw:min(6.4cqi, 66px)}}.pg-tray{background:#0b231f;border:1px solid #00000073;border-top:0;border-radius:0 0 12px 12px;gap:4px;padding:5px 10px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.pg-tray i{border-radius:5px;width:clamp(18px,3cqi,30px);height:clamp(20px,3.4cqi,34px);display:block}.pg-tray i:first-child{background:repeating-linear-gradient(#e5e7eb 0 3px,#9ca3af 3px 4px)}.pg-tray i:nth-child(2){background:repeating-linear-gradient(#ef4444 0 3px,#991b1b 3px 4px)}.pg-tray i:nth-child(3){background:repeating-linear-gradient(#22c55e 0 3px,#166534 3px 4px)}.pg-tray i:nth-child(4){background:repeating-linear-gradient(#374151 0 3px,#111827 3px 4px)}.pg-tray i:nth-child(5){background:repeating-linear-gradient(#a855f7 0 3px,#6b21a8 3px 4px)}.pg-felt-label{font-family:var(--pg-felt-font);letter-spacing:.2em;text-transform:uppercase;color:var(--pg-print);opacity:.85;white-space:nowrap;font-size:clamp(9px,2.3cqi,13px);font-weight:700}.pg-dealer{min-height:calc(clamp(28px, 6cqi, 48px) + 16px + var(--dw) * 1.64 + 56px);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding-top:clamp(28px,6cqi,48px);display:flex}.pg-fan{height:calc(var(--fw) * 1.4);display:flex}.pg-fcard{width:var(--fw);aspect-ratio:5/7;border-radius:calc(var(--fw) * .08);box-shadow:0 4px 10px #00000059}.pg-fcard+.pg-fcard{margin-left:calc(var(--fw) * -.62)}.pg-deck{height:calc(var(--fw) * 1.4 + 6px);display:grid}.pg-deck .pg-fcard{grid-area:1/1}.pg-deck .pg-fcard+.pg-fcard{margin:0}.pg-deck .pg-fcard:nth-child(2){transform:translate(2px,3px)}.pg-deck .pg-fcard:nth-child(3){transform:translate(4px,6px)}.pg-dealer-hands{flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:8px 12px;display:flex}.pg-dealer-hand{flex-direction:column;flex:0 auto;align-items:center;gap:6px;min-width:0;display:flex}.pg-dealer .pg-readout{gap:2px 6px;padding:2px 8px;font-size:clamp(11px,2.6cqi,15px)}.pg-box{--w:var(--cw);--g:calc(var(--w) * .1);justify-content:center;align-items:center;gap:var(--g);padding:calc(var(--w) * .12);box-sizing:content-box;height:calc(var(--w) * 1.4);border:2px solid #f2d68c8c;border-radius:12px;transition:border-color .2s,box-shadow .2s;display:flex}.pg-box.pg-five{width:calc(var(--w) * 5 + var(--g) * 4)}.pg-box.pg-two{width:calc(var(--w) * 2 + var(--g))}.pg-box-dealer{--w:var(--dw);border-color:#f2d68c59}.pg-box.pg-squeeze{gap:0}.pg-box.pg-squeeze .pg-card+.pg-card{margin-left:calc(var(--w) * -.27)}.pg-box.pg-foul{border-color:var(--pg-danger);box-shadow:0 0 0 4px #ff6b6b40}.pg-box.pg-won{border-color:#8be3ad;box-shadow:0 0 0 4px #2ed67338}.pg-box.pg-lost{border-color:#f2d68c40}.pg-card,.pg-dcard,.pg-slot{width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .08);flex:none}.pg-card{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;transition:transform .12s;display:block;box-shadow:0 4px 10px #00000059}.pg-card img,.pg-dcard{width:100%;height:100%;display:block}.pg-dcard{width:var(--w);box-shadow:0 4px 10px #00000059}.pg-card:disabled{cursor:default}@media (hover:hover){.pg-card:hover:not(:disabled){transform:translateY(-5px)}}.pg-card:focus-visible{outline-offset:3px;outline:3px solid #fff}.pg-card.pg-hint{box-shadow:0 0 0 3px #34d399,0 0 20px #34d399d9}.pg-slot{color:#f2d68cbf;border:2px dashed #f2d68c66;place-items:center;font-size:clamp(10px,2.4cqi,13px);font-weight:600;display:grid}.pg-middle{place-items:center;min-height:100px;padding:6px 0;display:grid}@container pgtable (width>=620px){.pg-middle{min-height:124px}}.pg-print{width:min(100%,580px);height:auto;display:block}.pg-print text{font-family:var(--pg-felt-font);fill:var(--pg-print);font-weight:700}.pg-print-name{letter-spacing:6px;font-size:34px}.pg-print-rule{fill-opacity:.8}.pg-plate{text-align:center;background:#061412d6;border:1px solid #f2d68c80;border-radius:14px;justify-items:center;gap:3px;max-width:min(100%,560px);padding:8px 18px;display:grid;box-shadow:0 12px 30px #0006}.pg-plate strong{font-family:var(--pg-felt-font);letter-spacing:.1em;text-transform:uppercase;color:var(--pg-print);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 12px;font-size:clamp(15px,3.8cqi,24px);font-weight:700;display:flex}.pg-plate>span{color:#ffffffd9;font-size:clamp(12px,2.8cqi,15px);line-height:1.4}.pg-net{letter-spacing:0;font-variant-numeric:tabular-nums;font-family:Outfit,system-ui,sans-serif}.pg-plate-win .pg-net{color:var(--success-soft)}.pg-plate-push .pg-net{color:#fff}.pg-plate-lose .pg-net{color:var(--pg-danger-soft)}.pg-plate-foul{border-color:var(--pg-danger);background:#28080ce6}.pg-plate-foul strong{color:var(--pg-danger-soft)}.pg-plate-coach{background:#2a1d0beb;border-color:#b7791f}.pg-plate-coach strong{color:#fbbf5a}.pg-plate-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;display:inline-flex}.pg-plate .pg-gain{color:#6ee7a8;font-weight:600}.pg-seat{flex-direction:column;align-items:center;gap:8px;padding-bottom:calc(4cqi + 22px);display:flex}.pg-seat-low{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}.pg-seat-low .pg-spot{justify-self:end}.pg-hand{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}@container pgtable (width>=620px){.pg-seat{flex-direction:row;justify-content:center;align-items:flex-start;gap:22px}.pg-seat-high{order:-1}.pg-seat-low{align-items:flex-start;gap:22px;width:auto;display:flex}.pg-seat-low .pg-spot{margin-top:calc(20px + var(--cw) * .3)}}.pg-spot{width:calc(var(--cw) * 1.1);aspect-ratio:1;border:2px solid #f2d68cbf;border-radius:50%;place-items:center;display:grid;position:relative}.pg-spot .pg-chip{filter:drop-shadow(0 4px 4px #0006);width:74%;height:74%}.pg-spot-label{font-size:9px;position:absolute;bottom:-20px}.pg-readout{color:#fff;text-align:center;background:#00000073;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;max-width:100%;min-height:26px;padding:3px 12px;font-size:clamp(12px,2.9cqi,15px);font-weight:600;display:inline-flex}.pg-readout-quiet{color:#f2d68cbf;background:0 0;font-weight:500}.pg-readout-bad{background:#5c1a1f}.pg-mark{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.pg-mark-win{background:var(--success);color:#052e1c}.pg-mark-lose{color:#e5e7eb;background:#4b5563}.pg-only-pointer{display:none}@media (hover:hover) and (pointer:fine){.pg-only-touch{display:none}.pg-only-pointer{display:inline}}.pg-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding-top:12px;display:flex}.pg-button{border:1px solid var(--border-strong);background:var(--surface);min-height:48px;color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:inline-flex}.pg-button:hover:not(:disabled){background:var(--surface-2)}.pg-button:disabled{cursor:default;border-color:var(--border);color:#5b6577;background:0 0}.pg-button[aria-pressed=true]{border-color:var(--success);color:var(--success-soft)}.pg-quiet{background:0 0}.pg-primary{background:var(--gold);border-color:var(--gold);min-width:150px;color:var(--on-gold)}.pg-primary:hover:not(:disabled){background:#ffc75a}.pg-best{color:#052e1c;background:linear-gradient(#6ee7a8,#22b866);border-color:#22b866}.pg-best:hover:not(:disabled){background:linear-gradient(#86efb8,#2bc873)}.pg-rack{gap:6px;margin-right:auto;display:flex}.pg-chip-button{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;width:46px;height:46px;padding:0}.pg-chip-button[aria-pressed=true]{box-shadow:0 0 0 3px var(--gold)}.pg-chip-button .pg-chip{width:100%;height:100%;display:block}@media (width<=640px){.pg-actions .pg-button{flex:1 1 0;padding:0 12px}.pg-actions .pg-primary{flex-grow:1.4;min-width:0}.pg-rack{gap:4px}.pg-chip-button{width:40px;height:40px}}.pg-trainer{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex:300px;gap:16px;min-width:0;padding:20px;display:grid}.pg-trainer-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pg-trainer-head h2{font-size:1.25rem}.pg-trainer-status{color:var(--success-soft);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.pg-trainer-status:before{content:"";background:var(--success);border-radius:50%;width:8px;height:8px}.pg-how{color:var(--soft);margin-top:-8px;font-size:.85rem}.pg-how summary{cursor:pointer;width:fit-content;color:var(--accent);font-weight:500}.pg-how p{margin:8px 0 0;line-height:1.55}.pg-trainer-copy,.pg-dealer-rule{color:var(--soft);margin:0;line-height:1.55}.pg-dealer-rule{font-size:.9rem}.pg-trainer-link{font-size:.9rem;font-weight:600}.pg-callout{border:1px solid;border-radius:14px;gap:6px;padding:14px 16px;display:grid}.pg-callout p{color:var(--soft);margin:0;font-size:.95rem}.pg-callout-success{background:#0f2a1c;border-color:#1f5a39}.pg-callout-success strong{color:var(--success-soft)}.pg-callout-warning{background:#2a1d0b;border-color:#6b4612}.pg-callout-warning strong{color:#fbbf5a}.pg-callout-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.pg-callout-actions .pg-button{min-width:0;min-height:42px}.pg-compare{gap:10px;display:grid}.pg-compare-head{color:var(--muted);justify-content:space-between;gap:12px;font-size:.8rem;display:flex}.pg-option{background:var(--surface-2);border:1px solid #0000;border-radius:12px;gap:6px;padding:10px 12px;display:grid}.pg-option-mine{background:#f2b33d12;border-color:#f2b33d8c}.pg-option-best{border-color:#1f5a39}.pg-option-top{align-items:center;gap:8px;display:flex}.pg-option-name{font-size:.9rem;font-weight:600}.pg-option-ev{font-variant-numeric:tabular-nums;margin-left:auto;font-weight:700}.pg-option-best .pg-option-ev{color:var(--success-soft)}.pg-tag{border-radius:999px;padding:1px 8px;font-size:.7rem;font-weight:700}.pg-tag-gold{background:var(--gold);color:var(--on-gold)}.pg-option-hands{color:var(--soft);flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.85rem;display:flex}.pg-tokens{gap:3px;display:inline-flex}.pg-tokens span{color:#111317;background:#fff;border-radius:4px;padding:0 4px;font-size:.85rem;font-weight:700;line-height:1.45}.pg-tokens .pg-red{color:#d0171f}.pg-tokens .pg-token-joker{color:#fff4df;background:#0f766e}.pg-wpl{background:var(--border);border-radius:99px;height:8px;display:flex;overflow:hidden}.pg-wpl i{height:100%;display:block}.pg-w{background:var(--success)}.pg-p{background:#64748b}.pg-l{background:#e0565b}.pg-wpl-legend{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;font-size:.75rem;display:flex}.pg-notice{background:#2a1d0b;border:1px solid #6b4612;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 16px;display:flex}.pg-link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.pg-help{color:var(--muted);margin:-8px 0 0;font-size:.85rem}@media (hover:none){.pg-help{display:none}}@media (prefers-reduced-motion:reduce){.pg-card,.pg-box{transition:none}.pg-card:hover:not(:disabled){transform:none}}