@font-face{font-family:Rubik;src:url(/fonts/rubik-latin.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Rubik;src:url(/fonts/rubik-arabic.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF}:root{--bg: #24272e;--bg-deep: #1b1e24;--surface: #282c34;--shadow-dark: #191c21;--shadow-light: #2f343d;--text: #eef1f7;--muted: #8b93a4;--dim: #626b7d;--green: #22c07a;--green-deep: #17a55b;--gold: #f0b429;--red: #e5484d;--blue: #4a9eff;--violet: #9b6dff;--felt: #1f6b43;--radius: 18px;--radius-sm: 12px;--radius-pill: 999px;--raise: -4px -4px 10px var(--shadow-light), 4px 4px 12px var(--shadow-dark);--raise-sm: -2px -2px 5px var(--shadow-light), 2px 2px 6px var(--shadow-dark);--press: inset -3px -3px 7px var(--shadow-light), inset 3px 3px 8px var(--shadow-dark);--press-sm: inset -2px -2px 4px var(--shadow-light), inset 2px 2px 5px var(--shadow-dark);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:Rubik,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;font-weight:500;overscroll-behavior:none;user-select:none;-webkit-user-select:none}#root{max-width:520px;margin:0 auto;position:relative}button{font:inherit;font-weight:700;color:var(--text);background:var(--surface);border:none;border-radius:var(--radius);padding:14px 18px;min-height:52px;cursor:pointer;box-shadow:var(--raise);transition:transform .12s ease}button:active:not(:disabled){transform:scale(.96);box-shadow:var(--press)}button:disabled{opacity:.4;box-shadow:var(--press-sm)}button.primary{color:#05130c;background:linear-gradient(145deg,#2ad98a,#1aa066);box-shadow:var(--raise),0 0 18px #22c07a47}button.danger{color:#1a0506;background:linear-gradient(145deg,#ff5a5f,#c93338);box-shadow:var(--raise),0 0 16px #e5484d3d}button.gold{color:#1c1403;background:linear-gradient(145deg,#ffc94d,#d99a15);box-shadow:var(--raise),0 0 16px #f0b4293d}button.ghost{background:transparent;color:var(--muted);box-shadow:none;font-weight:600}button.ghost:active:not(:disabled){box-shadow:var(--press-sm)}button.small{padding:9px 14px;min-height:40px;font-size:13px;border-radius:var(--radius-sm);box-shadow:var(--raise-sm)}button.small:active:not(:disabled){box-shadow:var(--press-sm)}button.big{width:100%;padding:20px;font-size:17px;letter-spacing:.02em}input{font:inherit;font-weight:600;color:var(--text);background:var(--bg);border:none;border-radius:var(--radius-sm);padding:14px 16px;min-height:50px;width:100%;box-shadow:var(--press-sm)}input:focus{outline:none;box-shadow:var(--press-sm),0 0 0 2px #4a9eff66}input::placeholder{color:var(--dim)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}.screen{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}.screen.center{display:flex;align-items:center;justify-content:center}.card{display:flex;flex-direction:column;gap:14px;background:var(--surface);border-radius:24px;padding:26px 22px;width:100%;box-shadow:var(--raise)}.card h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.card p{margin:0}.error{background:#e5484d1f;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;font-weight:600;color:#ff9498;box-shadow:var(--press-sm);animation:shake .34s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.lobby{display:flex;flex-direction:column;gap:20px}.lobby-head{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border-radius:20px;padding:16px 18px;box-shadow:var(--raise)}.hello{font-size:17px;font-weight:800;letter-spacing:-.01em}.chips{display:flex;align-items:center;gap:6px;color:var(--gold);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums;margin-top:2px}.chips:before{content:"";width:13px;height:13px;border-radius:50%;background:linear-gradient(145deg,#ffd976,#d99a15);box-shadow:0 0 8px #f0b42973}.lobby h2{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);font-weight:800;margin:0 0 10px 4px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--surface);border-radius:20px;padding:15px 16px;margin-bottom:10px;box-shadow:var(--raise);animation:rise .26s ease backwards}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.row.static{cursor:default}.row-main{flex:1;min-width:0;cursor:pointer}.row-title{font-weight:800;font-size:15px;letter-spacing:-.01em}.row .muted{font-size:12.5px;font-weight:600;margin-top:3px}.row-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}.club-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.join-club{display:flex;gap:8px;flex:1;min-width:190px}.join-club input{text-align:center;letter-spacing:.16em;text-transform:uppercase;font-weight:800}code{background:var(--bg);padding:3px 8px;border-radius:7px;letter-spacing:.1em;font-weight:800;font-size:11.5px;color:var(--gold);box-shadow:var(--press-sm)}.table-screen{position:relative;height:100%;overflow:hidden;background:radial-gradient(ellipse 62% 42% at 50% 40%,#000000c7,#00000059 70%,#0000008c),url(/tex/casino.webp) center / cover no-repeat,#0a0c11}.canvas-wrap{position:absolute;inset:0}.canvas-wrap canvas{display:block;width:100%;height:100%}.hud-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));z-index:3}.hud-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:17px;background:var(--surface);box-shadow:var(--raise-sm)}.table-meta{flex:1;min-width:0;text-align:center}.table-meta .name{font-weight:800;font-size:13.5px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-meta .stakes{font-size:11px;font-weight:700;color:var(--dim);letter-spacing:.06em;margin-top:1px}.badge{padding:6px 11px;border-radius:var(--radius-pill);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;background:var(--surface);box-shadow:var(--raise-sm)}.badge.warn{color:var(--gold)}.pot{position:absolute;top:44%;left:0;right:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;z-index:2}.pot-chip{display:flex;align-items:center;gap:7px;background:#0a0d12b8;border-radius:var(--radius-pill);padding:5px 14px 5px 8px;font-weight:800;font-size:14px;font-variant-numeric:tabular-nums;color:#ffd15c;text-shadow:0 1px 3px rgba(0,0,0,.8);animation:potPop .3s cubic-bezier(.34,1.56,.64,1)}.pot-label{font-size:9px;font-weight:800;letter-spacing:.14em;color:#ffffff8c;text-align:center;margin-bottom:3px}@keyframes potPop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.seats{position:absolute;inset:0;pointer-events:none;z-index:2}.seat{position:absolute;transform:translate(-50%,-50%);width:86px;text-align:center;animation:rise .28s ease backwards}.seat-avatar{width:50px;height:50px;margin:0 auto;border-radius:50%;position:relative;background:var(--surface);box-shadow:0 0 0 2px #0000008c,0 3px 8px #0000008c;overflow:visible;transition:transform .2s ease}.seat-avatar img{width:100%;height:100%;border-radius:50%;display:block;background:#2c313a}.seat.empty .seat-avatar{display:grid;place-items:center;background:#ffffff0a;box-shadow:inset 0 0 0 2px #ffffff1f;color:#ffffff59;font-size:9px;font-weight:800;letter-spacing:.08em}.seat.actor .seat-avatar{box-shadow:0 0 0 3px var(--gold),0 0 16px #f0b42999,0 3px 8px #0000008c}.seat.actor .seat-avatar:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--gold);opacity:0;animation:pulse 1.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.32);opacity:0}}.seat.me .seat-avatar{box-shadow:0 0 0 2.5px var(--green),0 3px 8px #0000008c}.seat.folded{opacity:.4}.seat-plate{margin-top:-9px;background:#0c0f14eb;border-radius:9px;padding:3px 8px 4px;box-shadow:0 2px 6px #00000080;position:relative;z-index:1}.seat-name{font-weight:700;font-size:10.5px;color:#dfe5ef;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.seat-stack{color:#ffd15c;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.25}.bot-tag{display:inline-block;font-size:7.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--violet);margin-left:2px;vertical-align:1px}.dealer{position:absolute;right:-3px;bottom:1px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff,#c2c7d0);color:#14171c;font-size:9.5px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 5px #0009;z-index:2}.seat-bet{position:absolute;left:50%;transform:translate(-50%);top:100%;margin-top:4px;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;animation:betIn .24s cubic-bezier(.34,1.56,.64,1)}.chip{width:15px;height:15px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 35% 30%,#ff7a6d,#c0392b 60%,#8e2119);box-shadow:0 0 0 2px #ffffffd9 inset,0 1px 3px #0009}.chip.gold{background:radial-gradient(circle at 35% 30%,#ffe08a,#e0a41c 60%,#a8740c)}.chip-layer{position:absolute;inset:0;pointer-events:none;z-index:3}.chip.flying{position:absolute;width:17px;height:17px;margin:-8.5px 0 0 -8.5px;animation:chipFly var(--chip-flight, .48s) cubic-bezier(.36,0,.24,1) both}@keyframes chipFly{0%{transform:translate(0) scale(.85);opacity:.9}12%{transform:translate(calc(var(--dx) * .1),calc(var(--dy) * .1 - 9px)) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(.66);opacity:0}}.seat-bet span{font-size:11.5px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px rgba(0,0,0,.9)}@keyframes betIn{0%{transform:translate(-50%) translateY(-10px) scale(.6);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.seat-note{font-size:8.5px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.seat-timer{height:3px;margin:3px auto 0;width:50px;border-radius:2px;background:#0000008c;overflow:hidden}.seat-timer i{display:block;height:100%;background:var(--green);transform-origin:left center;transition:transform .5s linear}.seat-timer.urgent i{background:var(--red)}.controls{position:absolute;left:0;right:0;bottom:0;z-index:4;display:flex;flex-direction:column;gap:8px;padding:26px 12px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#04060a00,#04060a73 42%,#04060ad1);pointer-events:none}.controls>*{pointer-events:auto}.hero-tools{display:flex;gap:6px;justify-content:flex-end}.hero-tools button{min-height:30px;padding:0 12px;font-size:11.5px;font-weight:700;color:var(--muted);background:#ffffff0d;border-radius:var(--radius-pill);box-shadow:inset 0 1px #ffffff12,0 1px 2px #00000080}.action-bar{display:flex;gap:9px;padding-bottom:5px}.action-bar button{flex:1}.action-bar button.wide{flex:2}.action-bar button{position:relative;padding:10px 6px;min-height:56px;border-radius:var(--radius-pill);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;transition:transform 90ms ease}.action-bar button:before{content:"";position:absolute;top:0;left:6%;right:6%;height:48%;border-radius:0 0 50% 50%/0 0 100% 100%;background:linear-gradient(180deg,#ffffff57,#fff0);pointer-events:none}.action-bar .face{position:relative;font-size:15.5px;font-weight:800;letter-spacing:.01em;text-shadow:0 1px 1px rgba(0,0,0,.28)}.action-bar .sub{position:relative;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums;padding:1px 9px;border-radius:var(--radius-pill);background:#00000038;box-shadow:inset 0 1px 2px #0000004d}.btn-fold{color:#2a0709;background:linear-gradient(180deg,#ff7b7f,#ef4c52 46%,#c62b31);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #0000004d,0 4px #8e1e23,0 7px 14px #0000008c,0 0 20px #e5484d4d}.btn-call{color:#eef1f7;background:linear-gradient(180deg,#59606f,#3d434f 46%,#2a2f39);box-shadow:inset 0 1px #ffffff3d,inset 0 -2px 3px #00000059,0 4px #1b1e25,0 7px 14px #0000008c}.btn-raise{color:#032012;background:linear-gradient(180deg,#4ce49f,#22c07a 46%,#12915a);box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 3px #00000047,0 4px #0b6b41,0 7px 14px #0000008c,0 0 22px #22c07a57}.action-bar button:active:not(:disabled){transform:translateY(4px)}.btn-fold:active:not(:disabled){box-shadow:inset 0 2px 5px #0006,0 0 #8e1e23,0 2px 5px #00000080}.btn-call:active:not(:disabled){box-shadow:inset 0 2px 5px #00000073,0 0 #1b1e25,0 2px 5px #00000080}.btn-raise:active:not(:disabled){box-shadow:inset 0 2px 5px #00000061,0 0 #0b6b41,0 2px 5px #00000080}.action-bar button:disabled{opacity:.45;box-shadow:inset 0 2px 5px #0006,0 1px 2px #0006}.action-bar button:disabled:before{opacity:.3}.sizing-panel{display:flex;flex-direction:column;gap:9px;padding:11px;border-radius:18px;background:linear-gradient(180deg,#181c23fc,#0e1116fc);box-shadow:inset 0 1px #ffffff12,0 -6px 20px #0009;animation:trayUp .16s ease}@keyframes trayUp{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.raise-presets{display:flex;gap:7px}.raise-presets button{flex:1;min-height:32px;padding:5px 4px;font-size:10.5px;font-weight:800;letter-spacing:.04em;border-radius:var(--radius-pill);color:var(--muted);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #ffffff1a,0 2px #00000073,0 4px 8px #0006}.raise-presets button.on{color:#1c1403;background:linear-gradient(180deg,#ffd976,#f0b429,#cf9314);box-shadow:inset 0 1px #fff9,0 2px #96690c,0 4px 10px #00000073,0 0 16px #f0b42959}.raise-presets button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 4px #00000073}.raise-row{display:flex;align-items:center;gap:11px}.raise-value{min-width:62px;padding:5px 10px;text-align:center;font-size:14px;font-weight:900;color:var(--gold);font-variant-numeric:tabular-nums;border-radius:var(--radius-pill);background:#00000073;box-shadow:inset 0 2px 4px #0009,inset 0 0 0 1px #f0b42938}input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:32px;min-height:32px;padding:0;background:transparent;box-shadow:none}input[type=range]::-webkit-slider-runnable-track{height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#f0b429 0 var(--fill, 0%),rgba(0,0,0,.55) var(--fill, 0%) 100%);box-shadow:inset 0 2px 4px #000000a6,0 1px #ffffff0d}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-8px;border-radius:50%;border:2px solid rgba(255,255,255,.4);background:radial-gradient(circle at 50% 34%,#fff2c8,#f0b429 58%,#c2870f);box-shadow:0 3px 8px #000000a6,inset 0 0 0 3px #00000029}input[type=range]::-moz-range-track{height:10px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#f0b429 0 var(--fill, 0%),rgba(0,0,0,.55) var(--fill, 0%) 100%);box-shadow:inset 0 2px 4px #000000a6}input[type=range]::-moz-range-thumb{width:22px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:50%;background:radial-gradient(circle at 50% 34%,#fff2c8,#f0b429 58%,#c2870f);box-shadow:0 3px 8px #000000a6}.sit-row,.waiting-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;justify-content:center}.waiting-row .muted,.sit-row .muted{font-size:12.5px;font-weight:700;flex:1;min-width:120px}.seat-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.log{position:absolute;top:calc(58px + env(safe-area-inset-top));left:12px;right:12px;text-align:center;font-size:11.5px;font-weight:700;color:#ffffff6b;text-shadow:0 1px 4px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:3;animation:rise .2s ease}.hand-rank{position:absolute;left:0;right:0;bottom:40%;display:flex;justify-content:center;pointer-events:none;z-index:3}.hand-rank span{display:inline-block;background:linear-gradient(180deg,#2e260ef2,#120f08f2);color:#ffd15c;font-size:11.5px;font-weight:800;letter-spacing:.06em;padding:6px 13px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px #ffd15c66,inset 0 1px #ffffff1f,0 2px 6px #0009;text-shadow:0 1px 2px rgba(0,0,0,.8);white-space:nowrap;animation:rankIn .26s cubic-bezier(.34,1.56,.64,1)}@keyframes rankIn{0%{transform:translateY(8px) scale(.9);opacity:0}to{transform:none;opacity:1}}.street-tag{position:absolute;top:51%;left:0;right:0;text-align:center;font-size:9px;font-weight:800;letter-spacing:.2em;color:#ffffff42;pointer-events:none;z-index:2}.winner-banner{position:absolute;top:42%;left:0;right:0;display:flex;justify-content:center;pointer-events:none;z-index:5}.winner-banner span{background:linear-gradient(145deg,#ffd976,#d99a15);color:#1c1403;font-weight:900;font-size:15px;padding:10px 22px;border-radius:var(--radius-pill);box-shadow:0 6px 22px #f0b42973;animation:winner 1.8s ease forwards}@keyframes winner{0%{transform:scale(.6);opacity:0}18%{transform:scale(1.06);opacity:1}28%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.96)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-height:680px){.action-bar button{min-height:50px;padding:8px 6px}.action-bar .face{font-size:14.5px}.seat{width:82px}.seat-avatar{width:40px;height:40px}}
