@import url('../_shared/arcade.css?v=20260607c');
:root{ --accent:#ffd24a; --accent2:#b16cff; --gold:#ffd24a; }
.game-shell{ background:radial-gradient(circle at 50% 8%,#1b0f3a 0%,#120a26 45%,#0a0512 100%); }
.poker{position:absolute;inset:0;z-index:16;display:flex;flex-direction:column;justify-content:center;gap:16px;
  padding:max(64px,calc(60px + var(--safe-top))) 12px max(16px,var(--safe-bottom));pointer-events:none}
.poker.hidden{display:none}
.poker>*{pointer-events:auto}
.p-last{text-align:center;font-weight:900;font-size:clamp(1.1rem,4.5vw,1.6rem);min-height:1.4em;color:var(--gold);text-shadow:0 0 18px rgba(255,210,74,.5)}
.p-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:440px;margin:0 auto;width:100%}
@media(min-width:520px){.p-cards{grid-template-columns:repeat(7,1fr);max-width:560px}}
.card{aspect-ratio:2.5/3.5;border-radius:12px;background:#f6f5ff;border:2px solid #cfcae6;position:relative;
  display:flex;align-items:center;justify-content:center;font-weight:900;cursor:pointer;transition:transform .1s,box-shadow .15s,border-color .15s;overflow:hidden}
.card .rank{position:absolute;top:5px;left:7px;font-size:clamp(.85rem,3.4vw,1.15rem);line-height:1}
.card .suit{font-size:clamp(1.4rem,7vw,2.2rem)}
.card.red{color:#e0244e}.card.black{color:#1a1430}
.card.sel{transform:translateY(-10px);border-color:var(--gold);box-shadow:0 10px 26px rgba(255,210,74,.45)}
.card:active{transform:scale(.97)}
.card.deal{animation:deal .3s ease}
@keyframes deal{from{transform:translateY(24px) scale(.9);opacity:0}to{transform:none;opacity:1}}
.p-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.p-btn{min-height:50px;padding:0 1.4rem;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-weight:900;font-size:.95rem}
.p-submit{border:none;background:linear-gradient(135deg,var(--gold),#ff9a3d);color:#1a1206}
.p-submit:disabled{opacity:.4;cursor:not-allowed}
.p-redraw:disabled{opacity:.4;cursor:not-allowed}