/* ========================================
   POKER — CASINO TABLE THEME
   ======================================== */

/* — Page — */
body {
  height: 100vh;
  margin: 0;
  display: flex;
  flex-direction: column;
  background: #090a0f;
  overflow: hidden;
  user-select: none;
}

/* ========================================
   STARFIELD BACKGROUND
   ======================================== */
.starfield {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
  border-radius: inherit;
}
.starfield .stars-sm {
  width: 1px; height: 1px; background: transparent;
  box-shadow:
    501px 811px #fff, 1450px 1324px #fff, 1093px 1780px #fff, 1469px 678px #fff,
    904px 741px #fff, 1160px 781px #fff, 1841px 1962px #fff, 1630px 1667px #fff,
    1788px 676px #fff, 367px 1734px #fff, 1343px 156px #fff, 1283px 1142px #fff,
    1062px 378px #fff, 1395px 467px #fff, 1017px 1891px #fff, 137px 1114px #fff,
    1767px 1403px #fff, 1543px 11px #fff, 1078px 181px #fff, 1189px 1574px #fff,
    1697px 1551px #fff, 439px 472px #fff, 1491px 677px #fff, 1364px 599px #fff,
    34px 382px #fff, 1221px 1584px #fff, 1266px 1499px #fff, 169px 1907px #fff,
    1219px 1125px #fff, 659px 18px #fff, 1731px 1959px #fff, 332px 1216px #fff,
    1913px 788px #fff, 80px 712px #fff, 326px 1605px #fff, 574px 1502px #fff,
    473px 1653px #fff, 404px 975px #fff, 322px 1797px #fff, 425px 1321px #fff,
    1121px 1797px #fff, 731px 647px #fff, 891px 1584px #fff, 1523px 109px #fff,
    1379px 244px #fff, 865px 1064px #fff, 493px 956px #fff, 624px 1380px #fff,
    440px 619px #fff, 1630px 767px #fff, 955px 1196px #fff, 62px 729px #fff,
    126px 946px #fff, 1256px 896px #fff, 1444px 256px #fff, 661px 1628px #fff,
    1078px 1716px #fff, 300px 737px #fff, 1734px 413px #fff, 1296px 129px #fff,
    1771px 1678px #fff, 977px 1764px #fff, 1879px 549px #fff, 665px 1531px #fff,
    89px 701px #fff, 1084px 1183px #fff, 1597px 1576px #fff, 1354px 1774px #fff,
    554px 1471px #fff, 1469px 287px #fff, 887px 106px #fff, 1962px 766px #fff,
    638px 805px #fff, 1651px 741px #fff, 1517px 1826px #fff, 24px 1152px #fff,
    507px 558px #fff, 1262px 652px #fff, 246px 1048px #fff, 1077px 421px #fff,
    1866px 1847px #fff, 1986px 1561px #fff, 704px 632px #fff, 1991px 1875px #fff,
    1227px 395px #fff, 45px 1116px #fff, 247px 786px #fff, 890px 607px #fff,
    787px 1235px #fff, 557px 524px #fff, 1582px 1285px #fff, 1725px 1366px #fff,
    952px 747px #fff, 251px 458px #fff, 1500px 1250px #fff, 1999px 1734px #fff,
    1336px 1955px #fff, 1705px 1464px #fff, 728px 697px #fff, 594px 510px #fff,
    1345px 1990px #fff, 1919px 1803px #fff, 1117px 966px #fff, 1629px 97px #fff,
    1046px 1196px #fff, 810px 1092px #fff, 722px 976px #fff, 406px 18px #fff,
    1665px 1860px #fff, 1758px 1628px #fff, 1183px 463px #fff, 564px 239px #fff,
    13px 1767px #fff, 1482px 1472px #fff, 1700px 347px #fff, 1362px 244px #fff,
    1141px 1708px #fff, 22px 885px #fff, 374px 1309px #fff, 1034px 1037px #fff,
    1725px 1086px #fff, 1343px 1921px #fff, 596px 903px #fff, 1061px 478px #fff,
    18px 1409px #fff, 729px 1364px #fff, 264px 911px #fff, 677px 1442px #fff,
    123px 33px #fff, 1303px 646px #fff, 1945px 792px #fff, 1305px 938px #fff,
    918px 1536px #fff, 620px 948px #fff, 183px 646px #fff, 695px 687px #fff,
    881px 272px #fff, 1521px 1212px #fff, 1423px 1022px #fff, 1545px 1271px #fff,
    1393px 348px #fff, 685px 1910px #fff, 1446px 856px #fff, 73px 1201px #fff,
    736px 999px #fff, 673px 796px #fff, 469px 850px #fff, 1912px 142px #fff,
    1278px 664px #fff, 184px 1990px #fff, 1173px 1312px #fff, 782px 1879px #fff,
    323px 1035px #fff, 611px 908px #fff, 565px 1449px #fff, 748px 1713px #fff,
    1047px 490px #fff, 1040px 1872px #fff, 1818px 1659px #fff, 1806px 1327px #fff,
    386px 575px #fff, 1550px 463px #fff, 148px 687px #fff, 651px 1683px #fff,
    1588px 1194px #fff, 1831px 2px #fff, 581px 876px #fff, 1396px 1743px #fff,
    1212px 1810px #fff, 421px 1920px #fff, 658px 1461px #fff, 1859px 1809px #fff,
    1456px 388px #fff, 186px 1627px #fff, 1528px 1145px #fff, 171px 97px #fff,
    674px 1072px #fff, 676px 1052px #fff, 1165px 1131px #fff, 1088px 781px #fff,
    1231px 948px #fff, 330px 257px #fff, 426px 1046px #fff, 549px 652px #fff,
    1338px 74px #fff, 1749px 364px #fff, 931px 369px #fff, 383px 1428px #fff,
    1558px 389px #fff, 927px 133px #fff, 234px 1888px #fff, 1785px 1617px #fff,
    556px 643px #fff, 401px 275px #fff, 406px 1644px #fff, 1253px 1852px #fff,
    1599px 883px #fff, 744px 1721px #fff, 524px 1297px #fff, 1226px 1177px #fff,
    1679px 55px #fff, 874px 1811px #fff, 838px 790px #fff, 1241px 430px #fff,
    1676px 652px #fff, 1191px 568px #fff, 53px 1990px #fff, 1163px 237px #fff,
    61px 223px #fff, 592px 456px #fff, 1844px 271px #fff, 1324px 1488px #fff,
    1373px 717px #fff, 1822px 709px #fff, 1464px 941px #fff, 1445px 1118px #fff,
    991px 1414px #fff, 1964px 1076px #fff, 108px 172px #fff, 641px 1722px #fff,
    1539px 427px #fff, 1697px 45px #fff, 1301px 1353px #fff, 1060px 329px #fff,
    967px 1396px #fff, 493px 301px #fff, 1228px 1406px #fff, 1211px 1653px #fff,
    444px 1822px #fff, 1746px 353px #fff, 1449px 381px #fff, 671px 887px #fff,
    650px 138px #fff, 30px 1839px #fff, 1094px 1405px #fff, 273px 796px #fff,
    1618px 1964px #fff, 1045px 1849px #fff, 1472px 1155px #fff, 1529px 1312px #fff,
    728px 448px #fff, 44px 1908px #fff, 691px 818px #fff, 254px 293px #fff,
    1981px 1133px #fff, 1307px 375px #fff, 196px 316px #fff, 1241px 1975px #fff,
    1138px 1706px #fff, 1769px 463px #fff, 1768px 1428px #fff, 1730px 590px #fff,
    1780px 523px #fff, 1862px 1526px #fff, 1613px 909px #fff, 1266px 1781px #fff;
  animation: starScroll 50s linear infinite;
}
.starfield .stars-sm::after {
  content: ''; position: absolute; top: 2000px;
  width: 1px; height: 1px; background: transparent;
  box-shadow:
    501px 811px #fff, 1450px 1324px #fff, 1093px 1780px #fff, 1469px 678px #fff,
    904px 741px #fff, 1160px 781px #fff, 1841px 1962px #fff, 1630px 1667px #fff,
    1788px 676px #fff, 367px 1734px #fff, 1343px 156px #fff, 1283px 1142px #fff,
    1062px 378px #fff, 1395px 467px #fff, 1017px 1891px #fff, 137px 1114px #fff,
    1767px 1403px #fff, 1543px 11px #fff, 1078px 181px #fff, 1189px 1574px #fff,
    1697px 1551px #fff, 439px 472px #fff, 1491px 677px #fff, 1364px 599px #fff,
    34px 382px #fff, 1221px 1584px #fff, 1266px 1499px #fff, 169px 1907px #fff,
    1219px 1125px #fff, 659px 18px #fff, 1731px 1959px #fff, 332px 1216px #fff,
    1913px 788px #fff, 80px 712px #fff, 326px 1605px #fff, 574px 1502px #fff,
    473px 1653px #fff, 404px 975px #fff, 322px 1797px #fff, 425px 1321px #fff,
    1121px 1797px #fff, 731px 647px #fff, 891px 1584px #fff, 1523px 109px #fff,
    1379px 244px #fff, 865px 1064px #fff, 493px 956px #fff, 624px 1380px #fff,
    440px 619px #fff, 1630px 767px #fff, 955px 1196px #fff, 62px 729px #fff,
    126px 946px #fff, 1256px 896px #fff, 1444px 256px #fff, 661px 1628px #fff,
    1078px 1716px #fff, 300px 737px #fff, 1734px 413px #fff, 1296px 129px #fff,
    1771px 1678px #fff, 977px 1764px #fff, 1879px 549px #fff, 665px 1531px #fff,
    89px 701px #fff, 1084px 1183px #fff, 1597px 1576px #fff, 1354px 1774px #fff,
    554px 1471px #fff, 1469px 287px #fff, 887px 106px #fff, 1962px 766px #fff,
    638px 805px #fff, 1651px 741px #fff, 1517px 1826px #fff, 24px 1152px #fff,
    507px 558px #fff, 1262px 652px #fff, 246px 1048px #fff, 1077px 421px #fff,
    1866px 1847px #fff, 1986px 1561px #fff, 704px 632px #fff, 1991px 1875px #fff,
    1227px 395px #fff, 45px 1116px #fff, 247px 786px #fff, 890px 607px #fff,
    787px 1235px #fff, 557px 524px #fff, 1582px 1285px #fff, 1725px 1366px #fff,
    952px 747px #fff, 251px 458px #fff, 1500px 1250px #fff, 1999px 1734px #fff,
    1336px 1955px #fff, 1705px 1464px #fff, 728px 697px #fff, 594px 510px #fff,
    1345px 1990px #fff, 1919px 1803px #fff, 1117px 966px #fff, 1629px 97px #fff,
    1046px 1196px #fff, 810px 1092px #fff, 722px 976px #fff, 406px 18px #fff,
    1665px 1860px #fff, 1758px 1628px #fff, 1183px 463px #fff, 564px 239px #fff,
    13px 1767px #fff, 1482px 1472px #fff, 1700px 347px #fff, 1362px 244px #fff,
    1141px 1708px #fff, 22px 885px #fff, 374px 1309px #fff, 1034px 1037px #fff,
    1725px 1086px #fff, 1343px 1921px #fff, 596px 903px #fff, 1061px 478px #fff,
    18px 1409px #fff, 729px 1364px #fff, 264px 911px #fff, 677px 1442px #fff,
    123px 33px #fff, 1303px 646px #fff, 1945px 792px #fff, 1305px 938px #fff,
    918px 1536px #fff, 620px 948px #fff, 183px 646px #fff, 695px 687px #fff,
    881px 272px #fff, 1521px 1212px #fff, 1423px 1022px #fff, 1545px 1271px #fff,
    1393px 348px #fff, 685px 1910px #fff, 1446px 856px #fff, 73px 1201px #fff,
    736px 999px #fff, 673px 796px #fff, 469px 850px #fff, 1912px 142px #fff,
    1278px 664px #fff, 184px 1990px #fff, 1173px 1312px #fff, 782px 1879px #fff,
    323px 1035px #fff, 611px 908px #fff, 565px 1449px #fff, 748px 1713px #fff,
    1047px 490px #fff, 1040px 1872px #fff, 1818px 1659px #fff, 1806px 1327px #fff,
    386px 575px #fff, 1550px 463px #fff, 148px 687px #fff, 651px 1683px #fff,
    1588px 1194px #fff, 1831px 2px #fff, 581px 876px #fff, 1396px 1743px #fff,
    1212px 1810px #fff, 421px 1920px #fff, 658px 1461px #fff, 1859px 1809px #fff,
    1456px 388px #fff, 186px 1627px #fff, 1528px 1145px #fff, 171px 97px #fff,
    674px 1072px #fff, 676px 1052px #fff, 1165px 1131px #fff, 1088px 781px #fff,
    1231px 948px #fff, 330px 257px #fff, 426px 1046px #fff, 549px 652px #fff,
    1338px 74px #fff, 1749px 364px #fff, 931px 369px #fff, 383px 1428px #fff,
    1558px 389px #fff, 927px 133px #fff, 234px 1888px #fff, 1785px 1617px #fff,
    556px 643px #fff, 401px 275px #fff, 406px 1644px #fff, 1253px 1852px #fff,
    1599px 883px #fff, 744px 1721px #fff, 524px 1297px #fff, 1226px 1177px #fff,
    1679px 55px #fff, 874px 1811px #fff, 838px 790px #fff, 1241px 430px #fff,
    1676px 652px #fff, 1191px 568px #fff, 53px 1990px #fff, 1163px 237px #fff,
    61px 223px #fff, 592px 456px #fff, 1844px 271px #fff, 1324px 1488px #fff,
    1373px 717px #fff, 1822px 709px #fff, 1464px 941px #fff, 1445px 1118px #fff,
    991px 1414px #fff, 1964px 1076px #fff, 108px 172px #fff, 641px 1722px #fff,
    1539px 427px #fff, 1697px 45px #fff, 1301px 1353px #fff, 1060px 329px #fff,
    967px 1396px #fff, 493px 301px #fff, 1228px 1406px #fff, 1211px 1653px #fff,
    444px 1822px #fff, 1746px 353px #fff, 1449px 381px #fff, 671px 887px #fff,
    650px 138px #fff, 30px 1839px #fff, 1094px 1405px #fff, 273px 796px #fff,
    1618px 1964px #fff, 1045px 1849px #fff, 1472px 1155px #fff, 1529px 1312px #fff,
    728px 448px #fff, 44px 1908px #fff, 691px 818px #fff, 254px 293px #fff,
    1981px 1133px #fff, 1307px 375px #fff, 196px 316px #fff, 1241px 1975px #fff,
    1138px 1706px #fff, 1769px 463px #fff, 1768px 1428px #fff, 1730px 590px #fff,
    1780px 523px #fff, 1862px 1526px #fff, 1613px 909px #fff, 1266px 1781px #fff;
}
.starfield .stars-md {
  width: 2px; height: 2px; background: transparent;
  box-shadow:
    1925px 1320px #fff, 693px 1778px #fff, 1016px 711px #fff, 1171px 563px #fff,
    661px 1919px #fff, 1610px 44px #fff, 1275px 140px #fff, 1208px 1802px #fff,
    1473px 1587px #fff, 11px 1117px #fff, 853px 1757px #fff, 1149px 937px #fff,
    1353px 428px #fff, 270px 279px #fff, 258px 1404px #fff, 417px 1188px #fff,
    286px 561px #fff, 393px 1765px #fff, 147px 881px #fff, 666px 1097px #fff,
    1425px 1278px #fff, 806px 156px #fff, 1252px 561px #fff, 218px 52px #fff,
    1371px 1980px #fff, 171px 745px #fff, 1424px 89px #fff, 137px 244px #fff,
    939px 1922px #fff, 137px 1080px #fff, 1757px 50px #fff, 904px 536px #fff,
    1938px 1001px #fff, 1172px 440px #fff, 72px 1475px #fff, 102px 121px #fff,
    804px 1671px #fff, 1314px 270px #fff, 440px 1341px #fff, 1216px 511px #fff,
    1061px 1523px #fff, 97px 274px #fff, 704px 1318px #fff, 52px 1872px #fff,
    1962px 296px #fff, 111px 289px #fff, 1157px 1236px #fff, 1347px 1451px #fff,
    820px 286px #fff, 1389px 1169px #fff, 644px 841px #fff, 1286px 522px #fff,
    955px 659px #fff, 428px 1805px #fff, 237px 557px #fff, 1689px 1058px #fff,
    636px 1882px #fff, 1349px 1664px #fff, 1548px 432px #fff, 1841px 504px #fff,
    302px 252px #fff, 827px 1765px #fff, 620px 123px #fff, 207px 748px #fff,
    1454px 1234px #fff, 1967px 1790px #fff, 542px 33px #fff, 742px 1214px #fff,
    255px 1402px #fff, 74px 1772px #fff, 699px 475px #fff, 980px 1253px #fff,
    534px 1676px #fff, 909px 202px #fff, 1498px 1251px #fff, 1796px 120px #fff,
    1409px 1263px #fff, 1627px 995px #fff, 969px 710px #fff, 1674px 676px #fff,
    1832px 759px #fff, 1623px 563px #fff, 251px 1790px #fff, 96px 1688px #fff,
    886px 239px #fff, 778px 150px #fff, 1767px 430px #fff, 765px 1259px #fff,
    1189px 877px #fff, 444px 1629px #fff, 1560px 324px #fff, 1952px 1097px #fff,
    712px 1173px #fff, 541px 911px #fff, 827px 1420px #fff, 1233px 285px #fff,
    784px 546px #fff, 645px 285px #fff, 1273px 1255px #fff, 1821px 174px #fff;
  animation: starScroll 100s linear infinite;
}
.starfield .stars-md::after {
  content: ''; position: absolute; top: 2000px;
  width: 2px; height: 2px; background: transparent;
  box-shadow:
    1925px 1320px #fff, 693px 1778px #fff, 1016px 711px #fff, 1171px 563px #fff,
    661px 1919px #fff, 1610px 44px #fff, 1275px 140px #fff, 1208px 1802px #fff,
    1473px 1587px #fff, 11px 1117px #fff, 853px 1757px #fff, 1149px 937px #fff,
    1353px 428px #fff, 270px 279px #fff, 258px 1404px #fff, 417px 1188px #fff,
    286px 561px #fff, 393px 1765px #fff, 147px 881px #fff, 666px 1097px #fff,
    1425px 1278px #fff, 806px 156px #fff, 1252px 561px #fff, 218px 52px #fff,
    1371px 1980px #fff, 171px 745px #fff, 1424px 89px #fff, 137px 244px #fff,
    939px 1922px #fff, 137px 1080px #fff, 1757px 50px #fff, 904px 536px #fff,
    1938px 1001px #fff, 1172px 440px #fff, 72px 1475px #fff, 102px 121px #fff,
    804px 1671px #fff, 1314px 270px #fff, 440px 1341px #fff, 1216px 511px #fff,
    1061px 1523px #fff, 97px 274px #fff, 704px 1318px #fff, 52px 1872px #fff,
    1962px 296px #fff, 111px 289px #fff, 1157px 1236px #fff, 1347px 1451px #fff,
    820px 286px #fff, 1389px 1169px #fff, 644px 841px #fff, 1286px 522px #fff,
    955px 659px #fff, 428px 1805px #fff, 237px 557px #fff, 1689px 1058px #fff,
    636px 1882px #fff, 1349px 1664px #fff, 1548px 432px #fff, 1841px 504px #fff,
    302px 252px #fff, 827px 1765px #fff, 620px 123px #fff, 207px 748px #fff,
    1454px 1234px #fff, 1967px 1790px #fff, 542px 33px #fff, 742px 1214px #fff,
    255px 1402px #fff, 74px 1772px #fff, 699px 475px #fff, 980px 1253px #fff,
    534px 1676px #fff, 909px 202px #fff, 1498px 1251px #fff, 1796px 120px #fff,
    1409px 1263px #fff, 1627px 995px #fff, 969px 710px #fff, 1674px 676px #fff,
    1832px 759px #fff, 1623px 563px #fff, 251px 1790px #fff, 96px 1688px #fff,
    886px 239px #fff, 778px 150px #fff, 1767px 430px #fff, 765px 1259px #fff,
    1189px 877px #fff, 444px 1629px #fff, 1560px 324px #fff, 1952px 1097px #fff,
    712px 1173px #fff, 541px 911px #fff, 827px 1420px #fff, 1233px 285px #fff,
    784px 546px #fff, 645px 285px #fff, 1273px 1255px #fff, 1821px 174px #fff;
}
.starfield .stars-lg {
  width: 3px; height: 3px; background: transparent;
  box-shadow:
    200px 981px #fff, 1731px 521px #fff, 132px 1039px #fff, 1888px 1547px #fff,
    899px 1226px #fff, 1887px 580px #fff, 1548px 1092px #fff, 1626px 689px #fff,
    254px 1072px #fff, 1684px 1211px #fff, 672px 1267px #fff, 939px 668px #fff,
    1969px 645px #fff, 1126px 983px #fff, 457px 568px #fff, 476px 876px #fff,
    829px 1896px #fff, 1364px 1846px #fff, 1507px 1120px #fff, 936px 1948px #fff,
    1833px 832px #fff, 1424px 285px #fff, 1377px 1596px #fff, 432px 153px #fff,
    1348px 1410px #fff, 1529px 954px #fff, 1102px 387px #fff, 264px 297px #fff,
    811px 977px #fff, 1931px 673px #fff, 1734px 978px #fff, 1772px 1567px #fff,
    1197px 1400px #fff, 764px 282px #fff, 1103px 822px #fff, 872px 1803px #fff,
    1057px 1763px #fff, 52px 1299px #fff, 1312px 1236px #fff, 235px 1082px #fff,
    299px 1086px #fff, 1017px 1602px #fff, 1950px 626px #fff, 1306px 132px #fff,
    1358px 1618px #fff, 1873px 1718px #fff, 1447px 940px #fff, 1888px 1195px #fff,
    1704px 1765px #fff, 872px 1357px #fff;
  animation: starScroll 150s linear infinite;
}
.starfield .stars-lg::after {
  content: ''; position: absolute; top: 2000px;
  width: 3px; height: 3px; background: transparent;
  box-shadow:
    200px 981px #fff, 1731px 521px #fff, 132px 1039px #fff, 1888px 1547px #fff,
    899px 1226px #fff, 1887px 580px #fff, 1548px 1092px #fff, 1626px 689px #fff,
    254px 1072px #fff, 1684px 1211px #fff, 672px 1267px #fff, 939px 668px #fff,
    1969px 645px #fff, 1126px 983px #fff, 457px 568px #fff, 476px 876px #fff,
    829px 1896px #fff, 1364px 1846px #fff, 1507px 1120px #fff, 936px 1948px #fff,
    1833px 832px #fff, 1424px 285px #fff, 1377px 1596px #fff, 432px 153px #fff,
    1348px 1410px #fff, 1529px 954px #fff, 1102px 387px #fff, 264px 297px #fff,
    811px 977px #fff, 1931px 673px #fff, 1734px 978px #fff, 1772px 1567px #fff,
    1197px 1400px #fff, 764px 282px #fff, 1103px 822px #fff, 872px 1803px #fff,
    1057px 1763px #fff, 52px 1299px #fff, 1312px 1236px #fff, 235px 1082px #fff,
    299px 1086px #fff, 1017px 1602px #fff, 1950px 626px #fff, 1306px 132px #fff,
    1358px 1618px #fff, 1873px 1718px #fff, 1447px 940px #fff, 1888px 1195px #fff,
    1704px 1765px #fff, 872px 1357px #fff;
}
@keyframes starScroll {
  from { transform: translateY(0); }
  to { transform: translateY(-2000px); }
}

/* ========================================
   HEADER
   ======================================== */
.pk-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 24px;
  flex: none;
  position: relative;
  z-index: 10;
}

.pk-back-btn {
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  font-size: 13px;
  font-family: var(--font-heading);
  transition: color 0.2s;
}
.pk-back-btn:hover { color: rgba(255,255,255,0.7); }

.pk-header-info {
  display: flex;
  align-items: baseline;
  gap: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 10px;
  padding: 6px 16px;
}
.pk-bankroll-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.35);
}
.pk-bankroll-val {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 20px;
  color: #fff;
}
.pk-bankroll-val::before {
  content: '$';
  font-size: 14px;
  opacity: 0.5;
  margin-right: 1px;
}

/* ========================================
   THE TABLE
   ======================================== */
.pk-table {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 98%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 40px 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 100px / 28%;
  background: radial-gradient(ellipse at bottom, #321b35 0%, #090a0f 100%);
  border: 12px solid #1c1f35;
  box-shadow:
    inset 0 0 120px rgba(0,0,0,0.2),
    inset 0 0 0 3px rgba(180,160,90,0.12),
    0 0 0 2px #0a0c16,
    0 0 0 6px #2a2d48,
    0 0 0 8px #0a0c16,
    0 12px 48px rgba(0,0,0,0.5);
}

/* ========================================
   PLAYER SEATS
   ======================================== */
.pk-seat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 1;
  position: relative;
}

.pk-seat.folded { opacity: 0.35; }
.pk-seat.winner .pk-name-row {
  color: #6fdb8f;
  text-shadow: 0 0 8px rgba(111,219,143,0.4);
}

/* — Name row — */
.pk-name-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.pk-dealer-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(180deg, #f5d87a 0%, #c9a836 100%);
  color: #1a1a2e;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
  text-shadow: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}

/* — Cards in seats — */
.pk-cards {
  display: flex;
  gap: 6px;
  justify-content: center;
  perspective: 1000px;
}

/* — Seat meta info — */
.pk-seat-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-heading);
  font-size: 11px;
  color: rgba(255,255,255,0.6);
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
}

.pk-chips-text {
  color: #f5d87a;
  font-weight: 600;
}

.pk-bet-text {
  display: inline-block;
  background: rgba(0,0,0,0.45);
  border-radius: 8px;
  padding: 1px 8px;
  color: #fff;
  font-size: 10px;
}
.pk-bet-text:empty { display: none; }

.pk-status-text {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.5);
}
.pk-status-text.status-folded { color: #e88; }
.pk-status-text.status-allin { color: #f5d87a; }
.pk-status-text.status-hand { color: #6fdb8f; }

/* ========================================
   TABLE LAYOUT — POKER POSITIONS
   ======================================== */

/* Opponents row — all 3 AI in one line */
.pk-opponents {
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
  z-index: 1;
  gap: 12px;
  padding: 0 24px;
}

/* AI seat card sizes */
.pk-seat-ai .playing-card {
  width: 52px;
  height: 74px;
  border-radius: 6px;
}
.pk-seat-ai .pc-rank { font-size: 9px; }
.pk-seat-ai .pc-suit { font-size: 7px; }
.pk-seat-ai .pc-pip { font-size: 9px; }
.pk-seat-ai .pc-pip-ace { font-size: 20px; }
.pk-seat-ai .pc-face-letter { font-size: 14px; }
.pk-seat-ai .pc-face-suit { font-size: 9px; }
.pk-seat-ai .pc-face-art { padding: 2px 4px; }
.pk-seat-ai .pc-center {
  top: 12px;
  bottom: 12px;
  left: 6px;
  right: 6px;
}
.pk-seat-ai .pc-corner { top: 3px; left: 4px; }
.pk-seat-ai .pc-corner-b { bottom: 3px; right: 4px; }
.pk-seat-ai .pk-cards { gap: 4px; }

/* ========================================
   COMMUNITY CARDS AREA
   ======================================== */
.pk-center-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  flex: 0 0 auto;
  max-width: 600px;
}

.pk-community {
  display: flex;
  gap: 6px;
  justify-content: center;
  perspective: 1000px;
  min-height: 0;
}

.pk-community .playing-card {
  width: 62px;
  height: 88px;
}
.pk-community .pc-rank { font-size: 11px; }
.pk-community .pc-suit { font-size: 8px; }
.pk-community .pc-pip { font-size: 11px; }
.pk-community .pc-pip-ace { font-size: 24px; }
.pk-community .pc-face-letter { font-size: 16px; }
.pk-community .pc-face-suit { font-size: 10px; }
.pk-community .pc-face-art { padding: 3px 5px; }
.pk-community .pc-center {
  top: 14px;
  bottom: 14px;
  left: 8px;
  right: 8px;
}
.pk-community .pc-corner { top: 3px; left: 5px; }
.pk-community .pc-corner-b { bottom: 3px; right: 5px; }

.pk-community .playing-card.placeholder {
  opacity: 0.15;
}
.pk-seat .playing-card.placeholder {
  opacity: 0.15;
}

/* ========================================
   POT DISPLAY
   ======================================== */
.pk-pot-display {
  display: flex;
  align-items: baseline;
  gap: 8px;
  background: rgba(0,0,0,0.45);
  border-radius: 10px;
  padding: 3px 14px;
}

.pk-pot-label {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,0.35);
  font-family: var(--font-heading);
}

.pk-pot-val {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
}
.pk-pot-val::before {
  content: '$';
  font-size: 12px;
  opacity: 0.5;
  margin-right: 1px;
}

/* ========================================
   SIDE BETS
   ======================================== */
.pk-side-bets {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 20px;
  z-index: 1;
  margin: 4px 0;
}

.pk-spot-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
}

.pk-spot-payouts {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  font-family: var(--font-heading);
  font-size: 10px;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
  letter-spacing: 0.04em;
  white-space: nowrap;
  pointer-events: none;
  margin-bottom: 4px;
}

.pk-bet-spot {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px dashed rgba(255,255,255,0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}

.pk-bet-spot.active {
  border-color: rgba(124,109,216,0.5);
  box-shadow: 0 0 14px rgba(124,109,216,0.25);
}

.pk-bet-spot.has-bet {
  border-style: solid;
  border-color: rgba(255,255,255,0.2);
  background: rgba(0,0,0,0.3);
}

.pk-bet-spot.has-bet.active {
  border-color: rgba(124,109,216,0.6);
}

.pk-side-bets .spot-label {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
  font-family: var(--font-heading);
  position: absolute;
  bottom: -16px;
  white-space: nowrap;
  pointer-events: none;
}

.spot-chips {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  pointer-events: none;
}

.spot-chip {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px dashed var(--sc-edge);
  background: var(--sc-bg);
  flex-shrink: 0;
  position: relative;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    inset 0 -1px 0 rgba(0,0,0,0.15),
    0 1px 3px rgba(0,0,0,0.4);
}
.spot-chip::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.08);
  pointer-events: none;
}
.spot-chip + .spot-chip {
  margin-top: -20px;
}
.spot-chip-5   { --sc-bg: #1565c0; --sc-edge: #64b5f6; }
.spot-chip-25  { --sc-bg: #2e7d32; --sc-edge: #81c784; }
.spot-chip-100 { --sc-bg: #7b1fa2; --sc-edge: #ce93d8; }

.spot-val {
  font-size: 9px;
  font-family: var(--font-heading);
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  text-shadow: 0 0 4px rgba(0,0,0,0.9), 0 0 8px rgba(0,0,0,0.7), 0 1px 2px rgba(0,0,0,1);
  z-index: 2;
}
.spot-val:empty { display: none; }

/* — Side-bet result flash — */
.pk-side-result {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 9px;
  font-family: var(--font-heading);
  font-weight: 600;
  white-space: nowrap;
  pointer-events: none;
  animation: side-flash 2.5s ease forwards;
}
.pk-side-result.side-win { color: #6fdb8f; }
.pk-side-result.side-lose { color: #e88; }

@keyframes side-flash {
  0%   { opacity: 0; transform: translateX(-50%) translateY(4px); }
  15%  { opacity: 1; transform: translateX(-50%) translateY(0); }
  75%  { opacity: 1; }
  100% { opacity: 0; }
}

/* ========================================
   YOUR SEAT (PLAYER)
   ======================================== */
.pk-your-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  z-index: 1;
}

.pk-seat-you .playing-card {
  width: 66px;
  height: 94px;
}
.pk-seat-you .pc-rank { font-size: 12px; }
.pk-seat-you .pc-suit { font-size: 9px; }
.pk-seat-you .pc-pip { font-size: 12px; }
.pk-seat-you .pc-pip-ace { font-size: 28px; }
.pk-seat-you .pc-face-letter { font-size: 18px; }
.pk-seat-you .pc-face-suit { font-size: 12px; }
.pk-seat-you .pc-center {
  top: 14px;
  bottom: 14px;
  left: 8px;
  right: 8px;
}
.pk-seat-you .pc-corner { top: 3px; left: 5px; }
.pk-seat-you .pc-corner-b { bottom: 3px; right: 5px; }

/* ========================================
   PLAYING CARDS — 3D FLIP SYSTEM
   ======================================== */
.playing-card {
  width: 130px;
  height: 184px;
  border-radius: 10px;
  position: relative;
  flex: none;
  font-family: var(--font-heading);
  user-select: none;
  color: #1a1a2e;
  transform-style: preserve-3d;
}

.playing-card.red { color: #c0392b; }

/* Face-down state: show back */
.playing-card.face-down {
  transform: rotateY(180deg);
}
.playing-card.face-down .pc-front {
  visibility: hidden;
}

/* Both faces share layout */
.pc-front, .pc-back {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  backface-visibility: hidden;
}

/* Front face */
.pc-front {
  background: linear-gradient(175deg, #fff 0%, #f4f4f8 100%);
  box-shadow:
    0 1px 2px rgba(0,0,0,0.25),
    0 4px 12px rgba(0,0,0,0.2),
    inset 0 0 0 1px rgba(0,0,0,0.06);
}

/* Back face — custom photo */
.pc-back {
  transform: rotateY(180deg);
  background: #000;
  background-size: cover;
  background-position: center;
  box-shadow:
    0 1px 2px rgba(0,0,0,0.25),
    0 4px 12px rgba(0,0,0,0.2),
    inset 0 0 0 1px rgba(255,255,255,0.06);
  overflow: hidden;
}

/* — Corners — */
.pc-corner {
  position: absolute;
  top: 6px;
  left: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1;
  gap: 0;
}
.pc-rank {
  font-size: 17px;
  font-weight: 700;
  display: block;
}
.pc-suit {
  font-size: 14px;
  display: block;
  margin-top: -1px;
}
.pc-corner-b {
  top: auto;
  left: auto;
  bottom: 6px;
  right: 8px;
  transform: rotate(180deg);
}

/* — Center area — */
.pc-center {
  position: absolute;
  top: 24px;
  bottom: 24px;
  left: 18px;
  right: 18px;
}

/* — Pip layout — */
.pc-pip {
  position: absolute;
  font-size: 20px;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.pc-pip-inv {
  transform: translate(-50%, -50%) rotate(180deg);
}
.pc-pip-ace {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 52px;
  line-height: 1;
}

/* — Face cards (J/Q/K) — */
.pc-center.pc-face {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pc-face-art {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  padding: 6px 10px;
  border: 2px solid currentColor;
  border-radius: 4px;
  opacity: 0.55;
}
.pc-face-letter {
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}
.pc-face-suit {
  font-size: 20px;
  line-height: 1;
}

/* ========================================
   CHIP PILE (bankroll visualizer)
   ======================================== */
.pk-chip-pile {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  z-index: 2;
}

.pk-chip-pile .pile-chip {
  width: 24px;
  height: 24px;
}
.pk-chip-pile .pile-chip + .pile-chip {
  margin-left: -16px;
}

.chip-stack {
  display: flex;
  align-items: center;
}

.pile-chip {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px dashed var(--pile-edge);
  background: var(--pile-bg);
  position: relative;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.12),
    inset 0 -1px 0 rgba(0,0,0,0.15),
    0 2px 3px rgba(0,0,0,0.35);
}
.pile-chip::after {
  content: '';
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.08);
  pointer-events: none;
}
.pile-chip + .pile-chip {
  margin-left: -22px;
}

.pile-100 { --pile-bg: #7b1fa2; --pile-edge: #ce93d8; }
.pile-25  { --pile-bg: #2e7d32; --pile-edge: #81c784; }
.pile-5   { --pile-bg: #1565c0; --pile-edge: #64b5f6; }
.pile-1   { --pile-bg: #616161; --pile-edge: #bdbdbd; }

/* ========================================
   MESSAGE
   ======================================== */
.pk-msg {
  font-size: 13px;
  font-family: var(--font-heading);
  font-weight: 500;
  color: rgba(255,255,255,0.7);
  text-align: center;
  min-height: 18px;
  margin: 0;
  padding: 2px 0 0;
  flex: none;
  position: relative;
  z-index: 2;
}
.pk-msg.win { color: #6fdb8f; }
.pk-msg.lose { color: #e88; }

/* ========================================
   CONTROLS BAR
   ======================================== */
.pk-controls {
  padding: 8px 24px 12px;
  display: grid;
  place-items: center;
  min-height: 60px;
  flex: none;
  position: relative;
  z-index: 2;
}

.pk-ctrl-group {
  grid-area: 1 / 1;
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 16px;
  padding: 10px 20px;
  transition: opacity 0.15s, visibility 0.15s;
}

.pk-controls .pk-ctrl-group.hidden {
  display: flex !important;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}

.pk-ctrl-divider {
  width: 1px;
  height: 32px;
  background: rgba(255,255,255,0.08);
  margin: 0 4px;
}

/* — Casino Chips (bet buttons) — */
.pk-chip {
  --chip-bg: #444;
  --chip-edge: #666;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  cursor: pointer;
  border: 3px dashed var(--chip-edge);
  background: var(--chip-bg);
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.15),
    inset 0 -2px 0 rgba(0,0,0,0.2),
    0 4px 8px rgba(0,0,0,0.5);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.pk-chip::after {
  content: '';
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.1);
  pointer-events: none;
}
.pk-chip:hover:not(:disabled) {
  transform: translateY(-3px) scale(1.05);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.2),
    inset 0 -2px 0 rgba(0,0,0,0.2),
    0 8px 16px rgba(0,0,0,0.5);
}
.pk-chip:active:not(:disabled) { transform: translateY(0) scale(0.97); }
.pk-chip:disabled { opacity: 0.35; cursor: not-allowed; }
.pk-chip span {
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.pk-chip-5   { --chip-bg: #1565c0; --chip-edge: #64b5f6; }
.pk-chip-25  { --chip-bg: #2e7d32; --chip-edge: #81c784; }
.pk-chip-100 { --chip-bg: #7b1fa2; --chip-edge: #ce93d8; }

/* — Buttons — */
.pk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  border-radius: 10px;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  border: none;
  transition: all 0.15s ease;
}
.pk-btn:disabled { opacity: 0.4; cursor: not-allowed; }

.pk-btn-accent {
  background: linear-gradient(180deg, #7c6dd8 0%, #6354b8 100%);
  color: #fff;
  box-shadow: 0 2px 8px rgba(108,84,184,0.4);
}
.pk-btn-accent:hover:not(:disabled) {
  background: linear-gradient(180deg, #8d7ee4 0%, #7465c8 100%);
  box-shadow: 0 4px 12px rgba(108,84,184,0.5);
  transform: translateY(-1px);
}
.pk-btn-accent:active:not(:disabled) { transform: translateY(0); }

.pk-btn-outline {
  background: transparent;
  color: rgba(255,255,255,0.6);
  border: 1px solid rgba(255,255,255,0.12);
}
.pk-btn-outline:hover:not(:disabled) {
  background: rgba(255,255,255,0.05);
  color: rgba(255,255,255,0.8);
}

.pk-btn-danger {
  background: transparent;
  color: #e88;
  border: 1px solid rgba(238,136,136,0.25);
}
.pk-btn-danger:hover:not(:disabled) {
  background: rgba(238,136,136,0.08);
}

/* ========================================
   ANIMATIONS
   ======================================== */

/* Deal: card pops in and flips face-up */
@keyframes pk-deal {
  0% {
    transform: scale(0.3) rotateY(180deg);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    transform: scale(1.05) rotateY(90deg);
  }
  100% {
    transform: scale(1) rotateY(0deg);
  }
}

/* Deal face-down: pops in, stays face-down */
@keyframes pk-deal-down {
  0% {
    transform: scale(0.3) rotateY(180deg);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    transform: scale(1) rotateY(180deg);
  }
}

.playing-card.dealing {
  animation: pk-deal 0.6s cubic-bezier(0.25, 0.75, 0.30, 1) forwards;
}

.playing-card.face-down.dealing {
  animation: pk-deal-down 0.5s cubic-bezier(0.25, 0.75, 0.30, 1) forwards;
}

/* Community card reveal */
@keyframes pk-comm-reveal {
  0% {
    transform: translateY(-16px) rotateY(180deg) scale(0.8);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  60% {
    transform: translateY(-4px) rotateY(90deg) scale(1.02);
  }
  100% {
    transform: translateY(0) rotateY(0deg) scale(1);
  }
}

.playing-card.comm-reveal {
  animation: pk-comm-reveal 0.55s cubic-bezier(0.25, 0.75, 0.30, 1) forwards;
}

/* Reveal AI cards at showdown */
.playing-card.revealing {
  transition: transform 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}
.playing-card.revealing .pc-front {
  visibility: visible;
  transition: visibility 0s linear 0.33s;
}

/* Result message pulse */
@keyframes result-pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.04); }
  100% { transform: scale(1); }
}
.pk-msg.win, .pk-msg.lose {
  animation: result-pulse 0.4s ease;
}

/* ========================================
   RESPONSIVE — TABLET
   ======================================== */
@media (max-width: 768px) {
  .pk-table {
    width: 98%;
    padding: 16px 20px 12px;
    border-width: 8px;
    border-radius: 140px / 40%;
  }

  .pk-opponents { gap: 8px; padding: 0 12px; }

  /* Community cards */
  .pk-community { gap: 6px; min-height: 0; }
  .pk-community .playing-card { width: 58px; height: 82px; }
  .pk-community .pc-rank { font-size: 11px; }
  .pk-community .pc-suit { font-size: 8px; }
  .pk-community .pc-pip { font-size: 11px; }
  .pk-community .pc-pip-ace { font-size: 26px; }
  .pk-community .pc-face-letter { font-size: 18px; }
  .pk-community .pc-face-suit { font-size: 11px; }
  .pk-community .pc-center { top: 14px; bottom: 14px; left: 8px; right: 8px; }
  .pk-community .pc-corner { top: 3px; left: 4px; }
  .pk-community .pc-corner-b { bottom: 3px; right: 4px; }

  /* AI seats */
  .pk-seat-ai .playing-card { width: 50px; height: 72px; }
  .pk-seat-ai .pc-rank { font-size: 9px; }
  .pk-seat-ai .pc-suit { font-size: 7px; }
  .pk-seat-ai .pc-pip { font-size: 9px; }
  .pk-seat-ai .pc-pip-ace { font-size: 20px; }
  .pk-seat-ai .pc-face-letter { font-size: 14px; }
  .pk-seat-ai .pc-face-suit { font-size: 9px; }
  .pk-seat-ai .pc-center { top: 10px; bottom: 10px; left: 6px; right: 6px; }

  /* Your cards — same as base, don't upsize */

  /* Side bets */
  .pk-side-bets { gap: 14px; }
  .pk-bet-spot { width: 40px; height: 40px; }
  .pk-spot-payouts { font-size: 8px; }
  .spot-chip { width: 20px; height: 20px; }
  .spot-chip + .spot-chip { margin-top: -17px; }

  .pk-chip { width: 44px; height: 44px; font-size: 13px; }

  .pile-chip { width: 26px; height: 26px; }
  .pile-chip + .pile-chip { margin-left: -18px; }

  .pk-name-row { font-size: 11px; }
  .pk-dealer-chip { width: 17px; height: 17px; font-size: 9px; }
}

/* ========================================
   RESPONSIVE — MOBILE
   ======================================== */
@media (max-width: 480px) {
  body { overflow-y: auto; }

  .pk-header { padding: 8px 14px; }
  .pk-header-info { padding: 4px 12px; gap: 8px; }
  .pk-bankroll-val { font-size: 17px; }
  .pk-bankroll-label { font-size: 9px; }

  .pk-table {
    width: 100%;
    padding: 14px 8px 10px;
    border-width: 6px;
    border-radius: 60px / 24%;
    flex: none;
    box-shadow:
      inset 0 0 80px rgba(0,0,0,0.2),
      inset 0 0 0 2px rgba(180,160,90,0.1),
      0 0 0 2px #0a0c16,
      0 0 0 4px #2a2d48,
      0 8px 32px rgba(0,0,0,0.5);
  }

  .pk-opponents { gap: 4px; padding: 0 4px; }

  /* Community cards */
  .pk-community { gap: 4px; min-height: 72px; }
  .pk-community .playing-card { width: 52px; height: 74px; border-radius: 5px; }
  .pk-community .pc-corner { top: 3px; left: 3px; }
  .pk-community .pc-corner-b { bottom: 3px; right: 3px; }
  .pk-community .pc-rank { font-size: 9px; }
  .pk-community .pc-suit { font-size: 7px; }
  .pk-community .pc-pip { font-size: 9px; }
  .pk-community .pc-pip-ace { font-size: 20px; }
  .pk-community .pc-face-letter { font-size: 13px; }
  .pk-community .pc-face-suit { font-size: 8px; }
  .pk-community .pc-face-art { padding: 3px 4px; }
  .pk-community .pc-center { top: 10px; bottom: 10px; left: 5px; right: 5px; }

  /* AI seats */
  .pk-seat-ai .playing-card { width: 44px; height: 63px; border-radius: 4px; }
  .pk-seat-ai .pc-corner { top: 2px; left: 3px; }
  .pk-seat-ai .pc-corner-b { bottom: 2px; right: 3px; }
  .pk-seat-ai .pc-rank { font-size: 8px; }
  .pk-seat-ai .pc-suit { font-size: 6px; }
  .pk-seat-ai .pc-pip { font-size: 8px; }
  .pk-seat-ai .pc-pip-ace { font-size: 16px; }
  .pk-seat-ai .pc-face-letter { font-size: 11px; }
  .pk-seat-ai .pc-face-suit { font-size: 8px; }
  .pk-seat-ai .pc-face-art { padding: 2px 3px; }
  .pk-seat-ai .pc-center { top: 9px; bottom: 9px; left: 5px; right: 5px; }

  /* Your cards */
  .pk-seat-you .playing-card { width: 58px; height: 82px; border-radius: 5px; }
  .pk-seat-you .pc-corner { top: 3px; left: 4px; }
  .pk-seat-you .pc-corner-b { bottom: 3px; right: 4px; }
  .pk-seat-you .pc-rank { font-size: 10px; }
  .pk-seat-you .pc-suit { font-size: 7px; }
  .pk-seat-you .pc-pip { font-size: 10px; }
  .pk-seat-you .pc-pip-ace { font-size: 22px; }
  .pk-seat-you .pc-face-letter { font-size: 15px; }
  .pk-seat-you .pc-face-suit { font-size: 9px; }
  .pk-seat-you .pc-center { top: 12px; bottom: 12px; left: 6px; right: 6px; }

  /* Side bets */
  .pk-side-bets { gap: 8px; margin: 2px 0; }
  .pk-bet-spot { width: 36px; height: 36px; }
  .pk-spot-payouts { display: none; }
  .pk-side-bets .spot-label { font-size: 7px; bottom: -12px; }
  .spot-chip { width: 16px; height: 16px; }
  .spot-chip + .spot-chip { margin-top: -13px; }
  .spot-chip::after { inset: 2px; }
  .spot-val { font-size: 7px; }

  .pk-pot-display { padding: 2px 10px; }
  .pk-pot-val { font-size: 15px; }
  .pk-pot-label { font-size: 9px; }

  .pk-name-row { font-size: 10px; }
  .pk-dealer-chip { width: 15px; height: 15px; font-size: 8px; }
  .pk-seat-meta { font-size: 9px; gap: 5px; }

  .pk-msg { font-size: 12px; min-height: 18px; }

  .pk-chip-pile { gap: 3px; }
  .pile-chip { width: 22px; height: 22px; }
  .pile-chip + .pile-chip { margin-left: -14px; }
  .pile-chip::after { inset: 2px; }

  .pk-controls { padding: 8px 12px 14px; }
  .pk-ctrl-group { padding: 8px 12px; gap: 8px; border-radius: 12px; }
  .pk-ctrl-divider { height: 28px; }

  .pk-chip { width: 40px; height: 40px; font-size: 12px; border-width: 2.5px; }
  .pk-chip::after { inset: 4px; }

  .pk-btn { padding: 7px 14px; font-size: 13px; border-radius: 8px; }
}

/* ========================================
   UTILITY
   ======================================== */
.hidden { display: none !important; }