:root{--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-tertiary: #1A1A1A;--accent: #00D4AA;--accent-hover: #00E6B8;--accent-dim: #00A88A;--glow-soft: rgba(0, 212, 170, .25);--glow-strong: rgba(0, 212, 170, .4);--text-primary: #EDEDED;--text-secondary: #A1A1A1;--text-muted: #6B6B6B;--success: #00D4AA;--error: #FF4D4F;--warning: #FFB020;--neutral: #888888;--your-turn: #00E6B8;--opponent-turn: #6B6B6B;--timer-warning: #FFB020;--timer-critical: #FF4D4F;--gold-reward: #CDB380;--gold-highlight: #E6CFA3;--card-bg: #FFFFFF;--card-border: #E5E5E5;--suit-red: #E04F5F;--suit-black: #111111;--card-back: #0A0A0A;--card-back-accent: #00D4AA;--marketing-bg: #1A0A10;--marketing-bg-depth: #2A0F18;--marketing-bg-highlight: #3A1420;--marketing-gold: #CDB380;--marketing-gold-highlight: #E6CFA3;--marketing-gold-shadow: #A89260;--marketing-text: #F5EBDD;--marketing-text-secondary: #D6C6AA}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--font-display: "Playfair Display", Georgia, serif;--font-label: "Oswald", "Helvetica Neue", sans-serif;--tap: 44px;--max-w-mobile: 420px;--max-w-desktop: 800px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--action-bar-h: 132px;--edge: rgba(0, 212, 170, .18);--edge-soft: rgba(0, 212, 170, .1);--on-accent: var(--bg-primary)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}html{overflow-x:hidden}body{font-family:var(--font-label);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 10%,rgba(0,212,170,.06),transparent 55%),radial-gradient(ellipse at 80% 90%,rgba(0,212,170,.04),transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(17,17,17,.6),transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;letter-spacing:.02em;overflow-x:hidden;overscroll-behavior-x:none}button{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;border:none;outline:none;color:var(--text-primary);background:transparent;pointer-events:auto;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;min-height:var(--tap)}button:disabled{cursor:not-allowed;opacity:.4}input{font-family:var(--font-label);color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--edge);border-radius:var(--radius-sm);padding:10px 12px;outline:none;pointer-events:auto;font-size:16px;min-height:var(--tap);width:100%}input:focus{border-color:var(--accent)}.label{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--text-muted)}.app{display:flex;flex-direction:column;width:100%;max-width:var(--max-w-mobile);margin:0 auto;min-height:100vh;position:relative;padding-top:var(--safe-top)}.app__main{display:flex;flex-direction:column;flex:1 1 auto;padding:12px 12px calc(var(--action-bar-h) + 20px);gap:10px;min-height:0}.app__sidebar{display:none}.header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--edge);background:linear-gradient(180deg,var(--bg-tertiary),transparent);position:sticky;top:var(--safe-top);z-index:10;min-height:52px}.header__brand{font-family:var(--font-display);font-weight:700;letter-spacing:.18em;font-size:14px;color:var(--text-primary);white-space:nowrap;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.header__brand .dot{color:var(--accent);margin:0 4px}.header__status{display:flex;gap:8px;align-items:center;font-size:10px}.header__status .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px}.header__status .dot.on{background:var(--success);box-shadow:0 0 8px var(--glow-soft)}.header__status .dot.off{background:var(--error)}.header__status .dot.connecting,.header__status .dot.reconnecting{background:var(--warning);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (max-width: 360px){.header__brand{font-size:12px;letter-spacing:.14em}}.icon-btn{min-width:var(--tap);min-height:var(--tap);padding:0 10px;font-size:11px;letter-spacing:.15em;background:var(--bg-secondary);border:1px solid var(--edge);color:var(--text-primary);border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:4px}.icon-btn:hover,.icon-btn:focus-visible{background:var(--bg-tertiary);border-color:var(--accent)}.icon-btn--badge:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.setup{display:flex;align-items:flex-start;justify-content:center;width:100%;padding:16px 12px 32px}.setup__card{background:var(--bg-secondary);border:1px solid var(--edge);border-radius:var(--radius-lg);padding:24px 20px;width:100%;box-shadow:0 20px 50px #00000080}.setup__title{font-family:var(--font-display);font-size:22px;letter-spacing:.18em;text-align:center;color:var(--text-primary);margin:0 0 4px}.setup__sub{text-align:center;color:var(--text-muted);font-size:10px;letter-spacing:.3em;margin-bottom:22px}.setup__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.setup__row--full{grid-template-columns:1fr}.setup__field{display:flex;flex-direction:column;gap:6px}.setup__hint{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-align:center;margin-top:16px;line-height:1.5}.setup__btn{margin-top:18px;width:100%;min-height:52px;background:var(--accent);color:var(--on-accent);font-weight:700;letter-spacing:.3em;border-radius:var(--radius-md);font-size:14px;box-shadow:0 6px 20px var(--glow-soft)}.setup__btn:hover,.setup__btn:focus-visible{background:var(--accent-hover)}.table-area{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;gap:10px;background:radial-gradient(ellipse at center,var(--bg-tertiary) 0%,var(--bg-primary) 70%);border-radius:14px;border:1px solid var(--edge);padding:12px;position:relative;box-shadow:0 16px 40px #0000008c;min-height:0}.table-area:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--edge-soft);border-radius:11px;pointer-events:none}.seat{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border:1px solid var(--edge);border-radius:var(--radius-md);width:100%;position:relative;transition:border-color .18s ease,box-shadow .18s ease}.seat.is-acting{border-color:var(--opponent-turn)}.seat.is-acting.is-mine{border-color:var(--your-turn);box-shadow:0 0 18px var(--glow-soft)}.seat.is-folded{opacity:.4}.seat.is-mine:not(.is-acting){border-color:var(--edge)}.seat__cards{display:flex;gap:5px}.seat__info{display:flex;flex-direction:column;gap:3px;min-width:0}.seat__name{font-family:var(--font-display);font-size:16px;letter-spacing:.04em;background:transparent;color:var(--text-primary);border:none;padding:4px 0;border-bottom:1px dashed transparent;width:100%;min-height:28px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.seat__name:hover,.seat__name:focus{border-bottom-color:var(--edge)}.seat__name--readonly{border-bottom-color:transparent!important}.seat__row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.seat__stack{font-family:var(--font-display);font-size:18px;color:var(--accent);font-weight:600}.seat__pl{font-size:11px;letter-spacing:.16em}.seat__pl.up{color:var(--success)}.seat__pl.down{color:var(--error)}.seat__pl.flat{color:var(--text-muted)}.badges{display:flex;gap:4px;margin-top:2px;min-height:16px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:9px;letter-spacing:.14em;padding:2px 6px;border-radius:3px;text-transform:uppercase;font-weight:600;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--edge)}.badge--you{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.badge--dealer{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.badge--sb,.badge--bb{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--text-muted)}.badge--allin{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.seat__bet{position:absolute;top:-10px;right:12px;display:flex;align-items:center;gap:4px;background:var(--bg-secondary);color:var(--accent);font-family:var(--font-display);font-weight:700;font-size:13px;padding:4px 10px;border-radius:999px;border:1px solid var(--accent);box-shadow:0 4px 12px #0006}.seat__bet-label{font-family:var(--font-label);font-size:8px;letter-spacing:.18em;opacity:.7;text-transform:uppercase;color:var(--text-secondary)}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 0 4px}.street-tag{font-family:var(--font-label);font-size:10px;letter-spacing:.4em;color:var(--text-muted);text-transform:uppercase}.pot{display:flex;flex-direction:column;align-items:center}.pot__label{font-size:9px;letter-spacing:.32em;color:var(--text-muted);margin-bottom:2px}.pot__amount{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--accent);text-shadow:0 0 24px var(--glow-soft);line-height:1}.community{display:flex;gap:5px;min-height:80px;align-items:center;justify-content:center;width:100%}.card{width:56px;height:80px;border-radius:6px;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;justify-content:space-between;padding:5px 6px;box-shadow:0 4px 10px #00000073;position:relative;font-family:var(--font-display);-webkit-user-select:none;user-select:none;flex-shrink:0}.card__rank{font-size:18px;font-weight:700;line-height:1}.card__suit-corner{font-size:14px;line-height:1}.card__suit-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;opacity:.85;pointer-events:none}.card__bottom{display:flex;flex-direction:column;align-items:flex-end;transform:rotate(180deg)}.card.red{color:var(--suit-red)}.card.black{color:var(--suit-black)}.card.back{background:var(--card-back);background-image:repeating-linear-gradient(45deg,rgba(0,212,170,.18) 0 2px,transparent 2px 7px),repeating-linear-gradient(-45deg,rgba(0,212,170,.18) 0 2px,transparent 2px 7px);border:1px solid var(--card-back-accent)}.card.back .card__suit-center,.card.back .card__rank,.card.back .card__suit-corner{display:none}.card.placeholder{background:transparent;border:1px dashed var(--text-muted);box-shadow:none}.card.placeholder .card__suit-center,.card.placeholder .card__rank,.card.placeholder .card__suit-corner{display:none}.card.small{width:44px;height:64px;padding:4px 5px}.card.small .card__rank{font-size:14px}.card.small .card__suit-corner{font-size:11px}.card.small .card__suit-center{font-size:24px}@media (max-width: 360px){.card{width:50px;height:72px}.card__rank{font-size:16px}.card__suit-center{font-size:28px}.community{gap:4px}}.action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-w-mobile);display:flex;flex-direction:column;gap:8px;background:var(--bg-secondary);border-top:1px solid var(--edge);padding:12px 12px calc(12px + var(--safe-bottom));z-index:50;box-shadow:0 -8px 30px #00000080}.action-bar__hint{font-size:10px;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;text-align:center;min-height:14px}.action-bar__row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.action-bar__row--primary>.btn{flex:1 1 0;min-width:0}.action-bar__sizing{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;width:100%}.preset{font-size:11px;letter-spacing:.16em;padding:0 12px;min-height:var(--tap);border-radius:6px;background:var(--bg-tertiary);border:1px solid var(--edge);color:var(--text-primary);flex:0 0 auto}.preset:hover,.preset:active,.preset:focus-visible{background:var(--bg-secondary);border-color:var(--accent);color:var(--accent)}.btn{padding:0 14px;min-height:var(--tap);border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.18em;border:1px solid transparent;transition:filter .12s ease,transform 80ms ease,background .12s ease;white-space:nowrap}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){filter:brightness(1.08)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{background:var(--accent-dim);color:var(--on-accent)}.btn--fold{background:var(--error);color:var(--text-primary)}.btn--check{background:var(--bg-tertiary);color:var(--accent);border-color:var(--accent)}.btn--call,.btn--bet,.btn--raise{background:var(--accent);color:var(--on-accent)}.btn--allin{background:var(--accent);color:var(--on-accent);border-color:var(--accent-hover);box-shadow:0 0 16px var(--glow-strong)}.btn--deal{width:100%;min-height:56px;font-size:16px;background:var(--accent);color:var(--on-accent);font-weight:700;letter-spacing:.4em;box-shadow:0 8px 30px var(--glow-strong)}.btn--deal:hover:not(:disabled){background:var(--accent-hover)}.amount-input{flex:1 1 auto;min-width:0;font-family:var(--font-display);font-size:18px;color:var(--accent);text-align:center;padding:10px 12px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;z-index:99;animation:fadeIn .18s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:92%;max-width:380px;background:var(--bg-secondary);border-left:1px solid var(--edge);z-index:100;transform:translate(100%);transition:transform .24s ease;display:flex;flex-direction:column;padding-top:var(--safe-top);box-shadow:-10px 0 40px #00000080}.drawer--open{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--edge)}.drawer__title{font-family:var(--font-display);font-size:14px;letter-spacing:.22em;color:var(--text-primary);margin:0;text-transform:uppercase}.drawer__close{min-width:var(--tap);min-height:var(--tap);font-size:22px;color:var(--text-primary);background:transparent;border:1px solid var(--edge);border-radius:6px}.drawer__body{flex:1 1 auto;overflow-y:auto;padding:12px 16px calc(16px + var(--safe-bottom))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.history h3{display:none}.history__list{display:flex;flex-direction:column;gap:0}.history__hand{border-top:1px solid var(--edge);padding:10px 0}.history__hand:first-child{border-top:none}.history__hand-title{font-family:var(--font-display);font-size:13px;color:var(--accent);letter-spacing:.1em;margin-bottom:6px}.history__entry{font-size:12px;color:var(--text-secondary);letter-spacing:.04em;padding:3px 0;display:flex;gap:6px}.history__entry .who{color:var(--accent);min-width:18px}.history__entry.street{color:var(--text-muted);text-transform:uppercase;letter-spacing:.18em;font-size:10px;padding-top:6px}.history__entry.result{color:var(--gold-reward);font-weight:600}.error-banner{background:var(--bg-secondary);border:1px solid var(--error);color:var(--text-primary);padding:10px 12px;border-radius:6px;font-size:12px;letter-spacing:.08em;cursor:pointer;flex-shrink:0}.muted{color:var(--text-muted);font-size:11px;letter-spacing:.12em}@media (min-width: 600px){.app{max-width:var(--max-w-desktop);display:grid;grid-template-columns:1fr 280px;grid-template-areas:"header  header" "main    sidebar" "actions sidebar";align-items:stretch}.header{grid-area:header}.app__main{grid-area:main;padding:16px 16px 0;gap:12px}.app__sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--bg-secondary);border-left:1px solid var(--edge);padding:16px;overflow-y:auto;min-height:0}.app__sidebar h3{display:block;font-family:var(--font-display);margin:0 0 12px;color:var(--text-primary);font-weight:600;letter-spacing:.18em;font-size:14px;text-transform:uppercase}.action-bar{grid-area:actions;position:static;transform:none;width:auto;max-width:none;margin:12px 16px 16px;border:1px solid var(--edge);border-top:1px solid var(--edge);border-radius:var(--radius-md);padding:14px 18px;box-shadow:0 4px 16px #0006}.drawer,.drawer-backdrop{display:none!important}.icon-btn--mobile-only{display:none}.card{width:64px;height:92px}.card__rank{font-size:20px}.card__suit-center{font-size:36px}.table-area{padding:16px}}