:root{
    --bg:#0c1320; --panel:#142033; --panel2:#1b2c44; --line:#2a3f5c;
    --txt:#e8eef7; --muted:#8aa0bd; --accent:#36d399; --accent2:#4ea8ff;
    --red:#ff5d6c; --gold:#ffcb52; --green:#36d399; --warn:#ffae42;
  }
  *{box-sizing:border-box;}
  body{margin:0;background:radial-gradient(1200px 700px at 50% -10%, #16314f 0%, var(--bg) 60%);color:var(--txt);
    font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh;}
  h1,h2,h3{margin:0 0 8px;font-weight:700;}
  button{font-family:inherit;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;
    background:var(--panel2);color:var(--txt);transition:.15s;border:1px solid var(--line);}
  button:hover:not(:disabled){background:#244064;transform:translateY(-1px);}
  button:disabled{opacity:.4;cursor:not-allowed;}
  button.primary{background:linear-gradient(180deg,#3ad29a,#23a877);color:#04231a;font-weight:700;border:none;}
  button.danger{background:linear-gradient(180deg,#ff6b78,#e23b4c);color:#2a0006;font-weight:700;border:none;}
  button.warn{background:linear-gradient(180deg,#ffc24d,#f0a519);color:#2a1a00;font-weight:700;border:none;}
  input,select{font-family:inherit;background:#0e1828;color:var(--txt);border:1px solid var(--line);
    border-radius:8px;padding:8px 10px;font-size:14px;}
  .wrap{max-width:1380px;margin:0 auto;padding:18px;}
  .disclaimer{font-size:12px;color:var(--muted);text-align:center;padding:6px;}

  #setup{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;max-width:920px;margin:24px auto;}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;}
  .field{display:flex;flex-direction:column;gap:6px;}
  .field label{font-size:12px;color:var(--muted);}
  .players-list{margin-top:10px;}
  .prow,.phead{display:grid;grid-template-columns:40px 1fr 110px 120px;gap:6px;align-items:center;padding:5px 10px;}
  .phead{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);margin-bottom:4px;}
  .prow{background:var(--panel2);border-radius:6px;border:1px solid var(--line);margin-bottom:4px;}
  .prow .pseat{font-size:11px;color:var(--muted);text-align:center;width:30px;height:20px;line-height:20px;background:#0e1828;border:1px solid var(--line);border-radius:4px;margin:0 auto;}
  .feat-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:6px;}
  .feat-row label{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--txt);}

  #game{display:none;}
  .layout{display:grid;grid-template-columns:1fr 280px;gap:14px;align-items:start;}
  @media(max-width:1100px){.layout{grid-template-columns:1fr;}}
  #table{position:relative;height:600px;background:
      radial-gradient(60% 60% at 50% 45%, #1f6b46 0%, #14502f 55%, #0d3a22 100%);
    border:10px solid #5a3a1c;border-radius:50%/42%;box-shadow:inset 0 0 60px rgba(0,0,0,.5),0 10px 40px rgba(0,0,0,.5);}
  #community{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;gap:8px;z-index:5;}
  #pot{position:absolute;top:24%;left:50%;transform:translateX(-50%);text-align:center;z-index:5;
    background:rgba(0,0,0,.45);padding:6px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.15);}
  #pot .amt{font-size:22px;font-weight:800;color:var(--gold);}
  #stage{position:absolute;top:14%;left:50%;transform:translateX(-50%);z-index:5;color:#cdebd9;font-size:13px;letter-spacing:1px;}
  .seat{position:absolute;transform:translate(-50%,-50%);width:165px;background:rgba(8,16,28,.92);
    border:1px solid var(--line);border-radius:12px;padding:8px;z-index:6;transition:.2s;}
  .seat.active{box-shadow:0 0 0 3px var(--accent2),0 0 22px rgba(78,168,255,.6);border-color:var(--accent2);}
  .seat.folded{opacity:.4;filter:grayscale(.6);}
  .seat.winner{box-shadow:0 0 0 3px var(--gold),0 0 26px rgba(255,203,82,.7);border-color:var(--gold);}
  .seat .name{font-size:13px;font-weight:700;display:flex;justify-content:space-between;align-items:center;}
  .seat .chips{font-size:12px;color:var(--gold);}
  .seat .cards{display:flex;gap:4px;margin-top:6px;min-height:42px;}
  .seat .meta{font-size:11px;color:var(--muted);margin-top:4px;min-height:14px;}
  .badge{font-size:10px;padding:1px 6px;border-radius:20px;background:#2a3f5c;color:#cfe;}
  .badge.btn{background:var(--gold);color:#2a1a00;font-weight:700;}

  .card{width:30px;height:42px;border-radius:5px;background:#f7fafc;color:#111;position:relative;
    font-weight:800;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid #cfd8e3;}
  .card-mini{width:24px;height:34px;font-size:12px;}
  .card-mini .s{font-size:9px;top:1px;left:2px;}
  .card-mini .r{font-size:13px;}
  .card .s{position:absolute;top:1px;left:3px;font-size:11px;}
  .card .r{font-size:16px;}
  .card.red{color:#d4253b;}
  .card.back{background:repeating-linear-gradient(45deg,#1b3a6b,#1b3a6b 4px,#27538f 4px,#27538f 8px);color:transparent;border:1px solid #0d2240;}
  @keyframes flipCard {
    0%{transform:perspective(400px) rotateY(180deg) scaleX(-1);}
    40%{transform:perspective(400px) rotateY(90deg) scaleX(0);}
    100%{transform:perspective(400px) rotateY(0deg) scaleX(1);}
  }
  .card-flip{animation:flipCard .7s ease-in-out;backface-visibility:hidden;}
  .ccard-stack{display:flex;gap:4px;}
  .ccard{width:40px;height:56px;font-size:18px;}
  .ccard .s{font-size:14px;top:2px;left:4px;}
  .ccard .r{font-size:20px;}

  .panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:14px;}
  .panel h3{font-size:14px;color:var(--accent2);border-bottom:1px solid var(--line);padding-bottom:6px;}
  #controls .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px;}
  #controls .info{font-size:13px;color:var(--muted);line-height:1.6;}
  #controls .info b{color:var(--txt);}
  .raise-box{margin-top:10px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;}
  .raise-box input[type=range]{width:100%;}
  .raise-vals{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:4px;}
  .quick{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
  .quick button{padding:6px 10px;font-size:12px;}
  .hint{margin-top:10px;background:#13314a;border-left:3px solid var(--accent2);padding:8px 10px;border-radius:8px;font-size:13px;color:#d6ecff;}
  .prob{margin-top:10px;font-size:13px;}
  .prob .bar{height:10px;background:#0e1828;border-radius:6px;overflow:hidden;margin-top:4px;border:1px solid var(--line);}
  .prob .bar > i{display:block;height:100%;background:linear-gradient(90deg,#36d399,#4ea8ff);}
  #log{font-size:12px;color:var(--muted);max-height:320px;overflow:auto;line-height:1.7;font-family:ui-monospace,Menlo,Consolas,monospace;}
  #log .me{color:var(--accent);}
  #log .ai{color:var(--muted);}
  #tableLog{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:170px;max-height:110px;
    overflow-y:auto;z-index:10;pointer-events:auto;}
  #tableLog > div{font-size:11px;line-height:1.4;color:rgba(255,255,255,.7);text-shadow:0 1px 3px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1px 0;}
  #tableLog .me{color:var(--accent);font-weight:600;}
  #tableLog .ai{color:rgba(255,255,255,.65);}
  table.stats{width:100%;border-collapse:collapse;font-size:12px;}
  table.stats th,table.stats td{border-bottom:1px solid var(--line);padding:5px 4px;text-align:center;}
  table.stats th{color:var(--muted);font-weight:600;}

  #overlay{position:fixed;inset:0;background:transparent;display:none;align-items:center;justify-content:center;z-index:50;}
  #overlay .box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;max-width:360px;width:auto;font-size:13px;box-shadow:0 4px 24px rgba(0,0,0,.4);}
  #overlay .box h2{color:var(--gold);font-size:16px;margin:0 0 4px;}
  #overlay .box .res-line{font-size:12px;margin:3px 0;}
  #overlay .box .res-pot{background:var(--panel2);border-radius:6px;padding:5px 8px;margin:4px 0;font-size:12px;}
  #overlay .box button{padding:6px 12px;font-size:12px;}
  #overlay .box .tag{font-size:10px;padding:1px 5px;}
  #overlay .box .small{font-size:10px;}
  .topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
  .topbar .left{font-size:13px;color:var(--muted);}
  .small{font-size:12px;color:var(--muted);}
  .tag{display:inline-block;font-size:11px;background:#234;color:#bfe;border-radius:6px;padding:2px 7px;margin-left:6px;}