:root{--bg: var(--tg-theme-bg-color, #0f1a12);--panel: var(--tg-theme-secondary-bg-color, #17251b);--text: var(--tg-theme-text-color, #e8f0e8);--muted: var(--tg-theme-hint-color, #8aa08d);--accent: var(--tg-theme-button-color, #2ea043);--accent-text: var(--tg-theme-button-text-color, #ffffff);--card-bg: #f7f5ef;--card-red: #c0392b;--card-black: #1d2429;--felt: #1d3a26}*{box-sizing:border-box;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.screen{max-width:480px;margin:0 auto;min-height:100vh;padding:12px;display:flex;flex-direction:column;gap:10px}.screen.center{justify-content:center;align-items:center}.center{text-align:center}.bar{display:flex;justify-content:space-between;align-items:center}h1{font-size:20px}h2{font-size:18px}.muted{color:var(--muted);font-size:13px}.error{background:#5c1f1f;color:#ffd7d7;padding:8px 12px;border-radius:8px;font-size:14px}.panel{background:var(--panel);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}button{border:0;border-radius:10px;padding:10px 16px;background:#2a3a2e;color:var(--text);font-size:15px;cursor:pointer}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);font-weight:600}button.danger{background:#4a2323;color:#ffb4b4}button.wide{width:100%}input{background:var(--panel);color:var(--text);border:1px solid #33463a;border-radius:10px;padding:10px 12px;font-size:16px;width:100%}.table-list{display:flex;flex-direction:column;gap:8px}.table-card{background:var(--panel);border-radius:12px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.stakes{font-weight:600}.table-join{display:flex;align-items:center;gap:10px}.occupancy{font-size:14px;color:var(--muted)}.chips{color:#e8c547}button.claim{background:#6b4fa0;color:#fff;font-weight:600}.claimed{background:#274a2c;color:#b8e6b8;padding:10px 14px;border-radius:10px;text-align:center;cursor:pointer}.pulse{color:#e8c547;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.4}}.seat-list{list-style:none;display:flex;flex-direction:column;gap:6px}.seat{padding:8px 12px;border-radius:8px;background:#22301f;color:var(--muted)}.seat.filled{color:var(--text);background:#2a3a2e}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.on{background:#2ea043}.dot.off{background:#b3261e;animation:pulse 1s infinite}.card{width:44px;height:62px;border-radius:6px;background:var(--card-bg);color:var(--card-black);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:17px;line-height:1;box-shadow:0 1px 3px #00000073;flex-shrink:0}.card.red{color:var(--card-red)}.card .suit{font-size:15px}.card .joker{font-size:26px}.card.small{width:28px;height:40px;font-size:12px;border-radius:4px}.card.small .suit{font-size:11px}.card.small .joker{font-size:17px}.card.back{background:repeating-linear-gradient(45deg,#35507f,#35507f 4px,#2b4066 4px,#2b4066 8px)}.card.slot{background:transparent;border:1.5px dashed #3a5442;box-shadow:none}.card.slot.active{border-color:var(--accent);background:#2ea04326}.card.selected{outline:3px solid #e8c547;transform:translateY(-4px)}.card.clickable{cursor:pointer}.screen.game{background:radial-gradient(circle at 50% 30%,var(--felt),var(--bg))}.opponents{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.opponent{background:#00000040;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px}.opp-hand{display:flex;gap:2px;min-height:12px;flex-wrap:wrap;max-width:170px}.opp-hand .card.small{margin-right:-14px}.my-board{background:#00000040;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px;align-items:center}.line{display:flex;gap:4px;justify-content:center}.hand{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;min-height:70px;align-items:center}.actions{display:flex;gap:8px}.badge{display:flex;gap:8px;align-items:baseline;justify-content:center;font-size:14px;padding:2px 8px;border-radius:6px}.badge.active{background:#2ea04340}.timer{color:#e8c547;font-size:13px}.timer.low{color:#ff6b57;font-weight:700}.drop-zone{border-radius:8px}.drop-zone.over{background:#2ea04333;outline:2px dashed var(--accent)}.drag-source{opacity:.85}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.showdown{width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.showdown-player{display:flex;flex-direction:column;gap:4px;padding:6px 0}.delta{font-weight:700}.delta.plus{color:#56d364}.delta.minus{color:#ff6b57}