.poker-main { padding: 40px 64px 80px; }
      .poker-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:28px; }
      .poker-title { color:var(--yellow); font-size:clamp(44px,8vw,98px); line-height:.92; letter-spacing:-.055em; font-weight:900; max-width:980px; }
      .poker-subtitle { max-width:720px; color:var(--yellow); opacity:.78; font-size:16px; margin-top:14px; }
      .api-panel, .lobby-panel, .state-panel, .history-panel { background:#0a0a0a; border:1px solid #1f1f1f; padding:22px; }
      .api-panel { display:grid; grid-template-columns: 1.5fr 1fr auto; gap:14px; align-items:end; margin-bottom:22px; }
      .api-panel label, .lobby-panel label { display:flex; flex-direction:column; gap:8px; color:var(--yellow); font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
      .api-panel input, .lobby-panel input, .raise-input { border:1px solid var(--red); background:#050505; color:var(--yellow); padding:13px 12px; font:inherit; min-width:0; }
      .status-chip { justify-self:start; border:1px solid var(--red); color:var(--yellow); padding:12px 14px; font-size:12px; font-weight:800; text-transform:uppercase; }
      .status-chip.ok { border-color:var(--yellow); background:rgba(255,230,0,.08); }
      .status-chip.bad { border-color:var(--red); background:rgba(229,30,71,.12); }
      .poker-grid { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr); gap:22px; align-items:start; }
      .lobby-panel { margin-bottom:22px; display:grid; grid-template-columns:1fr auto auto; gap:14px; align-items:end; }
      .table-shell { position:relative; min-height:650px; padding:34px; overflow:hidden; border:1px solid #1f1f1f; background:radial-gradient(ellipse at 50% 50%, rgba(229,30,71,.2), transparent 60%), radial-gradient(ellipse at 50% 75%, rgba(255,230,0,.11), transparent 62%), #050505; }
      .table-shell::before { content:""; position:absolute; inset:28px; border-radius:48%; border:2px solid rgba(255,230,0,.18); box-shadow:inset 0 0 80px rgba(229,30,71,.12); pointer-events:none; }
      .seat-zone { position:relative; z-index:1; display:flex; justify-content:space-between; gap:18px; align-items:center; margin-bottom:28px; }
      .seat-card { min-width:220px; border:1px solid rgba(229,30,71,.75); background:rgba(0,0,0,.72); padding:16px; }
      .seat-card.active { border-color:var(--yellow); box-shadow:0 0 22px rgba(255,230,0,.12); }
      .seat-name { font-weight:900; font-size:20px; color:var(--yellow); text-transform:uppercase; letter-spacing:.04em; }
      .seat-meta { color:var(--yellow); opacity:.7; font-size:13px; margin-top:4px; }
      .cards { display:flex; gap:10px; min-height:98px; align-items:center; margin-top:14px; }
      .playing-card { width:66px; height:92px; border-radius:8px; background:#f8f4e6; color:#111; border:1px solid rgba(255,255,255,.3); display:grid; place-items:center; font-weight:900; font-size:24px; box-shadow:0 10px 24px rgba(0,0,0,.45); }
      .playing-card.red { color:#c8102e; }
      .playing-card.back { background:repeating-linear-gradient(45deg,#1a0007 0 7px,#2a0008 7px 14px); border-color:var(--red); color:var(--yellow); }
      .board-wrap { position:relative; z-index:1; text-align:center; margin:48px auto; max-width:620px; }
      .pot { display:inline-flex; gap:10px; align-items:center; background:var(--red); color:var(--yellow); padding:12px 24px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; margin-bottom:20px; }
      .board { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; min-height:104px; }
      .action-panel { position:relative; z-index:1; background:rgba(0,0,0,.78); border:1px solid #1f1f1f; padding:20px; margin-top:26px; }
      .action-title { color:var(--yellow); font-weight:900; font-size:22px; margin-bottom:10px; }
      .action-row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
      .action-btn, .mini-btn { background:var(--yellow); color:#1a0007; border:0; border-radius:var(--border-radius); padding:13px 18px; font-weight:900; font-family:inherit; cursor:pointer; text-transform:uppercase; }
      .action-btn.secondary, .mini-btn.secondary { background:transparent; border:1px solid var(--red); color:var(--yellow); }
      .action-btn:disabled, .mini-btn:disabled { opacity:.35; cursor:not-allowed; }
      .state-panel h3, .history-panel h3 { color:var(--yellow); font-size:24px; margin-bottom:14px; }
      .kv { display:grid; grid-template-columns:130px 1fr; gap:8px; color:var(--yellow); font-size:14px; padding:8px 0; border-bottom:1px solid rgba(255,230,0,.08); }
      .kv span:first-child { opacity:.55; text-transform:uppercase; font-size:11px; letter-spacing:.08em; }
      .event-log { list-style:none; display:flex; flex-direction:column; gap:8px; max-height:360px; overflow:auto; }
      .event-log li { color:var(--yellow); opacity:.82; font-size:13px; border-left:2px solid var(--red); padding-left:10px; }
      .banner-note { color:var(--yellow); border:1px solid rgba(255,230,0,.22); padding:14px 16px; background:rgba(255,230,0,.06); margin-bottom:16px; }
      @media (max-width: 960px) { .poker-main { padding:28px 24px 60px; } .api-panel, .lobby-panel, .poker-grid { grid-template-columns:1fr; } .table-shell { padding:20px; } .seat-zone { flex-direction:column; align-items:stretch; } }