.poker{max-width:640px;margin:0 auto;padding:1rem;min-height:100dvh;display:flex;flex-direction:column;position:relative}.back{text-decoration:none;color:var(--muted);font-size:.9rem}.sound-toggle{position:absolute;top:1rem;right:1rem;z-index:1;background:var(--panel);color:var(--text);width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;padding:0}.sound-toggle[aria-pressed=true]{opacity:.5}.title{text-align:center;font-size:1.3rem;margin:.4rem 0}.topbar{display:flex;justify-content:center;align-items:center;gap:.8rem;flex-wrap:wrap;margin:.4rem 0 .8rem}.pile-stat{background:var(--panel);border-radius:10px;padding:.3rem .7rem;font-size:.9rem;font-variant-numeric:tabular-nums}.bet-control{display:flex;align-items:center;gap:.5rem;background:var(--panel);border-radius:10px;padding:.2rem .4rem}.bet-control button{width:1.8rem;height:1.8rem;padding:0;line-height:1;border-radius:50%;background:var(--accent-2)}.bet-value{font-size:.9rem;font-variant-numeric:tabular-nums;min-width:4.5rem;text-align:center}.paytable{width:100%;border-collapse:collapse;font-size:.72rem;background:var(--panel);border-radius:10px;overflow:hidden}.paytable th,.paytable td{padding:.25rem .3rem;text-align:center;font-variant-numeric:tabular-nums}.paytable th{color:var(--muted);font-weight:600}.paytable .hand-name{text-align:left;color:var(--text);font-weight:600;white-space:nowrap}.paytable .current-bet{background:#ffffff0f}.paytable tr.hit{background:var(--accent);color:#16181d;font-weight:700}.paytable tr.hit .current-bet{background:#00000026}.card{position:relative;width:3.4rem;height:4.7rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;background:#f2ede3;color:#16181d;flex:0 0 auto;box-shadow:0 1px 3px #0006;-webkit-user-select:none;user-select:none}.card .rank{font-size:1.2rem;line-height:1}.card .suit{font-size:1.4rem;line-height:1}.card.red{color:#b0242c}.card.black{color:#1c1c1c}.card.back{background:repeating-linear-gradient(45deg,var(--accent-2),var(--accent-2) 4px,#1a2230 4px,#1a2230 8px);border:2px solid var(--panel)}.card.clickable{cursor:pointer;transition:transform .08s ease}.card.clickable:hover{transform:translateY(-6px)}.card.held{outline:3px solid var(--accent);transform:translateY(-8px)}.held-tag{position:absolute;bottom:.2rem;font-size:.55rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.status{text-align:center;min-height:1.5em;font-weight:600;margin:.6rem 0 .2rem}.hand-wrap{margin-top:auto;padding-top:.6rem}.hand{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;min-height:4.9rem}.actions{display:flex;gap:.6rem;justify-content:center;margin-top:.8rem}.actions button:disabled{opacity:.35;cursor:default}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1.5rem;background:#0c1118f0;border-radius:12px;overflow-y:auto}.overlay[hidden]{display:none}.overlay-msg{color:var(--text);line-height:1.6;max-width:34rem}.overlay-msg .rule{color:var(--muted);font-size:.85rem;margin:.4rem 0}
