:root{--felt:#0f6a4c;--felt-dark:#073827;--rail:#04241a;--ink:#f2f6f3;--muted:#9fb6a8;--gold:#e8c66a;--mint:#35e0a1;--chip:#b8353c;--danger:#e2585c;--card-w:max(32px, min(clamp(44px, 9.4vw, 76px), 11vh));--card-h:calc(var(--card-w) * 1.42);--mini-w:var(--card-w);--mini-h:var(--card-h);--wall-peek:calc(var(--mini-h) * -.55);--deck-side:calc(var(--mini-h) * .45);--hand-step:calc(var(--card-w) * .56);--avatar:clamp(38px, 8vw, 54px);--radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:radial-gradient(at 50% 30%,#0c4c37 0%,#05231a 78%);font:500 15px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}.muted{color:var(--muted);font-weight:400}.join{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:24px;display:flex}.join h1{letter-spacing:.04em;color:var(--gold);margin:0 0 8px;font-size:2.4rem}.join label{text-align:left;flex-direction:column;gap:6px;width:min(340px,100%);font-size:.9rem;display:flex}.join input{border-radius:var(--radius);color:var(--ink);background:#0d3324;border:1px solid #2c5a44;padding:12px;font-size:1rem}.error{color:var(--danger)}.btn{border-radius:var(--radius);color:var(--ink);font:inherit;cursor:pointer;background:#14432f;border:1px solid #2c5a44;padding:11px 20px;font-weight:600;transition:transform .12s,opacity .12s}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--gold);color:#1b2b12;border-color:var(--gold)}.table{place-items:center;height:100%;padding:0;display:grid}.board{background:radial-gradient(ellipse at 50% 42%, var(--felt) 0%, #0a4531 55%, var(--felt-dark) 100%);border:clamp(3px, .7vw, 6px) solid var(--rail);border-radius:clamp(18px,3vw,30px);flex-direction:column;width:100%;max-width:1320px;height:100%;max-height:940px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #00000073,inset 0 0 0 1px #ffffff12,0 18px 44px #00000080}.board__play{z-index:1;place-items:center;display:grid;position:absolute;inset:0}.board__bottom{z-index:5;margin-top:auto;padding-bottom:10px;position:relative}.board__self{z-index:1;flex-direction:column;align-items:center;gap:4px;padding:0 8px;display:flex;position:relative}.board__self:has(.chat-pop){z-index:8}.board__auto{z-index:6;width:40px;height:40px;color:var(--muted);cursor:pointer;background:#041a1299;border:1px solid #ffffff29;border-radius:50%;place-items:center;padding:0;transition:color .15s,box-shadow .15s,border-color .15s,background .15s;display:grid;position:absolute;top:8px;right:56px}.board__auto--on{color:var(--mint);background:#35e0a11f;border-color:#35e0a1bf;box-shadow:0 0 0 2px #35e0a133}.board__quit{z-index:6;width:40px;height:40px;color:var(--muted);cursor:pointer;background:#041a1299;border:1px solid #ffffff29;border-radius:50%;font-size:1rem;position:absolute;top:8px;right:8px}.board__quit:hover{color:var(--ink)}.hud{z-index:6;cursor:pointer;border:none;border-radius:8px;flex-direction:column;gap:2px;padding:0;line-height:1;transition:transform .12s,box-shadow .12s;display:flex;position:absolute;top:8px;left:8px;overflow:hidden;box-shadow:0 3px 10px #0006}.hud:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000080}.hud:active{transform:scale(.97)}.hud__row{display:flex}.hud__rank{background:var(--chip);color:#fff;padding:6px 9px;font:900 .95rem/1 system-ui,sans-serif}.hud__deal{color:#123;background:#f4f7f2;flex-direction:column;align-items:center;gap:1px;padding:4px 9px;display:flex}.hud__deal b{font:900 .82rem/1 system-ui,sans-serif}.hud__deal em{letter-spacing:.1em;opacity:.65;font:700 .5rem/1 system-ui,sans-serif}.hud__set{background:var(--gold);color:#1b2b12;letter-spacing:.08em;text-align:center;padding:4px 9px;font:800 .62rem/1.4 system-ui,sans-serif}.seat{z-index:4;position:absolute}.seat__cards{position:absolute}.seat--top{padding-top:calc(var(--mini-h) + 10px);top:0;left:50%;transform:translate(-50%)}.seat--top .seat__cards{top:0;left:50%;transform:translate(-50%)}.seat--left{padding-left:calc(var(--deck-side) + 10px);top:50%;left:0;transform:translateY(-50%)}.seat--left .seat__cards{left:var(--wall-peek);top:50%;transform:translateY(-50%)}.seat--right{padding-right:calc(var(--deck-side) + 10px);top:50%;right:0;transform:translateY(-50%)}.seat--right .seat__cards{right:var(--wall-peek);top:50%;transform:translateY(-50%)}.seat--bottom{padding:0;position:static;transform:none}.seat__plate{background:#041e15d1;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:4px 5px 4px 4px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 4px 14px #00000059}.seat--right .seat__plate{flex-direction:row-reverse}.seat--right .seat__info{align-items:flex-end}.seat--right .seat__pips{flex-direction:row-reverse}.seat--active .seat__plate{border-color:#35e0a1bf;box-shadow:0 0 0 2px #35e0a138,0 0 26px #35e0a138}.seat__avatar{width:var(--avatar);height:var(--avatar);font:800 calc(var(--avatar) * .42) / 1 system-ui, sans-serif;color:var(--ink);background:linear-gradient(145deg,#2c7a56,#14452f);border-radius:50%;flex:none;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff24}.seat__avatar--counting{background:radial-gradient(circle,#0a3626 55%,#14452f 100%)}.seat__avatar .timer{width:auto;height:auto;position:absolute;inset:0}.seat__info{flex-direction:column;gap:3px;min-width:0;display:flex}.seat__name{letter-spacing:.01em;text-transform:none;align-items:center;gap:5px;min-width:0;max-width:14ch;font:800 clamp(.78rem,2.3vw,.98rem)/1.1 system-ui,sans-serif;display:flex}.seat__name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.seat__pips{align-items:center;gap:3px;display:flex}.seat__pips i{background:#ffffff21;border-radius:2px;width:3px;height:10px}.seat__pips i.on{background:var(--mint);opacity:.8}.seat__pips b{text-align:right;min-width:2ch;color:var(--muted);margin-left:5px;font:700 .7rem/1 system-ui,sans-serif}.seat--right .seat__pips b{text-align:left}.seat--waiting{padding:0}.seat--waiting.seat--top{top:14px;left:50%;transform:translate(-50%)}.seat--waiting.seat--bottom{position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.seat--waiting.seat--left{top:50%;left:14px;transform:translateY(-50%)}.seat--waiting.seat--right{top:50%;right:14px;transform:translateY(-50%)}.seat--waiting .seat__plate{min-height:calc(var(--avatar) + 10px)}.seat__plate--empty{background:#041a1266;border-style:dashed;border-color:#ffffff38}.seat__plate--empty .seat__avatar{background:0 0;box-shadow:inset 0 0 0 2px #ffffff2e}.seat__score{background:var(--chip);color:#fff;text-align:center;border-radius:999px;flex:none;min-width:30px;padding:5px 9px;font:900 .86rem/1 system-ui,sans-serif}.seat__cards{filter:drop-shadow(0 6px 12px #00000059);display:flex}.seat__cards>*{margin-left:calc(var(--hand-step) - var(--mini-w))}.seat__cards>:first-child{margin-left:0}.seat--left .seat__cards,.seat--right .seat__cards{flex-direction:column;align-items:center}.seat--left .seat__cards>*,.seat--right .seat__cards>*{margin-left:0;margin-top:calc(var(--hand-step) - var(--mini-w))}.seat--left .seat__cards>:first-child,.seat--right .seat__cards>:first-child{margin-top:0}.tag{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:1px 5px;font-size:.6rem}.tag--bot{background:#2c5a44}.tag--off{background:var(--danger)}.badge{letter-spacing:.09em;white-space:nowrap;z-index:5;background:#0d2419;border:1px solid #2c5a44;border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:900;position:absolute;top:-4px;left:50%;transform:translate(-50%,-100%);box-shadow:0 3px 10px #00000073}.badge--finish{background:var(--gold);color:#1b2b12;border-color:var(--gold)}.seat__avatar--tap{cursor:pointer;border:none;padding:0}.seat__avatar--tap:active{transform:scale(.94)}.seat__avatar-hint{background:var(--gold);border-radius:50%;place-items:center;width:16px;height:16px;font-size:9px;line-height:1;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 4px #0006}.seat__avatar-slot{flex:none;display:inline-flex;position:relative}.bubble-slot{z-index:9;position:absolute}.seat--top .bubble-slot{margin-left:10px;top:50%;left:100%;transform:translateY(-50%)}.seat--bottom .bubble-slot{margin-right:10px;top:50%;right:100%;transform:translateY(-50%)}.seat--left .bubble-slot{margin-bottom:10px;bottom:100%;left:0}.seat--right .bubble-slot{margin-bottom:10px;bottom:100%;right:0}.bubble{white-space:nowrap;color:#13251b;background:#f4f7f2;border-radius:14px;padding:7px 12px;font:700 .82rem/1.1 system-ui,sans-serif;box-shadow:0 6px 18px #00000073}.chat-pop{z-index:25;margin-top:calc(var(--avatar) * -1.4);overscroll-behavior:contain;background:#041a12f7;border:1px solid #2c5a44;border-radius:14px;flex-direction:column;gap:1px;width:min(230px,100vw - 40px);max-height:min(200px,34vh);padding:5px;display:flex;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 16px 40px #0009}.chat-pop__item{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:6px 10px;font:600 .82rem/1.15 system-ui,sans-serif;transition:background .12s}.chat-pop__item:hover{background:#ffffff14}.chat-pop__item:active{background:#e8c66a38}.card{width:var(--card-w);height:var(--card-h);border-radius:clamp(6px, calc(var(--card-w) * .11), 10px);color:#12241a;cursor:pointer;will-change:transform;background:#fbfdfa;border:1px solid #d8dcd6;flex:none;padding:0;position:relative;overflow:hidden;box-shadow:0 3px 9px #0006}.card__index{line-height:.9;font:900 calc(var(--card-w) * .42) / .9 system-ui, sans-serif;flex-direction:column;align-items:center;display:flex;position:absolute;top:4%;left:8%}.card__index i{font-style:normal;font-size:calc(var(--card-w) * .32)}.card__index--flip{inset:auto 8% 4% auto;transform:rotate(180deg)}.card:disabled{cursor:default}.card--red{color:#c62d3c}.card--black{color:#17261c}.card--selected{box-shadow:0 6px 16px #00000080, 0 0 0 2px var(--gold)}.card--back{background:repeating-linear-gradient(45deg,#1f6446 0 6px,#14432f 6px 12px);border-color:#072418;box-shadow:inset 0 0 0 2px #ffffff12}.card--mini{width:var(--mini-w);height:var(--mini-h);box-shadow:0 1px 3px #00000059}.card--mini-side{width:var(--mini-h);height:var(--mini-w)}.hand-wrap{z-index:2;position:relative}.hand{min-height:calc(var(--card-h) + 36px);justify-content:center;padding:36px 8px 0;display:flex}.hand>*{margin-left:calc(var(--hand-step) - var(--card-w))}.hand>:first-child{margin-left:0}.hand>.card--group-start{margin-left:calc(var(--hand-step) - var(--card-w) + var(--card-w) * .2)}.count-picker{z-index:20;border:1px solid var(--gold);background:#061a11f2;border-radius:999px;gap:5px;padding:4px;display:flex;position:absolute;top:0;transform:translate(-50%);box-shadow:0 6px 18px #00000080}.count-picker__btn{background:var(--gold);color:#1b2b12;cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;font:900 17px/1 system-ui,sans-serif;box-shadow:0 4px 12px #e8c66a52}.count-picker__btn:active{transform:scale(.94)}.btn--pill{letter-spacing:.06em;border:none;border-radius:999px;min-width:96px;height:46px;padding:0 24px;font-size:1.05rem;font-weight:900;box-shadow:0 5px 16px #e8c66a4d}.btn--pill:disabled{box-shadow:none}.pile{width:calc(var(--card-w) * 3.6);height:calc(var(--card-h) * 1.35);place-items:center;display:grid;position:relative}.pile__group{display:flex;position:absolute}.pile__group>*{margin-left:calc(var(--card-w) * -.52)}.pile__group>:first-child{margin-left:0}.hand-area__status{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:50px;font-size:.85rem;display:flex}.actions{justify-content:center;gap:8px;padding:2px 8px;display:flex}.dialog-slot{z-index:30;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.xchg{pointer-events:auto;text-align:center;background:#041a12f0;border:1px solid #2c5a44;border-radius:16px;flex-direction:column;gap:10px;width:min(340px,100% - 32px);padding:14px 16px;display:flex;position:relative;box-shadow:0 18px 44px #0000008c}.xchg__head{justify-content:center;align-items:center;gap:10px;display:flex}.xchg__head h3{letter-spacing:.12em;color:var(--gold);margin:0;font:800 .8rem/1 system-ui,sans-serif}.xchg__head .timer{width:34px;height:34px}.xchg__line{justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.xchg__line em{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-style:normal}.xchg__line--gain em{color:#7fd6a4}.xchg__line--loss em{color:var(--danger)}.xchg__cards{gap:5px;display:flex}.xchg__pick{flex-direction:column;align-items:center;gap:9px;display:flex}.xchg__pick p{margin:0;font-size:.85rem;line-height:1.45}.xchg__pick em{color:var(--muted);font-size:.76rem;font-style:normal}.xchg__chosen{gap:6px;display:flex}.xchg__wait{color:var(--muted);margin:0;font-size:.82rem}.xchg--result{gap:12px}.swap{justify-content:center;align-items:stretch;gap:10px;display:flex}.swap__side{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;padding:9px 10px;display:flex}.swap__side--in{border-color:#35e0a166}.swap__side--out{border-color:#e2585c61}.swap__label{letter-spacing:.12em;text-transform:uppercase;font:800 .62rem/1 system-ui,sans-serif}.swap__side--in .swap__label{color:var(--mint)}.swap__side--out .swap__label{color:var(--danger)}.swap__cards{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swap__arrow{color:var(--muted);align-self:center;font-size:1.3rem}.chip-card{color:#17261c;background:#fbfdfa;border-radius:5px;justify-content:center;align-items:center;gap:1px;min-width:34px;height:30px;padding:0 7px;font:800 .85rem/1 system-ui,sans-serif;display:inline-flex;box-shadow:0 2px 5px #00000059}.chip-card i{font-size:.78rem;font-style:normal}.chip-card--red{color:#c62d3c}.chip-card--empty{box-shadow:none;background:0 0;border:1px dashed #ffffff47}.chip-card--big{border-radius:7px;min-width:44px;height:44px;padding:0 9px;font-size:1.1rem}.chip-card--big i{font-size:1rem}.timer{width:30px;height:30px;transform:rotate(-90deg)}.timer__track{fill:none;stroke:#00000059;stroke-width:3.5px}.timer__fill{fill:none;stroke:var(--mint);stroke-width:3.5px;stroke-linecap:round;filter:drop-shadow(0 0 3px #35e0a199);transition:stroke-dashoffset .1s linear}.timer--urgent .timer__fill{stroke:var(--danger);filter:drop-shadow(0 0 3px #e2585c99)}.timer__text{fill:var(--ink);text-anchor:middle;dominant-baseline:central;transform-origin:50%;transform-box:fill-box;font:800 17px/1 system-ui,sans-serif;transform:rotate(90deg)}.timer--urgent .timer__text{fill:#ffd9da}.dialog{background:#041a12f5;border:1px solid #2c5a44;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:min(400px,100%);min-width:0;padding:16px 18px;display:flex;box-shadow:0 22px 54px #0009}.dialog--deal{pointer-events:auto}.dialog__head{flex-direction:column;align-items:center;gap:3px;display:flex}.dialog__head h3{letter-spacing:.14em;color:var(--gold);margin:0;font:800 .85rem/1 system-ui,sans-serif}.dialog__sub{color:var(--muted);letter-spacing:.04em;font-size:.72rem}.quit__actions{justify-content:center;gap:10px;display:flex}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.scrim{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020e099e;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.board-table{border-collapse:collapse;width:100%;font-size:.88rem}.board-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid #ffffff1a;padding:0 8px 6px;font:700 .62rem/1 system-ui,sans-serif}.board-table th:first-child,.board-table th:last-child{text-align:center}.board-table td{border-bottom:1px solid #ffffff0f;padding:9px 8px}.board-table tr:last-child td{border-bottom:none}.board-table tr.is-me td{background:#e8c66a17}.board-table tr.is-me .board-table__name{color:var(--gold)}.board-table__name{align-items:center;gap:6px;width:100%;font-weight:700;display:flex}.board-table__gain{color:var(--mint);text-align:right;font-weight:800}.board-table__score{text-align:right;font-variant-numeric:tabular-nums;font:900 1.05rem/1 system-ui,sans-serif}.place{text-align:center;width:26px;color:var(--muted);font:900 .92rem/1 system-ui,sans-serif}.place--1{color:#f2c94c}.place--2{color:#cfd8dc}.place--3{color:#d99a63}.dialog--wide{width:min(760px,100%)}.sheet{overscroll-behavior-x:contain;border:1px solid #ffffff14;border-radius:10px;width:100%;min-width:0;overflow-x:auto}.board-table--sheet{min-width:max-content;font-size:.82rem}.board-table--sheet th,.board-table--sheet td{white-space:nowrap;padding:7px 6px}.sheet__name,.sheet__total{z-index:2;background:#072418;position:sticky}.board-table--sheet .sheet__name{text-align:left;padding-left:12px;left:0}.sheet__name .place{margin-right:6px;display:inline-block}.sheet__name .board-table__name{width:auto;display:inline-flex}.board-table--sheet .sheet__total{text-align:right;font-variant-numeric:tabular-nums;padding-right:12px;font:900 1rem/1 system-ui,sans-serif;right:0;box-shadow:inset 1px 0 #ffffff14}thead .sheet__name,thead .sheet__total{z-index:3}.board-table tr.is-me .sheet__name,.board-table tr.is-me .sheet__total{background:#14351f}.sheet__set{border-bottom:1px solid #ffffff1a;text-align:center!important}.sheet__deal{min-width:30px;color:var(--muted);text-align:center!important;font:700 .6rem/1 system-ui,sans-serif!important}.sheet__deal.is-now{color:var(--gold)}.sheet__deal.is-now:after{content:"";background:var(--gold);border-radius:1px;height:2px;margin-top:3px;display:block}.is-set-start{border-left:1px solid #ffffff1f}.sheet__cell{text-align:center;color:#ffffff47;font-variant-numeric:tabular-nums;min-width:30px}.sheet__cell--p1{color:#ffffff73}.sheet__cell--p2{color:#ffffffb3}.sheet__cell--p3{color:var(--mint);font-weight:700}.sheet__cell--p4{color:var(--gold);font-weight:900}.overlay{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020e09c7;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.toast{background:var(--danger);border-radius:999px;padding:8px 16px;font-size:.85rem;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}@media (width<=620px){:root{--wall-peek:calc(var(--mini-h) * -.7);--deck-side:calc(var(--mini-h) * .3)}.seat--top{padding-top:calc(var(--mini-h) + 6px)}.seat--left{padding-left:calc(var(--deck-side) + 6px)}.seat--right{padding-right:calc(var(--deck-side) + 6px)}.pile{width:calc(var(--card-w) * 3.2)}.seat--left .seat__plate,.seat--right .seat__plate{border-radius:16px;flex-direction:column;gap:4px;padding:6px}.seat--left .seat__info,.seat--right .seat__info{align-items:center}.seat--left .seat__name,.seat--right .seat__name{max-width:9ch;font-size:.68rem}.seat--left .tag,.seat--right .tag{display:none}.hud,.board__quit{top:calc(var(--mini-h) + 8px)}.seat--left .seat__pips i,.seat--right .seat__pips i{display:none}.seat--left .seat__pips b,.seat--right .seat__pips b{margin-left:0}.seat--left .seat__score,.seat--right .seat__score{padding:3px 8px;font-size:.75rem}}@media (height<=560px){:root{--card-w:max(38px, min(clamp(48px, 8.5vw, 86px), 18vh));--hand-step:calc(var(--card-w) * .62);--avatar:clamp(24px, 7vh, 32px)}.seat__plate{gap:6px;padding:3px 4px}.seat__pips i,.seat--left .tag,.seat--right .tag{display:none}.pile{height:calc(var(--card-h) * .95);margin-bottom:calc(var(--card-h) * .28)}.hud,.board__quit{top:6px}.seat--top{top:calc(var(--mini-h) * -.5)}.seat--left .seat__cards>*,.seat--right .seat__cards>*{margin-top:calc(var(--mini-w) * -.85)}.board__bottom{padding-bottom:0;display:block}.board__self{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0;display:grid}.board__self .seat--bottom{grid-column:2}.hand-area__status{grid-column:3;justify-self:start;min-height:0;margin-left:10px}.btn--pill{min-width:84px;height:38px;font-size:.95rem}.hand{min-height:calc(var(--card-h) + 14px);margin-top:calc(var(--card-h) * -.06);margin-bottom:calc(var(--card-h) * -.2);padding-top:14px}.board__self{margin-bottom:10px}.dialog-slot{bottom:calc(var(--card-h) + 44px)}.xchg{gap:8px;width:min(430px,100% - 24px);padding:10px 14px}.xchg__head h3{font-size:.72rem}.xchg__head .timer{width:28px;height:28px}.xchg__pick{flex-direction:row;align-items:center;gap:12px}.xchg__pick p{font-size:.8rem}.chip-card{min-width:30px;height:26px;font-size:.78rem}.chip-card--big{min-width:36px;height:34px;font-size:.92rem}.swap__side{gap:5px;padding:7px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{height:100%}.gate{place-items:center;height:100%;padding:16px;display:grid;position:relative;overflow-y:auto}.gate__felt{background:radial-gradient(at 50% 45%,#17553a 0%,#0e3a26 60%,#0000 72%);border-radius:50%;position:absolute;inset:6%;box-shadow:inset 0 0 90px #00000073}.gate__card{background:#071c13eb;border:1px solid #2c5a44;border-radius:18px;flex-direction:column;align-items:stretch;gap:14px;width:min(360px,100%);padding:22px;display:flex;position:relative;box-shadow:0 24px 60px #00000080}.logo{justify-content:center;align-items:center;gap:12px;display:flex}.logo__cards{flex:none;display:block;position:relative}.logo__card{width:var(--logo-w);height:calc(var(--logo-w) * 1.42);border-radius:calc(var(--logo-w) * .14);color:#c62d3c;font:900 calc(var(--logo-w) * .5) / 1 system-ui, sans-serif;background:#fbfdfa;border:1px solid #d8dcd6;flex-direction:column;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 6px 16px #00000073}.logo__card i{font-style:normal;font-size:calc(var(--logo-w) * .4);line-height:1}.logo__card--back{transform:rotate(-14deg)}.logo__card--front{left:calc(var(--logo-w) * .78);top:calc(var(--logo-w) * .1);position:absolute;transform:rotate(10deg)}.logo__word{margin-left:calc(var(--logo-w) * .88);font:800 var(--logo-text) / 1 system-ui, sans-serif;letter-spacing:.03em;color:var(--gold)}.logo--lg{--logo-w:46px;--logo-text:2.1rem}.logo--sm{--logo-w:26px;--logo-text:1.15rem}.lobby{height:100%;padding:calc(env(safe-area-inset-top) + 12px) 14px calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;gap:14px;display:flex;overflow-y:auto}.lobby__bar{flex-wrap:wrap;flex:none;align-items:center;gap:12px;display:flex}.lobby__me{align-items:center;gap:8px;margin-left:auto;font-weight:700;display:flex}.lobby__avatar{background:linear-gradient(145deg,#2c7a56,#14452f);border-radius:50%;place-items:center;width:32px;height:32px;font:800 14px/1 system-ui,sans-serif;display:grid;box-shadow:inset 0 0 0 2px #ffffff24}.lobby__warn{color:var(--muted);text-align:center;margin:0;font-size:.84rem}.lobby__tables{flex:auto;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));align-content:start;gap:12px;min-height:0;display:grid;overflow-y:auto}.table-card{background:#062016db;border:1px solid #2c5a44;border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 10px 26px #00000059}.table-card.is-playing{opacity:.65}.table-card__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.table-card__name{letter-spacing:.1em;color:var(--gold);font:800 .82rem/1 system-ui,sans-serif}.table-card__state{color:var(--muted);font-size:.72rem}.table-card__felt{aspect-ratio:1;background:radial-gradient(ellipse at 50% 45%, var(--felt) 0%, #0a4531 70%);border-radius:12px;position:relative;box-shadow:inset 0 0 26px #0006}.table-card__seat{min-width:46px;color:var(--muted);letter-spacing:.06em;cursor:pointer;background:#041a1299;border:1px dashed #ffffff4d;border-radius:999px;padding:5px 8px;font:800 .62rem/1 system-ui,sans-serif;transition:transform .12s,background .12s,color .12s;position:absolute}.table-card__seat:hover:not(:disabled):not(.is-taken){background:var(--gold);color:#1b2b12;border-color:var(--gold)}.table-card__seat:active:not(:disabled){transform:scale(.94)translate(-50%,-50%)}.table-card__seat:disabled{cursor:default;opacity:.5}.table-card__seat.is-taken{border-style:solid;border-color:var(--mint);color:var(--ink);background:#35e0a129}.table-card__seat--0{top:6px;left:50%;transform:translate(-50%)}.table-card__seat--1{top:50%;right:6px;transform:translateY(-50%)}.table-card__seat--2{bottom:6px;left:50%;transform:translate(-50%)}.table-card__seat--3{top:50%;left:6px;transform:translateY(-50%)}.waiting__dots{justify-content:center;gap:8px;display:flex}.waiting__dots span{background:#ffffff29;border-radius:50%;width:10px;height:10px}.waiting__dots span.is-on{background:var(--mint);box-shadow:0 0 10px #35e0a180}.countdown{justify-content:center;align-items:center;gap:14px;padding:6px 0;display:flex}.countdown__num{border:3px solid var(--mint);width:92px;height:92px;color:var(--ink);background:radial-gradient(circle,#0a3626 55%,#14452f 100%);border-radius:50%;place-items:center;font:900 3rem/1 system-ui,sans-serif;display:grid;box-shadow:0 0 34px #35e0a159}.countdown__text{letter-spacing:.12em;text-transform:uppercase;color:var(--mint);max-width:6ch;font:800 .92rem/1.2 system-ui,sans-serif}.field{flex-direction:column;gap:6px;font-size:.85rem;display:flex}.field em{font-size:.78rem;font-style:normal}.field input{border-radius:var(--radius);color:var(--ink);background:#0d3324;border:1px solid #2c5a44;padding:12px;font-size:1rem}.btn--big{flex-direction:column;gap:3px;padding:16px;font-size:1.05rem;display:flex}.btn--big small{opacity:.72;font-size:.74rem;font-weight:500}.btn--ghost{color:var(--muted);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--ink)}.btn--tiny{padding:4px 9px;font-size:.9rem}.online-panel{flex-direction:column;gap:10px;display:flex}.spinner-text{text-align:center;color:var(--muted)}@media (height<=560px){.table-card__felt{aspect-ratio:1;max-height:148px}.table-card{justify-self:center;gap:6px;width:100%;max-width:236px;padding:9px}.lobby{gap:10px}}@media (width<=620px){.lobby__bar .btn--pill{min-width:auto;height:40px;padding:0 14px;font-size:.9rem}.lobby__me span:last-child{display:none}}.rotate-hint{display:none}@media (orientation:portrait) and (pointer:coarse){.rotate-hint{z-index:200;text-align:center;background:radial-gradient(at 50% 40%,#0c4c37 0%,#05231a 78%);place-content:center;justify-items:center;gap:22px;padding:24px;display:grid;position:fixed;inset:0}.rotate-hint p{letter-spacing:.04em;color:var(--ink);margin:0;font:800 1.05rem/1.4 system-ui,sans-serif}.rotate-hint:after{content:"";border:3px solid var(--gold);border-radius:8px;width:74px;height:46px;animation:2.2s ease-in-out infinite rotate-nudge}}@keyframes rotate-nudge{0%,30%{transform:rotate(90deg)scale(.82)}60%,to{transform:rotate(0)scale(1)}}