:root{--belka-maroon: #780000;--belka-red: #c1121f;--belka-cream: #fdf0d5;--belka-navy: #003049;--belka-blue: #669bbc;--belka-surface-felt: var(--belka-navy);--belka-surface-panel: var(--belka-cream);--belka-surface-back: var(--belka-maroon);--belka-hairline: var(--belka-blue);--belka-scrim: rgb(0 48 73 / .55);--belka-scrim-modal: rgb(0 48 73 / .78);--belka-on-felt: var(--belka-cream);--belka-on-felt-muted: var(--belka-blue);--belka-on-panel: var(--belka-navy);--belka-on-panel-accent: var(--belka-maroon);--belka-on-panel-alert: var(--belka-red);--belka-suit-red: var(--belka-red);--belka-suit-black: var(--belka-navy);--belka-team-us-on-felt: var(--belka-cream);--belka-team-them-on-felt: var(--belka-blue);--belka-team-us-on-panel: var(--belka-navy);--belka-team-them-on-panel: var(--belka-maroon);--belka-turn-ring: var(--belka-cream);--belka-turn-ring-width: 4px;--belka-card-w: 56px;--belka-card-h: 84px;--belka-card-radius: 6px;--belka-card-index-w: 28px;--belka-card-rank-fs: 20px;--belka-card-pip-fs: 14px;--belka-card-lift: 20px;--belka-card-legal-y: -8px;--belka-card-min-strip: 34px;--belka-trick-card-w: 52px;--belka-trick-card-h: 78px;--belka-back-w: 24px;--belka-back-h: 36px;--belka-back-strip: 14px;--belka-back-strip-v: 10px;--belka-vw-ref: 375px;--belka-gutter: 16px;--belka-hand-span: 328px;--belka-hud-h: 48px;--belka-seat-top-h: 80px;--belka-seat-side-w: 88px;--belka-band-min-h: 180px;--belka-hand-zone-h: 120px;--belka-tap-min: 44px;--belka-tap-card-min: 34px;--belka-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--belka-fs-11: 11px;--belka-fs-12: 12px;--belka-fs-13: 13px;--belka-fs-15: 15px;--belka-fs-18: 18px;--belka-fs-22: 22px;--belka-fs-32: 32px;--belka-numeric: tabular-nums;--belka-r-sm: 4px;--belka-r-md: 8px;--belka-r-lg: 14px;--belka-sp-1: 4px;--belka-sp-2: 8px;--belka-sp-3: 12px;--belka-sp-4: 16px;--belka-sp-6: 24px;--belka-t-fast: .14s;--belka-t-card: .26s;--belka-t-trick: .45s;--belka-t-toast: .9s;--belka-ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--belka-surface-felt);color:var(--belka-on-felt);font-family:var(--belka-font);overflow-x:hidden}button{font-family:inherit}.tabular{font-variant-numeric:var(--belka-numeric)}.screen{width:375px;max-width:100vw;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--belka-sp-4);padding:var(--belka-sp-4)}.screen--felt{background:var(--belka-surface-felt)}.screen__badge{color:var(--belka-on-felt-muted);font-size:var(--belka-fs-12)}.start-title{font-size:var(--belka-fs-32);color:var(--belka-on-felt);margin:0}.loading,.error-text{color:var(--belka-on-felt-muted);font-size:var(--belka-fs-15)}.btn{border-radius:var(--belka-r-md);font-size:var(--belka-fs-15);min-height:var(--belka-tap-min);cursor:pointer}.btn--primary{background:var(--belka-red);color:var(--belka-on-felt);border:2px solid var(--belka-cream);padding:0 var(--belka-sp-4)}.btn--start{width:343px;height:48px}.dev-login{display:flex;flex-direction:column;gap:var(--belka-sp-2);width:311px}.dev-login__input{height:44px;border-radius:var(--belka-r-md);border:none;background:var(--belka-surface-panel);color:var(--belka-on-panel);padding:0 var(--belka-sp-3);font-size:var(--belka-fs-15)}.dev-login__error{color:var(--belka-cream);font-size:var(--belka-fs-12)}.table{position:relative;width:375px;max-width:100vw;min-height:max(428px,100dvh);margin:0 auto;background:var(--belka-surface-felt);padding-bottom:max(16px,env(safe-area-inset-bottom))}.hud{height:var(--belka-hud-h);border-bottom:1px solid var(--belka-hairline);display:grid;grid-template-columns:72px 1fr 44px;align-items:center;padding:0 var(--belka-sp-2)}.hud--eggs{grid-template-columns:72px 32px 1fr 44px}.hud__eggs-badge{width:28px;height:20px;background:var(--belka-surface-panel);color:var(--belka-on-panel-accent);border-radius:var(--belka-r-sm);font-size:var(--belka-fs-12);display:flex;align-items:center;justify-content:center}.hud__trump{width:64px;height:40px;background:var(--belka-surface-panel);border:2px solid var(--belka-on-panel-accent);border-radius:var(--belka-r-sm);display:flex;align-items:center;justify-content:center;gap:4px}.hud__trump-label{color:var(--belka-on-panel);font-size:var(--belka-fs-11)}.hud__score{padding-left:var(--belka-sp-2);overflow:hidden}.hud__score-row--eyes{font-size:var(--belka-fs-18);color:var(--belka-on-felt)}.hud__muted{font-size:var(--belka-fs-11);color:var(--belka-on-felt-muted)}.hud__score-row--deal{font-size:var(--belka-fs-12);color:var(--belka-on-felt-muted)}.hud__menu-wrap{position:relative;justify-self:end}.hud__menu{position:relative;width:44px;height:44px;background:transparent;border:none;color:var(--belka-on-felt);font-size:var(--belka-fs-18)}.hud__menu-dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--belka-cream)}.hud__menu-panel{position:absolute;top:44px;right:0;min-width:200px;background:var(--belka-surface-panel);border-radius:var(--belka-r-md);padding:var(--belka-sp-2);z-index:40}.hud__menu-item{margin:0;color:var(--belka-on-panel);font-size:var(--belka-fs-12)}.table__your-turn{position:absolute;top:var(--belka-hud-h);left:var(--belka-sp-2);height:22px;padding:0 var(--belka-sp-2);background:var(--belka-surface-panel);color:var(--belka-on-panel);font-size:var(--belka-fs-12);border-radius:var(--belka-r-sm);display:flex;align-items:center;z-index:5}.table__top{height:var(--belka-seat-top-h);display:flex;align-items:center;justify-content:center}.table__mid{min-height:var(--belka-band-min-h);display:flex;align-items:center;justify-content:space-between;position:relative}.table__free{flex:1 1 auto}.table__reconnect{position:absolute;left:var(--belka-gutter);right:var(--belka-gutter);top:calc(var(--belka-hud-h) + 4px);min-height:32px;background:var(--belka-surface-panel);color:var(--belka-on-panel-accent);font-size:var(--belka-fs-12);border-radius:var(--belka-r-sm);padding:var(--belka-sp-2);display:flex;align-items:center;justify-content:center;gap:var(--belka-sp-2);flex-wrap:wrap;z-index:20}.table__reconnect--long{min-height:64px}.table__reconnect-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--belka-on-panel-accent);border-top-color:transparent;animation:belka-turn-spin .8s linear infinite;flex:none}.table__reconnect-btn{width:311px;height:44px;flex-basis:100%}.table__over{position:absolute;left:var(--belka-gutter);right:var(--belka-gutter);top:50%;transform:translateY(-50%);background:var(--belka-surface-panel);color:var(--belka-on-panel);border-radius:var(--belka-r-lg);padding:var(--belka-sp-4);text-align:center;z-index:30}.seat{position:relative}.seat--top{width:240px;display:flex;flex-direction:column;align-items:center;gap:4px}.seat--side{width:var(--belka-seat-side-w);display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 var(--belka-sp-2)}.seat__row1{display:flex;align-items:center;gap:6px}.seat__avatar{width:24px;height:24px;border-radius:50%;background:var(--belka-hairline)}.seat--side .seat__avatar{width:28px;height:28px}.seat--active .seat__avatar{outline:var(--belka-turn-ring-width) dashed var(--belka-turn-ring);outline-offset:2px;animation:belka-turn-spin 2s linear infinite}.seat__name{font-size:var(--belka-fs-13);color:var(--belka-on-felt)}.seat--side .seat__name{font-size:var(--belka-fs-11);color:var(--belka-on-felt-muted)}.seat__suit-badge{width:18px;height:18px;border-radius:50%;background:var(--belka-surface-panel);display:flex;align-items:center;justify-content:center}.seat--side .seat__suit-badge{width:16px;height:16px}.seat__team-strip{width:4px;height:36px}.seat--top .seat__team-strip{width:48px;height:4px}.seat__team-strip--us{background:var(--belka-team-us-on-felt)}.seat__team-strip--them{background:var(--belka-team-them-on-felt)}.back-fan{display:flex}.back-fan__card{width:var(--belka-back-w);height:var(--belka-back-h);background:var(--belka-surface-back);border-radius:var(--belka-r-sm);border:1px solid var(--belka-cream)}.back-fan--horizontal .back-fan__card+.back-fan__card{margin-left:calc(var(--belka-back-w) * -1 + var(--belka-back-strip))}.back-fan--vertical{flex-direction:column}.back-fan--vertical .back-fan__card{width:var(--belka-back-h);height:var(--belka-back-w)}.back-fan--vertical .back-fan__card+.back-fan__card{margin-top:calc(var(--belka-back-w) * -1 + var(--belka-back-strip-v))}.trick-zone{position:relative;width:175px;height:192px;margin:0 auto}.trick-zone__empty{position:absolute;top:0;right:0;bottom:0;left:0;border:1px dashed rgb(253 240 213 / .35);border-radius:var(--belka-r-lg)}.trick-zone__card.card{position:absolute;left:50%;top:50%}.card{position:relative;background:var(--belka-surface-panel);border-radius:var(--belka-card-radius);box-shadow:0 1px 2px #0000004d}.card--trump:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--belka-on-panel-accent);border-radius:0 0 var(--belka-card-radius) var(--belka-card-radius)}.card--illegal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--belka-scrim);border-radius:inherit}.card__index{position:absolute;top:2px;left:2px;width:var(--belka-card-index-w);display:flex;flex-direction:column;align-items:center;line-height:1}.card__rank{font-size:var(--belka-card-rank-fs);font-weight:700;letter-spacing:-1px}.card__pip{position:absolute;right:6px;bottom:6px;opacity:.18}.hand{position:relative;height:var(--belka-hand-zone-h);display:flex;flex-direction:column;align-items:center}.hand--locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--belka-scrim);z-index:200}.hand__hint{position:absolute;top:-26px;left:50%;transform:translate(-50%);background:var(--belka-surface-panel);color:var(--belka-on-panel);font-size:var(--belka-fs-12);padding:2px var(--belka-sp-2);border-radius:var(--belka-r-sm);white-space:nowrap;z-index:10}.hand__row{position:relative;height:104px;margin-top:20px}.hand__slot{position:absolute;top:0;width:56px;height:84px;transform:translateY(0);transition:transform var(--belka-t-fast) var(--belka-ease);cursor:pointer}.hand__slot--legal{transform:translateY(var(--belka-card-legal-y))}.hand__slot--lifted{transform:translateY(calc(var(--belka-card-lift) * -1))}.hand__slot--shake{animation:belka-shake .14s ease}@keyframes belka-shake{0%,to{margin-left:0}30%{margin-left:-6px}70%{margin-left:6px}}@keyframes belka-turn-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--belka-scrim-modal);display:flex;align-items:center;justify-content:center;z-index:50}.modal-panel{width:343px;background:var(--belka-surface-panel);border-radius:var(--belka-r-lg);padding:var(--belka-sp-4);display:flex;flex-direction:column;align-items:center;gap:var(--belka-sp-2);text-align:center}.modal__deal-no{margin:0;font-size:var(--belka-fs-11);color:var(--belka-on-panel-accent)}.modal__points{margin:0;font-size:var(--belka-fs-22);color:var(--belka-on-panel)}.modal__title{margin:0;font-size:var(--belka-fs-15);color:var(--belka-on-panel-accent)}.modal__title--big{font-size:var(--belka-fs-22)}.modal__game-title{margin:0;font-size:var(--belka-fs-32);color:var(--belka-on-panel-accent)}.modal__line{margin:0;font-size:var(--belka-fs-13);color:var(--belka-on-panel)}.modal__eyes-award{margin:0;font-size:var(--belka-fs-18);font-weight:700;color:var(--belka-on-panel)}.modal__score{margin:0;font-size:var(--belka-fs-15);color:var(--belka-on-panel);white-space:nowrap}.modal__score--big{font-size:var(--belka-fs-22)}.btn--modal{width:311px;height:48px;margin-top:var(--belka-sp-2)}