.lobby{min-height:100%;display:flex;flex-direction:column}.lobby__top{display:flex;justify-content:flex-end;padding:var(--s4) var(--s5)}.lobby__main{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--s6);width:100%;max-width:520px;margin:0 auto;padding:var(--s2) var(--s4) var(--s7)}.lobby__brand{text-align:center}.lobby__title{font-family:var(--font-display);font-size:clamp(2.6rem,9vw,4rem);line-height:1.1;background:linear-gradient(180deg,var(--gold-bright),var(--gold) 60%,var(--gold-dim));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 18px rgba(217,176,54,.25))}.lobby__subtitle{margin-top:var(--s2);color:var(--ivory-soft);font-size:var(--text-sm)}.lobby__card{width:100%;padding:var(--s5);border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#78182a38,#1e0a10d9);box-shadow:var(--shadow)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--s1);padding:var(--s1);margin-bottom:var(--s5);border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000040}.tabs__btn{height:38px;border:none;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.tabs__btn.is-active{background:#d9b03629;color:var(--gold-bright)}.lobby__pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);align-items:start}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s1);padding:var(--s1);height:46px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#00000047}.seg__btn{border:none;border-radius:6px;background:transparent;color:var(--ivory-soft);font-size:var(--text-md);font-weight:600;cursor:pointer}.seg__btn.is-active{background:#d9b0362e;color:var(--gold-bright)}.lobby__preview{min-height:84px;display:flex;align-items:center}.lobby__preview>*{width:100%}.lobby__warn{margin-top:var(--s2);color:var(--crimson-bright);font-size:var(--text-sm)}.how{display:grid;gap:var(--s4);width:100%}.how__step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--s3);align-items:start}.how__num{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--gold-dim);border-radius:50%;background:#d9b0361a;color:var(--gold-bright);font-family:var(--font-display);font-size:var(--text-sm)}.how__title{font-weight:600;font-size:var(--text-sm);color:var(--ivory);margin-bottom:2px}.wallet-chip{display:inline-flex;align-items:center;gap:var(--s2);height:34px;padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius-pill);background:#0000004d;font-size:var(--text-xs)}.wallet-chip__dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex-shrink:0}.wallet-chip__address{color:var(--ivory);font-size:var(--text-xs)}.wallet-chip__meta{color:var(--muted);white-space:nowrap}@media (max-width: 560px){.lobby__pair{grid-template-columns:1fr}.wallet-chip__meta{display:none}}.room{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;overflow:hidden}.room--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);text-align:center;padding:var(--s5)}.room__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s5);border-bottom:1px solid var(--line);background:#00000040;flex-wrap:wrap}.room__head-left,.room__head-right{display:flex;align-items:center;gap:var(--s3);min-width:0}.room__head-right{flex-wrap:wrap;justify-content:flex-end}.room__back{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ivory-soft);font-size:1.1rem;cursor:pointer}.room__back:hover{background:#fbf3e614}.room__code{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;letter-spacing:.22em;color:var(--gold-bright)}.room__body{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);gap:var(--s5);padding:var(--s5);min-height:0;overflow:hidden}.room__table-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s4);min-width:0;min-height:0;overflow:auto}.sidebar{display:flex;flex-direction:column;gap:var(--s4);min-width:0;overflow-y:auto;padding-right:var(--s1)}.felt{width:100%;max-width:900px;aspect-ratio:16 / 10;max-height:100%;padding:14px;border-radius:200px/130px;background:linear-gradient(160deg,var(--rail-light),var(--rail) 45%,#3a2811);box-shadow:var(--shadow-lg)}.felt__inner{position:relative;width:100%;height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:".    top    ." "left pot    right" ".    bottom .";align-items:center;justify-items:center;gap:var(--s2);padding:var(--s4);border:2px solid var(--gold-dim);border-radius:190px/122px;background:radial-gradient(ellipse at 50% 40%,var(--felt-light),var(--felt) 55%,var(--felt-dark) 100%);box-shadow:inset 0 0 80px #0000008c}.pot{grid-area:pot;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--s3) var(--s5);border:1px solid var(--line);border-radius:var(--radius);background:#00000052;text-align:center}.pot__amount{font-family:var(--font-display);font-size:var(--text-xl);color:var(--gold-bright);line-height:1.2}.pot__stake{font-size:var(--text-xs);color:var(--ivory-soft)}.seat{display:flex;flex-direction:column;align-items:center;gap:var(--s2);min-width:0;max-width:100%;transition:opacity .2s ease,transform .2s ease}.seat--top{grid-area:top}.seat--left{grid-area:left}.seat--right{grid-area:right}.seat--bottom{grid-area:bottom;flex-direction:column-reverse}.seat.is-packed{opacity:.4}.seat.is-winner{transform:scale(1.03)}.hand{display:flex;gap:5px}.seat__plate{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:148px;max-width:190px;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);background:#0000006b;text-align:center}.seat.is-you .seat__plate{border-color:var(--gold-dim);background:#d9b0361f}.seat.is-turn .seat__plate{border-color:var(--gold-bright);box-shadow:0 0 0 3px #f5da8447;animation:turn-pulse 1.6s ease-in-out infinite}@keyframes turn-pulse{50%{box-shadow:0 0 0 7px #f5da8414}}.seat__name-row{display:flex;align-items:center;gap:var(--s2);max-width:100%}.seat__name{font-weight:600;font-size:var(--text-sm);color:var(--ivory);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat__dealer{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;border-radius:50%;background:var(--ivory);color:var(--bg);font-size:10px;font-weight:700}.seat__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:3px}.seat__staked{font-size:var(--text-xs);color:var(--muted)}.seat__winner{padding:3px var(--s3);border:1px solid var(--gold);border-radius:var(--radius-pill);background:#d9b03633;color:var(--gold-bright);font-size:var(--text-xs);font-weight:600;white-space:nowrap}.seat--empty{opacity:.55}.seat__empty-ring{display:grid;place-items:center;width:52px;height:52px;border:1.5px dashed var(--gold-dim);border-radius:50%;color:var(--gold-dim);font-size:1.3rem}.seat__empty-label{font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card{position:relative;display:grid;place-items:center;flex-shrink:0;border-radius:6px;box-shadow:var(--shadow-sm);overflow:hidden}.card--sm{width:38px;height:53px}.card--md{width:52px;height:72px}.card--lg{width:68px;height:95px}.card--face{background:var(--ivory)}.card img{width:100%;height:100%;object-fit:cover;display:block}.card--back{background:linear-gradient(135deg,var(--felt-light),var(--felt-dark));border:1px solid var(--gold-dim)}.card__back-emblem{width:44%;aspect-ratio:1;border:1.5px solid var(--gold-dim);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(217,176,54,.35),transparent 70%)}.status{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;padding:var(--s2) var(--s4);border:1px solid var(--line);border-radius:var(--radius-pill);background:#0000004d;font-size:var(--text-sm);text-align:center}.status--stack{flex-direction:column;gap:var(--s3);border-radius:var(--radius);padding:var(--s4)}.status--you{border-color:var(--gold);color:var(--gold-bright);font-weight:600}.status--win{border-color:var(--green);color:#86dfb0}.players{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.players__row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:var(--s2);padding:var(--s2);border:1px solid transparent;border-radius:var(--radius-sm);background:#0003}.players__row.is-turn{border-color:var(--gold-dim);background:#d9b0361a}.players__dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.players__row.is-turn .players__dot{background:var(--gold-bright);box-shadow:0 0 8px var(--gold)}.players__who{display:flex;flex-direction:column;min-width:0}.players__name{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.players__address{color:var(--muted);font-size:var(--text-xs)}.players__right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.players__staked{font-size:var(--text-xs);color:var(--gold-bright);font-weight:600}.log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2);max-height:220px;overflow-y:auto}.log__line{padding-left:var(--s3);border-left:2px solid var(--line-strong);font-size:var(--text-xs);line-height:1.5;color:var(--ivory-soft)}.log__line:first-child{border-left-color:var(--gold);color:var(--ivory)}.actionbar{border-top:1px solid var(--line);background:linear-gradient(180deg,#00000059,#0009);padding:var(--s3) var(--s5) var(--s4);transition:opacity .2s ease}.actionbar:not(.is-active){opacity:.5}.actionbar__inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s5);max-width:1100px;margin:0 auto}.actionbar__owe-amount{font-family:var(--font-display);font-size:var(--text-lg);color:var(--gold-bright);line-height:1.2}.actionbar__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2)}.actionbar__free{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65}.stepper{display:flex;gap:2px;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#0000004d}.stepper__btn{width:34px;height:28px;border:none;border-radius:5px;background:transparent;color:var(--ivory-soft);font-size:var(--text-xs);font-weight:600;cursor:pointer}.stepper__btn.is-active{background:#d9b03633;color:var(--gold-bright)}.stepper__btn:disabled{opacity:.4;cursor:not-allowed}.actionbar__note{margin-top:var(--s2);text-align:center;font-size:var(--text-xs);color:var(--muted)}.gameover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:var(--s5);background:#080305b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .2s ease-out}.gameover__card{width:min(440px,100%);padding:var(--s6);border:1px solid var(--gold-dim);border-radius:var(--radius-lg);background:linear-gradient(180deg,#35141f,var(--bg-soft));box-shadow:var(--shadow-lg);text-align:center}.gameover__title{margin:var(--s2) 0;font-size:var(--text-xl)}.gameover__amount{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--gold-bright);line-height:1.1}.gameover__note{margin:var(--s4) 0;font-size:var(--text-sm);color:var(--ivory-soft);line-height:1.5}.gameover__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s2);margin-top:var(--s4)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}.compare__col{padding:var(--s3);border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000040}.compare__big{margin:var(--s1) 0;font-family:var(--font-display);font-size:var(--text-lg);color:var(--gold-bright)}.compare__verdict{margin-top:var(--s3);font-size:var(--text-sm)}.compare__verdict.is-ok{color:#86dfb0}.compare__verdict.is-bad{color:var(--crimson-bright)}.txs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s2)}.tx{border:1px solid var(--line);border-radius:var(--radius-sm);background:#00000038;overflow:hidden}.tx__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto 16px;align-items:center;gap:var(--s3);width:100%;padding:var(--s3);border:none;background:none;color:inherit;text-align:left;cursor:pointer}.tx__head:hover{background:#fbf3e60a}.tx__who{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx__amount{font-size:var(--text-sm);font-weight:600;color:var(--gold-bright);white-space:nowrap}.tx__chevron{color:var(--muted);font-size:var(--text-xs)}.tx__body{display:flex;flex-direction:column;gap:var(--s3);padding:0 var(--s3) var(--s3);border-top:1px solid var(--line);padding-top:var(--s3)}@media (max-width: 1080px){.room{height:auto;min-height:100dvh;overflow:visible}.room__body{grid-template-columns:minmax(0,1fr);overflow:visible}.sidebar{overflow:visible}.actionbar{position:sticky;bottom:0;z-index:60}}@media (max-width: 720px){.room__head{padding:var(--s3)}.room__body{padding:var(--s3);gap:var(--s4)}.felt{aspect-ratio:auto;border-radius:var(--radius-lg);padding:8px}.felt__inner{display:flex;flex-direction:column;align-items:center;gap:var(--s4);border-radius:var(--radius);padding:var(--s4) var(--s2)}.seat--bottom{flex-direction:column;order:3}.pot{order:1}.actionbar__inner{grid-template-columns:minmax(0,1fr);gap:var(--s3);text-align:center;justify-items:center}}:root{--bg: #14060a;--bg-soft: #1e0a10;--felt: #5a1220;--felt-dark: #330a13;--felt-light: #78182a;--rail: #6b4a1f;--rail-light: #a5762f;--gold: #d9b036;--gold-bright: #f5da84;--gold-dim: #8d7127;--ivory: #fbf3e6;--ivory-soft: #d9c9b4;--muted: #9c8874;--crimson: #dc143c;--crimson-bright: #ff4763;--blue: #2f6fe0;--green: #3fae72;--line: rgba(251, 243, 230, .12);--line-strong: rgba(251, 243, 230, .24);--font-display: "Yatra One", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: .72rem;--text-sm: .82rem;--text-md: .95rem;--text-lg: 1.15rem;--text-xl: 1.6rem;--text-2xl: 2.4rem;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.5rem;--s6: 2rem;--s7: 3rem;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow: 0 10px 30px rgba(0, 0, 0, .45);--shadow-lg: 0 24px 70px rgba(0, 0, 0, .6);--sidebar-width: 330px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);font-size:var(--text-md);color:var(--ivory);background:radial-gradient(ellipse 90% 70% at 50% -20%,rgba(120,24,42,.5),transparent 65%),radial-gradient(ellipse 60% 50% at 90% 110%,rgba(47,111,224,.14),transparent 60%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:.01em}p{margin:0}a{color:var(--gold-bright);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}::selection{background:var(--gold);color:var(--bg)}.eyebrow{margin:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.muted{color:var(--muted);font-size:var(--text-sm);line-height:1.5}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.center{text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);height:44px;padding:0 var(--s5);border:1px solid transparent;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;color:var(--bg);background:linear-gradient(180deg,var(--gold-bright),var(--gold));cursor:pointer;white-space:nowrap;transition:transform .1s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){box-shadow:0 6px 18px #d9b03647}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--ghost{background:#fbf3e60a;border-color:var(--line-strong);color:var(--ivory)}.btn--ghost:hover:not(:disabled){background:#fbf3e617;box-shadow:none}.btn--danger{background:linear-gradient(180deg,var(--crimson-bright),var(--crimson));color:var(--ivory)}.btn--blue{background:linear-gradient(180deg,#4d87ec,var(--blue));color:#fff}.btn--sm{height:34px;padding:0 var(--s3);font-size:var(--text-xs)}.btn--lg{height:52px;font-size:var(--text-md)}.btn--full{width:100%}.panel{background:linear-gradient(180deg,#fbf3e60d,#fbf3e605);border:1px solid var(--line);border-radius:var(--radius);padding:var(--s4)}.panel__title{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);margin-bottom:var(--s3)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field__label{font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.field__hint{font-size:var(--text-xs);color:var(--muted);line-height:1.5}.input{width:100%;height:46px;padding:0 var(--s3);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#00000047;color:var(--ivory);font-family:inherit;font-size:var(--text-md)}.input::placeholder{color:#9c8874b3}.input:focus{border-color:var(--gold);outline:none}.input--code{font-family:var(--font-mono);font-size:var(--text-xl);letter-spacing:.35em;text-align:center;text-transform:uppercase;text-indent:.35em}.badge{display:inline-flex;align-items:center;gap:var(--s1);padding:3px var(--s2);border:1px solid var(--line-strong);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;color:var(--ivory-soft);white-space:nowrap}.badge--gold{border-color:var(--gold-dim);background:#d9b03624;color:var(--gold-bright)}.badge--blue{border-color:#2f6fe080;background:#2f6fe029;color:#9dc0ff}.badge--green{border-color:#3fae7280;background:#3fae7226;color:#86dfb0}.badge--red{border-color:#dc143c80;background:#dc143c26;color:#ff9aab}.kv{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--s2) var(--s3);align-items:baseline;font-size:var(--text-sm)}.kv__key{color:var(--muted);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase}.kv__value{min-width:0;color:var(--ivory);overflow-wrap:anywhere}.toasts{position:fixed;top:var(--s4);left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--s2);width:min(92vw,460px);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--s2);padding:var(--s3) var(--s4);border:1px solid var(--line-strong);border-left-width:3px;border-radius:var(--radius-sm);background:var(--bg-soft);box-shadow:var(--shadow);font-size:var(--text-sm);line-height:1.45;cursor:pointer;animation:toast-in .16s ease-out}.toast--error{border-left-color:var(--crimson-bright)}.toast--success{border-left-color:var(--green)}.toast--info{border-left-color:var(--gold)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:var(--s4);background:#080305bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .15s ease-out}.modal{display:flex;flex-direction:column;width:min(760px,100%);max-height:min(86vh,900px);border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:linear-gradient(180deg,#24101a,var(--bg-soft));box-shadow:var(--shadow-lg);overflow:hidden}.modal__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);border-bottom:1px solid var(--line);flex-shrink:0}.modal__body{padding:var(--s5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--s4)}.modal__close{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:transparent;color:var(--ivory-soft);font-size:1.1rem;line-height:1;cursor:pointer}.modal__close:hover{background:#fbf3e614;color:var(--ivory)}@keyframes fade-in{0%{opacity:0}}.row{display:flex;align-items:center;gap:var(--s2)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--s4)}.stack--tight{gap:var(--s2)}.spinner{width:14px;height:14px;border:2px solid rgba(20,6,10,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}