:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05020c;--bg-2:#0a0517;--panel:#120b22c7;--panel-soft:#ffffff0b;--line:#c4b2ff1f;--line-strong:#cebeff3d;--ink:#f5f0ff;--muted:#a99fbe;--dim:#7a7090;--gold:#b7a1ff;--gold-2:#eadfff;--gold-deep:#7557d8;--gold-ink:#0f0820;--violet:#a78bfa;--violet-deep:#6d4be0;--coral:#ff7289;--coral-deep:#d94a61;--emerald:#7c5cff;--felt:#1d1136;--felt-2:#07030f;--card:#faf5e9;--card-2:#eee5d2;--card-ink:#181a21;--red:#d8465d;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:36px;--r-pill:999px;--shadow-soft:0 24px 70px #04000e8c;--shadow-card:0 10px 22px #04000e66, inset 0 0 0 1px #ffffff8c;--shadow-gold:0 10px 34px #946fff47;--font-display:"Unbounded", "Manrope", system-ui, sans-serif;--font-body:"Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-top:var(--discord-safe-area-inset-top,env(safe-area-inset-top,0px));--safe-bottom:var(--discord-safe-area-inset-bottom,env(safe-area-inset-bottom,0px));--safe-left:var(--discord-safe-area-inset-left,env(safe-area-inset-left,0px));--safe-right:var(--discord-safe-area-inset-right,env(safe-area-inset-right,0px))}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-size:14px;line-height:1.4;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}button:disabled{cursor:not-allowed}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}::selection{background:#aa8dff4d}.ambient{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,#7048dc3d,#0000 55%),radial-gradient(100% 80% at 100% 100%,#5a28be33,#0000 60%),linear-gradient(#05020c 0%,#090b12 60%,#05020c 100%);position:fixed;inset:0;overflow:hidden}.ambient-blob{filter:blur(90px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite alternate blobFloat;display:block;position:absolute}.blob-violet{background:radial-gradient(circle,#7a50ff6b,#0000 65%);width:48vw;height:48vw;top:-16vw;left:-12vw}.blob-gold{background:radial-gradient(circle,#aa8dff2e,#0000 65%);width:36vw;height:36vw;animation-delay:-6s;top:24vh;right:-8vw}.blob-emerald{background:radial-gradient(circle,#8036e242,#0000 65%);width:44vw;height:44vw;animation-delay:-11s;bottom:-22vw;left:22vw}.ambient-grain{opacity:.16;mix-blend-mode:soft-light;background-image:radial-gradient(#ffffff1f .6px,#0000 .6px),radial-gradient(#ffffff12 .6px,#0000 .6px);background-position:0 0,3px 4px;background-size:5px 5px,9px 9px;position:absolute;inset:0}@keyframes blobFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(3vw,4vh)scale(1.08)}}#app{z-index:1;width:100%;height:100dvh;position:relative}.shell{width:min(1240px,100%);height:100dvh;padding:calc(10px + var(--safe-top)) calc(clamp(10px, 2.2vw, 24px) + var(--safe-right)) 0 calc(clamp(10px, 2.2vw, 24px) + var(--safe-left));flex-direction:column;margin:0 auto;display:flex;position:relative}.game-shell{padding-bottom:0}.topbar{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:2px 0 6px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:inline-flex}.brand-mark{color:#f6f0ff;background:radial-gradient(120% 120% at 50% 8%,#9664ff80,#0000 62%),linear-gradient(155deg,#2a1852 0%,#150c2c 55%,#080310 100%);border:1px solid #bc9eff4d;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 26px #7c4aff57,inset 0 1px #ffffff29,inset 0 -3px 10px #6030d23d}.brand-mark svg{filter:drop-shadow(0 0 9px #9e6cff99);width:30px;height:30px}.brand-text{align-items:baseline;gap:6px;min-width:0;line-height:1;display:inline-flex}.brand-text b{font-family:var(--font-display);letter-spacing:.06em;font-size:15px;font-weight:700}.brand-text i{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:10px;font-style:normal;font-weight:700}.topbar-right{align-items:center;gap:7px;min-width:0;display:flex}.room-pill{border-radius:var(--r-pill);border:1px solid var(--line);max-width:160px;height:42px;color:var(--muted);letter-spacing:.04em;background:#ffffff0a;align-items:center;gap:7px;padding:0 14px;font-size:11.5px;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.room-pill span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-pill:hover{color:var(--gold);background:#aa8dff12;border-color:#aa8dff66}.ico{flex:none;justify-content:center;align-items:center;display:inline-flex}.ico svg{width:18px;height:18px}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);background:#ffffff0a;border-radius:14px;flex:none;place-items:center;transition:transform .15s,background .2s,border-color .2s,color .2s;display:grid}.icon-btn:hover{border-color:var(--line-strong);background:#ffffff14}.icon-btn:active{transform:scale(.94)}.icon-btn.is-muted{color:var(--dim)}.icon-btn.tiny{border-radius:12px;width:38px;height:38px}.people-wrap{flex:none;margin:2px 0 6px;position:relative}.people-wrap:after{content:"";pointer-events:none;border-radius:0 var(--r-md) var(--r-md) 0;opacity:.8;background:linear-gradient(90deg,#0000,#07080de6);width:26px;position:absolute;top:0;bottom:0;right:-2px}.people-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:flex-start;gap:8px;min-height:64px;padding:2px 4px 4px;display:flex;overflow:auto hidden}.people-scroll::-webkit-scrollbar{display:none}.people-empty{color:var(--dim);align-self:center;padding:0 8px;font-size:12px}.plus-tile,.person{width:52px;color:var(--ink);background:0 0;flex-direction:column;flex:none;align-items:center;gap:4px;padding:0;display:flex}.plus-circle{width:44px;height:44px;color:var(--gold);background:#aa8dff12;border:1.5px dashed #aa8dff99;border-radius:50%;place-items:center;transition:transform .18s,background .2s,box-shadow .2s;animation:2.8s ease-out infinite plusPulse;display:grid;box-shadow:0 0 #aa8dff29}.plus-circle svg{width:19px;height:19px}.plus-tile:hover .plus-circle{background:#aa8dff29;transform:translateY(-2px)scale(1.04)}.plus-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gold);font-size:9.5px;font-weight:700}.plus-tile.is-locked{opacity:.5}.plus-tile.is-locked .plus-circle{border-color:var(--line-strong);color:var(--dim);background:#ffffff0a;animation:none}.lock-dot{background:var(--dim);border-radius:50%;width:9px;height:9px}@keyframes plusPulse{0%,to{box-shadow:0 0 #aa8dff2e}45%{box-shadow:0 0 0 8px #aa8dff00}}.person-ava{border-radius:50%;width:44px;height:44px;display:block;position:relative}.person .avatar{border:1.5px solid #ffffff1f;width:44px;height:44px;transition:transform .18s,box-shadow .2s;box-shadow:0 6px 14px #00000059}.person:hover .avatar{transform:translateY(-2px)}.person.is-seated .avatar{box-shadow:0 0 0 2px var(--gold), 0 6px 16px #aa8dff29, 0 6px 14px #00000059;border-color:#0000}.person.is-spectator .avatar{opacity:.72}.person.is-spectator:hover .avatar{opacity:.95}.person.is-you .person-name{color:var(--gold-2)}.person.is-offline .avatar{filter:grayscale();opacity:.42}.person.is-out .avatar{filter:grayscale(.75);opacity:.54}.person.is-turn .avatar{box-shadow:0 0 0 2px var(--gold), 0 0 18px #aa8dff66, 0 6px 14px #00000059}.person.is-attacker .avatar{box-shadow:0 0 0 2px var(--coral), 0 0 16px #ff728942, 0 6px 14px #00000059}.person.is-defender .avatar{box-shadow:0 0 0 2px var(--violet), 0 0 16px #9a8dff42, 0 6px 14px #00000059}.person.is-turn.is-attacker .avatar,.person.is-turn.is-defender .avatar{box-shadow:0 0 0 2px var(--gold), 0 0 0 5px #aa8dff24, 0 0 22px #aa8dff61, 0 6px 14px #00000059}.person-turn-ring{pointer-events:none;border:1.5px solid #aa8dff80;border-radius:50%;animation:1.8s ease-out infinite ringPulse;position:absolute;inset:-5px}@keyframes ringPulse{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.15;transform:scale(1.08)}}.person-name{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;color:var(--muted);font-size:9.5px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.seat-badge{background:linear-gradient(180deg, var(--gold-2), var(--gold));min-width:16px;height:16px;color:var(--gold-ink);border:1.5px solid #0a0614;border-radius:50%;place-items:center;padding:0 3px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;bottom:-2px;left:-2px;box-shadow:0 2px 6px #0006}.mini-crown{width:16px;height:16px;color:var(--gold);background:#140a26;border:1px solid #aa8dff73;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-3px}.mini-crown svg{width:10px;height:10px}.mini-bot{border-radius:var(--r-pill);color:var(--violet);letter-spacing:.04em;text-transform:uppercase;background:#9a8dff33;border:1px solid #9a8dff59;padding:1px 4px;font-size:7.5px;font-style:normal;font-weight:800;position:absolute;bottom:-3px;right:-6px}.mini-off{background:var(--coral);border:2px solid #0a0614;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.avatar{background:radial-gradient(120% 120% at 25% 15%, hsl(var(--hue,250) 55% 44% / .9), transparent 70%), linear-gradient(150deg, hsl(var(--hue,250) 42% 30%), hsl(calc(var(--hue,250) + 42) 48% 16%));color:#ffffffeb;isolation:isolate;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.avatar-initial{font-family:var(--font-display);text-shadow:0 1px 4px #0000004d;font-size:15px;font-weight:600;line-height:1}.avatar img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.avatar img.is-broken{display:none}.avatar-lg{width:58px;height:58px}.avatar-lg .avatar-initial{font-size:19px}.avatar-sm{width:30px;height:30px}.avatar-sm .avatar-initial{font-size:11px}.avatar-xl{width:92px;height:92px;margin:0 auto 6px;box-shadow:0 18px 40px #0006}.avatar-xl .avatar-initial{font-size:30px}.lobby-shell{padding-bottom:calc(12px + var(--safe-bottom))}.lobby-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex:1;min-height:0;padding:4px 2px 10px;overflow:hidden auto}.lobby-scroll::-webkit-scrollbar{width:8px}.lobby-scroll::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:8px}.lobby-head{max-width:760px;padding:8px 4px 16px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 8px;font-size:10.5px;font-weight:800;display:flex}.live-dot{background:var(--emerald);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 0 4px #2c9c7629}@keyframes livePulse{0%,to{box-shadow:0 0 0 4px #2c9c7629}50%{box-shadow:0 0 0 7px #2c9c7608}}.lobby-head h1{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(34px,5.6vw,60px);font-weight:700;line-height:.98}.lobby-head h1 span{background:linear-gradient(100deg, var(--gold-2), var(--gold) 42%, #8b6cf0);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{max-width:560px;color:var(--muted);margin:12px 0 0;font-size:clamp(12.5px,1.5vw,15px);line-height:1.55}.lobby-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.62fr);align-items:stretch;gap:clamp(12px,2vw,20px);display:grid}.lobby-footnote{text-align:center;letter-spacing:.06em;color:var(--dim);margin:14px 4px 6px;font-size:10.5px}.felt{isolation:isolate;background:radial-gradient(120% 92% at 50% -4%,#9664ff4d,#0000 56%),radial-gradient(90% 80% at 50% 112%,#070214e6,#0000 62%),linear-gradient(158deg,#211341 0%,#120a27 48%,#06030d 100%);border-radius:clamp(28px,4vw,44px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 26px 70px #00000038,inset 0 -30px 70px #0000004d,0 30px 70px #0000006b}.felt-shine{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.7;background-image:radial-gradient(#ffffff0e .7px,#0000 .7px),radial-gradient(#00000014 .7px,#0000 .7px);background-position:0 0,3px 3px;background-size:5px 5px,7px 7px;position:absolute;inset:0}.felt-shine:after{content:"";background:radial-gradient(70% 55% at 50% 38%,#ffffff14,#0000 70%);position:absolute;inset:0}.felt-rim{border-radius:inherit;pointer-events:none;border:1px dashed #aa8dff29;position:absolute;inset:11px}.felt-orbit{pointer-events:none;border:1px solid #bea0ff1a;border-radius:50%;position:absolute;inset:3.2% 2.4%;box-shadow:inset 0 0 60px #0601105c,inset 0 0 0 1px #ffffff04,0 0 40px #8252ff0f}.felt-orbit:after{content:"";border:1px solid #bea0ff0e;border-radius:50%;position:absolute;inset:5.5%}.lobby-felt{min-height:clamp(290px,42vh,430px)}.felt-center{z-index:3;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.felt-kicker{letter-spacing:.18em;text-transform:uppercase;color:#aa8dffd9;font-size:9.5px;font-weight:800}.felt-count{font-family:var(--font-display);align-items:baseline;gap:2px;line-height:1;display:inline-flex}.felt-count strong{letter-spacing:-.04em;color:var(--ink);text-shadow:0 6px 30px #00000059;font-size:clamp(38px,5.5vw,58px);font-weight:600}.felt-count i{color:#ffffff61;font-size:clamp(16px,2vw,22px);font-style:normal;font-weight:500}.felt-status{letter-spacing:.02em;color:#ffffff9e;font-size:11px;font-weight:600}.slot-dots{gap:5px;margin:8px 0 1px;display:inline-flex}.slot-dots i{background:#ffffff29;border-radius:50%;width:6px;height:6px}.slot-dots i.is-on{background:var(--gold);box-shadow:0 0 8px #aa8dff80}.felt-host{color:#ffffff5c;font-size:9.5px}.felt-cards{z-index:1;opacity:.55;pointer-events:none;width:190px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deco-card{background:linear-gradient(155deg,#faf5e929,#faf5e90a);border:1px solid #ffffff38;border-radius:8px;width:58px;height:82px;position:absolute;top:50%;left:50%;box-shadow:inset 0 0 20px #ffffff0d}.deco-a{transform:translate(-50%,-50%)rotate(-16deg)translate(-46px)}.deco-b{opacity:.75;transform:translate(-50%,-50%)rotate(-1deg)translateY(-8px)}.deco-c{transform:translate(-50%,-50%)rotate(15deg)translate(46px)}.seat-layer{z-index:4;pointer-events:none;position:absolute;inset:0}.seat-layer>*{pointer-events:auto}.lobby-seat{text-align:center;flex-direction:column;align-items:center;gap:3px;width:100px;display:flex;position:absolute;transform:translate(-50%,-50%)}.lobby-seat .avatar{border:2px solid #ffffff24;box-shadow:0 12px 26px #0006}.lobby-seat-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffffd1;text-shadow:0 1px 6px #0006;max-width:100px;font-size:10.5px;font-weight:700;overflow:hidden}.lobby-seat-tags{flex-wrap:wrap;justify-content:center;gap:3px;display:inline-flex}.tag{border-radius:var(--r-pill);letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;align-items:center;height:15px;padding:0 5px;font-size:7.5px;font-style:normal;font-weight:800;display:inline-flex}.tag-gold{color:var(--gold);background:#aa8dff1f;border-color:#aa8dff47}.tag-violet{color:var(--violet);background:#9a8dff1f;border-color:#9a8dff4d}.tag-muted{color:var(--muted);background:#ffffff12}.tag-off{color:var(--coral);background:#ff72891f}.lobby-seat.is-ghost{opacity:.52}.ghost-circle{color:#ffffff80;background:#ffffff08;border:1.5px dashed #ffffff47;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.ghost-circle svg{width:20px;height:20px}.glass{border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);background:linear-gradient(160deg,#ffffff10,#ffffff06),#0a0c1394}.lobby-panel{border-radius:clamp(24px,3vw,34px);flex-direction:column;gap:12px;padding:clamp(16px,2vw,22px);display:flex}.panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.panel-label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:9.5px;font-weight:800;display:block}.host-chip{border-radius:var(--r-pill);height:22px;color:var(--gold);letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;background:#aa8dff1c;border:1px solid #aa8dff47;align-items:center;max-width:150px;padding:0 9px;font-size:8.5px;font-weight:800;display:inline-flex;overflow:hidden}.host-chip.is-muted{color:var(--muted);border-color:var(--line);background:#ffffff0d}.segmented{background:#00000047;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.seg{min-height:44px;color:var(--muted);border-radius:12px;padding:0 8px;font-size:11.5px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s,transform .15s}.seg:hover{color:var(--ink);background:#ffffff0d}.seg.is-active{color:var(--gold-ink);background:linear-gradient(180deg, var(--gold-2), var(--gold));box-shadow:0 6px 18px #aa8dff38,inset 0 1px #fff9}.seg:active{transform:scale(.97)}.mode-static{min-height:50px;font-family:var(--font-display);color:var(--gold-2);background:#aa8dff14;border:1px solid #aa8dff33;border-radius:16px;align-items:center;padding:0 16px;font-size:13px;display:flex}.panel-note{color:var(--muted);margin:-2px 0 0;font-size:11.5px;line-height:1.5}.panel-divider{background:linear-gradient(90deg, transparent, var(--line), transparent);height:1px;margin:1px 0}.seats-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.seats-value{font-family:var(--font-display);margin-top:2px;font-size:24px;font-weight:600;line-height:1;display:block}.seats-value i{color:var(--dim);font-size:13px;font-style:normal}.panel-tiny{color:var(--dim);text-align:center;margin:-4px 0 0;font-size:10.5px;line-height:1.45}.waiting-box{border:1px solid var(--line);min-height:48px;color:var(--muted);background:#ffffff09;border-radius:16px;align-items:center;gap:9px;padding:10px 14px;font-size:11.5px;line-height:1.35;display:flex}.waiting-box b{color:var(--ink);font-weight:700}.waiting-dots{flex:none;gap:3px;display:inline-flex}.waiting-dots i{background:var(--gold);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dotBounce}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.btn{border-radius:var(--r-pill);letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 20px;font-size:13px;font-weight:800;transition:transform .15s,background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn .ico svg{width:15px;height:15px}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4}.btn-primary:disabled,.btn-start:disabled{opacity:1;color:#f6f2e99e;border-color:var(--line);box-shadow:none;background:linear-gradient(#2a2c35,#22242c)}.btn-primary{color:var(--gold-ink);background:linear-gradient(180deg, var(--gold-2), var(--gold) 55%, #8265e8);border-color:#ffffff59;box-shadow:0 10px 28px #aa8dff3d,inset 0 1px #fff9}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 34px #aa8dff52,inset 0 1px #ffffffb3}.btn-ghost{color:var(--ink);border-color:var(--line);background:#ffffff0b}.btn-ghost:hover:not(:disabled){border-color:var(--line-strong);background:#ffffff14}.btn-danger{color:#ffd9df;background:#d94a612b;border-color:#ff728966;box-shadow:0 8px 22px #d94a611f}.btn-danger:hover:not(:disabled){background:#d94a6147;border-color:#ff7289b3}.btn-violet{color:#e6e2ff;background:#6757e038;border-color:#9a8dff70;box-shadow:0 8px 22px #6757e029}.btn-violet:hover:not(:disabled){background:#6757e057;border-color:#9a8dffb3}.btn-violet.is-active{color:#120f2e;background:linear-gradient(#a89cff,#7867ea);border-color:#ffffff52}.btn-gold{color:var(--gold-2);background:#aa8dff1c;border-color:#aa8dff61}.btn-gold:hover:not(:disabled){background:#aa8dff33;border-color:#aa8dffa6}.btn-wide{width:100%}.btn-sm{height:44px;min-height:44px;padding:0 14px;font-size:11.5px}.btn-start{width:100%;height:54px;min-height:54px;font-size:14.5px}.rules-link{min-height:44px;color:var(--dim);letter-spacing:.04em;border-radius:var(--r-pill);justify-content:center;align-items:center;gap:6px;margin:0 auto;padding:0 8px;font-size:10.5px;font-weight:700;transition:color .2s,background .2s;display:inline-flex}.rules-link:hover{color:var(--gold);background:#aa8dff12}.rules-link .ico svg{width:13px;height:13px}.game-main{min-height:0;padding-bottom:calc(6px + var(--safe-bottom));flex-direction:column;flex:1;gap:8px;display:flex}.game-felt{flex:1;min-height:0}.game-top{z-index:6;pointer-events:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;display:grid;position:absolute;top:clamp(9px,1.4vw,14px);left:clamp(9px,1.4vw,14px);right:clamp(9px,1.4vw,14px)}.game-top>*{pointer-events:auto}.game-shell.is-finished .game-top{opacity:.24;pointer-events:none;transition:opacity .3s}.game-shell.is-finished .game-felt .seat-layer,.game-shell.is-finished .game-felt .table-zone{opacity:.32;filter:saturate(.6);transition:opacity .35s,filter .35s}.deck-area{align-items:center;gap:8px;min-width:0;display:flex}.deck-mini{flex:none;width:34px;height:48px;position:relative}.deck-mini .card-back{width:34px;height:48px;position:absolute;inset:0}.deck-mini .back-b{opacity:.7;transform:translate(3px,-2px)rotate(2deg)}.deck-mini .back-c{opacity:.45;transform:translate(6px,-4px)rotate(4deg)}.deck-mini .back-a{transform:translate(0)rotate(-1deg)}.deck-mini.is-empty{border:1.5px dashed #ffffff2b;border-radius:8px;place-items:center;display:grid}.deck-empty-dot{background:#fff3;border-radius:50%;width:6px;height:6px}.deck-meta{flex-direction:column;gap:0;min-width:34px;line-height:1.05;display:flex}.deck-meta b{font-family:var(--font-display);font-size:17px;font-weight:600}.deck-meta span{letter-spacing:.05em;color:#ffffff6b;font-size:8px;font-weight:700}.deck-meta em{color:#ffffff4d;white-space:nowrap;margin-top:3px;font-size:8px;font-style:normal}.trump-card{flex-direction:column;flex:none;align-items:center;gap:2px;margin-left:2px;display:flex;position:relative;transform:rotate(-9deg)}.trump-card .card{--card-w:34px;box-shadow:0 6px 16px #0006,0 0 0 1px #aa8dff73}.trump-card>i{letter-spacing:.08em;text-transform:uppercase;color:#aa8dffd9;font-size:7px;font-style:normal;font-weight:800}.trump-card.is-suit>span{width:34px;height:48px;color:var(--gold);background:#08141080;border:1px solid #aa8dff66;border-radius:8px;place-items:center;font-size:20px;display:grid}.turn-pill{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(12px);background:#07090eb8;border:1px solid #ffffff21;justify-self:center;align-items:center;gap:7px;min-width:0;max-width:100%;min-height:42px;padding:8px 14px 10px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 26px #00000040}.turn-pill.is-mine{background:linear-gradient(#3a2e12d9,#141108db);border-color:#aa8dff8c;box-shadow:0 0 0 1px #aa8dff29,0 12px 30px #aa8dff24}.turn-pill.is-low{border-color:#ff72898c}.turn-pill.is-over{opacity:.75}.turn-ico{flex:none;font-size:14px;line-height:1}.turn-text{text-overflow:ellipsis;white-space:nowrap;color:#ffffffdb;min-width:0;font-size:11.5px;font-weight:700;overflow:hidden}.turn-pill.is-mine .turn-text{color:var(--gold-2)}.turn-time{color:#fff6;flex:none;align-items:baseline;gap:1px;margin-left:2px;font-size:9px;font-weight:700;display:inline-flex}.turn-time b{font-variant-numeric:tabular-nums;color:#fffc;font-size:12px}.turn-pill.is-low .turn-time b{color:var(--coral)}.turn-fill{background:linear-gradient(90deg, var(--gold), #c3a4ff 70%, var(--coral));transform-origin:0;width:100%;height:2.5px;transition:transform .2s linear;position:absolute;bottom:0;left:0;transform:scaleX(1)}.turn-pill.is-low .turn-fill{background:linear-gradient(90deg, var(--coral), #ff3e5f)}.table-tools{justify-content:flex-end;align-items:center;gap:6px;display:flex}.round-chip{border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase;color:#ffffff85;white-space:nowrap;background:#07090e8c;border:1px solid #ffffff1c;align-items:center;height:38px;padding:0 12px;font-size:9.5px;font-weight:800;display:inline-flex}.table-zone{z-index:3;pointer-events:none;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:clamp(62px,13vh,108px) 0 6px}.table-pairs{--card-w:clamp(42px, 4.6vw, 58px);width:100%;max-width:calc(3 * (var(--card-w) * 1.48) + 26px);pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(6px,1.2vw,13px);display:flex}.pair{width:calc(var(--card-w) * 1.48);height:calc(var(--card-w) * 1.42);flex:none;position:relative}.table-pairs .card{--card-w:inherit;position:absolute}.table-card{width:var(--card-w);position:absolute;top:0;left:0}.table-card.attack{z-index:1;transform:rotate(-2.5deg)}.pair.is-beaten .table-card.attack{filter:saturate(.85);transform:rotate(-6deg)translateY(1px)}.table-card.defense{z-index:2;top:28%;left:36%;transform:rotate(7deg);box-shadow:0 12px 22px #00000061,inset 0 0 0 1px #fff9}.pair .table-card.attack.is-target,.table-card.is-target{box-shadow:0 0 0 2px var(--gold), 0 0 26px #aa8dff73, 0 12px 24px #0006;transform:rotate(0)translateY(-3px)}.pair-slot{width:var(--card-w);aspect-ratio:5/7;border:1.5px dashed #ffffff24;border-radius:7px;position:absolute;top:28%;left:36%;transform:rotate(7deg)}.table-empty{color:#ffffff6b;letter-spacing:.08em;text-transform:uppercase;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;font-weight:600;display:flex}.empty-spade{color:#ffffff2e;text-shadow:0 8px 30px #00000059;font-size:clamp(34px,5vw,52px);line-height:1}.card{--card-w:56px;width:var(--card-w);aspect-ratio:5/7;background:radial-gradient(130% 100% at 20% 0%, #fffdf8 0%, var(--card) 42%, var(--card-2) 100%);color:var(--card-ink);box-shadow:var(--shadow-card);font-family:var(--font-body);text-align:left;-webkit-user-select:none;user-select:none;border:1px solid #ffffffb8;border-radius:clamp(6px,.7vw,10px);flex:none;padding:0;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s,filter .2s,opacity .2s;display:block;position:relative}.card:after{content:"";border-radius:inherit;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#ffffff80,#0000 26% 74%,#78643c14);position:absolute;inset:0}.card.is-red{color:var(--red)}.card-corner{z-index:1;flex-direction:column;align-items:center;gap:0;line-height:.92;display:flex;position:absolute}.card-tl{top:5.5%;left:8%}.card-br{bottom:5.5%;right:8%;transform:rotate(180deg)}.card-corner b{font-size:calc(var(--card-w) * .215);letter-spacing:-.02em;font-weight:800}.card-corner i{font-style:normal;font-size:calc(var(--card-w) * .2)}.card-pip{font-size:calc(var(--card-w) * .46);opacity:.92;place-items:center;line-height:1;display:grid;position:absolute;inset:0}.card-star{font-size:calc(var(--card-w) * .16);color:var(--gold-deep);opacity:.9;position:absolute;top:4%;right:7%}.card-back{background:radial-gradient(120% 120% at 30% 10%,#2b1f4a,#160f2b 55%,#0b0718);border-color:#aa8dff47;place-items:center;display:grid;box-shadow:0 10px 22px #0000005c,inset 0 0 0 3px #aa8dff1f}.card-back:after{mix-blend-mode:normal;background:repeating-linear-gradient(45deg,#0000 0 5px,#aa8dff0d 5px 6px),repeating-linear-gradient(-45deg,#0000 0 5px,#aa8dff0d 5px 6px);border:1px solid #aa8dff29;border-radius:calc(clamp(6px,.7vw,10px) - 2px);inset:4px}.card-back-pattern{z-index:1;color:#aa8dffad;font-size:calc(var(--card-w) * .34);text-shadow:0 0 14px #aa8dff59;line-height:1;position:relative}.card.is-new{animation:.34s cubic-bezier(.2,.9,.2,1) both cardIn}@keyframes cardIn{0%{opacity:0;translate:0 16px;scale:.92}to{opacity:1;translate:0;scale:1}}.game-seat{z-index:5;width:clamp(72px,9vw,104px);color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat-avatar{width:clamp(44px,5.4vw,60px);height:clamp(44px,5.4vw,60px);display:block;position:relative}.seat-avatar .avatar{border:2px solid #ffffff21;width:100%;height:100%;box-shadow:0 10px 24px #0000006b}.game-seat.is-turn .avatar{border-color:#aa8dff80;box-shadow:0 0 0 2px #aa8dff5c,0 10px 28px #aa8dff29}.game-seat.is-attacker .avatar{box-shadow:0 0 0 2px #ff728980,0 10px 24px #0000006b}.game-seat.is-defender .avatar{box-shadow:0 0 0 2px #9a8dff8c,0 10px 24px #0000006b}.game-seat.is-turn.is-attacker .avatar,.game-seat.is-turn.is-defender .avatar{box-shadow:0 0 0 2px var(--gold), 0 0 22px #aa8dff52, 0 10px 24px #0000006b}.game-seat.is-out{opacity:.45;filter:grayscale(.8)}.game-seat.is-offline .avatar{opacity:.55;filter:grayscale()}.game-seat.is-kicked{opacity:.35}.game-seat-name{text-overflow:ellipsis;white-space:nowrap;color:#ffffffdb;text-shadow:0 1px 8px #0009;max-width:100%;font-size:10px;font-weight:700;display:block;overflow:hidden}.game-seat-tag{border-radius:var(--r-pill);color:#ffffff85;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:#00000052;align-items:center;height:14px;padding:0 5px;font-size:7.5px;font-weight:800;display:inline-flex}.game-seat-tag.tag-attack{color:#ffc3cc;background:#d94a613d}.game-seat-tag.tag-defend{color:#d8d2ff;background:#6757e042}.card-count{z-index:2;border-radius:var(--r-pill);height:18px;color:var(--gold-2);background:#080a10e6;border:1px solid #aa8dff3d;align-items:center;gap:2px;padding:0 5px 0 4px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;bottom:-3px;right:-7px;box-shadow:0 3px 8px #00000059}.card-count i{display:inline-flex}.card-count svg{opacity:.65;width:9px;height:9px}.turn-ring{background:conic-gradient(from -90deg, var(--gold) calc(var(--p,100) * 1%), #ffffff1a 0);pointer-events:none;filter:drop-shadow(0 0 5px #aa8dff59);border-radius:50%;position:absolute;inset:-7px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.sleep-dot{background:#090b11e6;border:1px solid #aa8dff47;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;animation:2s ease-in-out infinite sleepPulse;display:grid;position:absolute;top:-7px;right:-8px}@keyframes sleepPulse{0%,to{opacity:.55}50%{opacity:1}}.dock{border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#121520e0,#080a0ff5),radial-gradient(120% 100% at 50% 0,#aa8dff0f,#0000 60%);border-radius:28px;flex-direction:column;flex:none;gap:6px;padding:10px clamp(10px,2vw,18px) 8px;display:flex;position:relative;box-shadow:0 -18px 50px #00000052,inset 0 1px #ffffff0d}.dock.is-mine{border-color:#aa8dff3d;box-shadow:0 -18px 50px #00000052,0 0 0 1px #aa8dff17,inset 0 1px #ffffff12}.dock-top{align-items:center;gap:12px;min-height:44px;display:flex}.you-chip{flex:none;align-items:center;gap:9px;min-width:0;max-width:230px;display:flex}.you-chip .avatar{border:1.5px solid #ffffff26;width:40px;height:40px;box-shadow:0 6px 16px #00000059}.you-chip.is-out{opacity:.55;filter:grayscale(.6)}.you-meta{flex-direction:column;gap:1px;min-width:0;display:flex}.you-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;line-height:1.2;overflow:hidden}.you-meta i{text-overflow:ellipsis;white-space:nowrap;color:var(--dim);font-size:9.5px;font-style:normal;overflow:hidden}.spectator-avatar{background:#9a8dff1a;border:1px solid #9a8dff3d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:17px;display:grid}.dock-hint{text-overflow:ellipsis;white-space:nowrap;text-align:center;min-width:0;color:var(--muted);flex:1;margin:0;font-size:11.5px;font-weight:600;overflow:hidden}.dock.is-mine .dock-hint{color:var(--gold-2)}.dock-actions{flex:none;justify-content:flex-end;align-items:center;gap:7px;display:flex}.dock-actions .btn{height:44px;min-height:44px;padding:0 18px;font-size:12px}.hand-wrap{min-height:0;overflow:visible}.hand{--hand-gap:0px;justify-content:center;align-items:flex-end;min-height:calc(1.4*clamp(54px,8vw,84px) + 18px);padding:14px 6px 2px;display:flex}.hand-card{--card-w:clamp(54px, 8vw, 84px);margin-left:var(--hand-gap,0);transform-origin:50% 92%;transform:translateY(0) rotate(calc((var(--i) - var(--mid)) * .55deg));animation-delay:calc(var(--i) * 18ms)}.hand-card:first-child{margin-left:0}.hand-card.is-legal{transform:translateY(-7px) rotate(calc((var(--i) - var(--mid)) * .32deg));box-shadow:0 0 0 1.5px #aa8dffb3,0 12px 26px #0006,0 0 24px #aa8dff33}.hand-card.is-transfer{box-shadow:0 0 0 2px var(--violet), 0 14px 30px #0000006b, 0 0 26px #9a8dff59;transform:translateY(-9px)rotate(0)}.hand-card.is-dim{filter:saturate(.8)brightness(.88);opacity:.85}.hand-card:hover,.hand-card:focus-visible{transform:translateY(-18px)rotate(0)scale(1.035);box-shadow:0 18px 34px #00000073,0 0 0 1.5px #aa8dff80;z-index:90!important}.hand-card.is-transfer:hover{transform:translateY(-20px)rotate(0)scale(1.04)}.hand-empty{min-height:calc(clamp(54px,8vw,84px)/1.11111);color:var(--dim);justify-content:center;align-items:center;gap:8px;font-size:11.5px;font-weight:600;display:flex}.spectator-eye{font-size:18px}.finish-overlay{z-index:70;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));-webkit-backdrop-filter:blur(14px);background:#040509b3;place-items:center;animation:.25s both fadeIn;display:grid;position:fixed;inset:0;overflow:hidden}.finish-card{z-index:2;border-radius:var(--r-xl);text-align:center;flex-direction:column;gap:10px;width:min(440px,100%);max-height:100%;padding:clamp(22px,4vw,34px);animation:.32s cubic-bezier(.2,.9,.2,1) both popIn;display:flex;position:relative;overflow-y:auto}.finish-emblem{background:radial-gradient(circle at 35% 20%,#aa8dff47,#aa8dff0f);border:1px solid #aa8dff52;border-radius:50%;place-items:center;width:68px;height:68px;margin:0 auto;font-size:31px;display:grid;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff1f}.finish-emblem.small{width:58px;height:58px;font-size:25px}.finish-card .eyebrow{justify-content:center;margin:2px 0 0}.finish-card h2{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:clamp(22px,4vw,31px);font-weight:700;line-height:1.1}.finish-sub{color:var(--muted);margin:0 0 2px;font-size:12px;line-height:1.5}.finish-durak{border-radius:var(--r-pill);background:#d94a611f;border:1px solid #ff728947;justify-content:center;align-items:center;gap:7px;min-height:40px;margin:0 auto;padding:6px 14px;display:inline-flex}.finish-durak span{font-size:15px}.finish-durak b{font-size:12px}.finish-durak i{letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-size:9px;font-style:normal;font-weight:800}.finish-winners{border:1px solid var(--line);background:#ffffff09;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:9px;display:flex}.finish-label{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--dim);margin-bottom:2px;font-size:8.5px;font-weight:800}.finish-chip{border-radius:var(--r-pill);background:#aa8dff14;border:1px solid #aa8dff29;align-items:center;gap:5px;padding:3px 8px 3px 3px;font-size:10px;font-weight:700;display:inline-flex}.finish-chip .avatar{width:22px;height:22px}.finish-chip .avatar-initial{font-size:8px}.confetti-layer{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti{top:-8%;left:var(--x);background:hsl(var(--h) 80% 64%);opacity:.85;width:7px;height:13px;animation:2.8s linear infinite confettiFall;animation-delay:var(--d);transform:rotate(var(--r));border-radius:2px;position:absolute}@keyframes confettiFall{0%{translate:0 -10vh;rotate:0deg}to{translate:0 118vh;rotate:540deg}}.layer{pointer-events:none}.modal-layer{z-index:80;position:fixed;inset:0}.modal-backdrop{pointer-events:auto;padding:calc(18px + var(--safe-top)) calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left));-webkit-backdrop-filter:blur(10px);background:#040509b3;place-items:center;animation:.18s both fadeIn;display:grid;position:fixed;inset:0;overflow:hidden}.modal{width:min(480px,100%);max-height:calc(100dvh - 36px - var(--safe-top) - var(--safe-bottom));border-radius:var(--r-lg);scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;background:radial-gradient(130% 100% at 50% 0,#aa8dff0e,#0000 55%),#0a0c13f0;outline:none;padding:clamp(20px,3vw,28px);animation:.24s cubic-bezier(.2,.9,.2,1) both popIn;overflow-y:auto;box-shadow:0 32px 80px #0000009e,inset 0 1px #ffffff0f}.modal::-webkit-scrollbar{width:7px}.modal::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:7px}.modal h2{font-family:var(--font-display);margin:0 0 6px;font-size:clamp(19px,3vw,25px);font-weight:700;line-height:1.15}.modal-sub{color:var(--muted);margin:0 0 16px;font-size:12px;line-height:1.55}.modal-actions{flex-direction:column;gap:8px;margin:16px 0 8px;display:flex}.person-modal{text-align:center}.person-modal .modal-sub{margin-bottom:8px}.person-modal .modal-actions{margin-top:14px}.warn-text{color:var(--gold-2);background:#aa8dff14;border:1px solid #aa8dff33;border-radius:14px;margin:8px 0;padding:9px 12px;font-size:11px}.rules-list{flex-direction:column;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}.rules-list li{color:var(--muted);background:#ffffff09;border:1px solid #ffffff0e;border-radius:14px;padding:10px 12px 10px 34px;font-size:11.5px;line-height:1.5;position:relative}.rules-list li:before{content:"♠";color:var(--gold);font-size:12px;position:absolute;top:10px;left:12px}.rules-list b{color:var(--ink);font-weight:700}.rules-tip{color:#c9c3ff;background:#9a8dff14;border:1px solid #9a8dff33;border-radius:14px;margin:0 0 14px;padding:11px 14px;font-size:11px;line-height:1.5}.log-modal .eyebrow{margin-bottom:6px}.log-list{border:1px solid var(--line);scrollbar-width:thin;background:#0003;border-radius:16px;flex-direction:column;gap:5px;max-height:min(46vh,360px);margin:10px 0 14px;padding:4px;list-style:none;display:flex;overflow-y:auto}.log-list li{color:var(--muted);background:#ffffff06;border-radius:10px;padding:7px 10px;font-size:10.5px;line-height:1.45}.log-list li.log-attack{color:#ffc3cc}.log-list li.log-defend{color:#d8d2ff}.log-list li.log-bito,.log-list li.log-out,.log-list li.log-finish{color:var(--gold-2);background:#aa8dff0f}.log-list li.log-timeout,.log-list li.log-kick{color:var(--coral)}.log-list li.log-empty{text-align:center;color:var(--dim)}.toast-layer{top:calc(var(--safe-top) + 72px);z-index:100;flex-direction:column;align-items:center;gap:7px;width:min(420px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{border-radius:var(--r-pill);border:1px solid var(--line-strong);text-align:center;max-width:100%;color:var(--ink);-webkit-backdrop-filter:blur(12px);background:#10131df2;padding:10px 18px;font-size:11.5px;font-weight:700;line-height:1.35;animation:.24s cubic-bezier(.2,.9,.2,1) both toastIn;box-shadow:0 14px 34px #0006}.toast-error{color:#ffd9df;background:#301118f2;border-color:#ff728980}.toast-success{color:#c7f5e4;background:#0b2a20f2;border-color:#2c9c7680}.toast.is-out{animation:.25s both toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{to{opacity:0;transform:translateY(-6px)scale(.97)}}@keyframes toastInUp{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.reaction-layer{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.floating-reaction{will-change:transform, opacity;flex-direction:column;align-items:center;gap:3px;animation:2.5s cubic-bezier(.2,.7,.3,1) both reactionFloat;display:flex;position:absolute;bottom:18%}.reaction-emoji{filter:drop-shadow(0 6px 14px #0006);font-size:34px;line-height:1}.reaction-name{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--r-pill);border:1px solid var(--line);max-width:100px;color:var(--muted);background:#080a0fb8;padding:2px 8px;font-size:8.5px;font-weight:700;overflow:hidden}@keyframes reactionFloat{0%{opacity:0;transform:translateY(20px)scale(.7)}14%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--drift,0), -170px) scale(1.05)}}.pop-layer{z-index:95;position:fixed;inset:0}.reaction-pop{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);pointer-events:auto;background:#0d1018f7;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px;animation:.18s cubic-bezier(.2,.9,.2,1) both popIn;display:grid;position:fixed;box-shadow:0 18px 44px #00000073}.reaction-btn{border-radius:12px;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;transition:background .15s,transform .15s;display:grid}.reaction-btn:hover{background:#aa8dff1f;transform:scale(1.08)}.net-layer{z-index:110;position:fixed;inset:0}.net-banner{top:calc(var(--safe-top) + 64px);border-radius:var(--r-pill);color:#ffd9df;pointer-events:auto;background:#301118f5;border:1px solid #ff728980;align-items:center;gap:9px;max-width:calc(100% - 20px);padding:8px 12px 8px 14px;font-size:10.5px;font-weight:700;animation:.2s both toastIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #00000073}.net-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite netBlink}@keyframes netBlink{50%{opacity:.25}}.net-retry{border-radius:var(--r-pill);color:var(--ink);background:#ffffff14;border:1px solid #ffffff24;padding:4px 10px;font-size:9.5px;font-weight:800}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100dvh;padding:24px;display:flex}.boot-mark{color:#f6f0ff;background:radial-gradient(120% 120% at 50% 8%,#9664ff8c,#0000 62%),linear-gradient(155deg,#2a1852 0%,#150c2c 55%,#080310 100%);border:1px solid #bc9eff4d;border-radius:24px;place-items:center;width:76px;height:76px;margin-bottom:4px;animation:3s ease-in-out infinite bootFloat;display:grid;box-shadow:0 20px 56px #7c4aff57,inset 0 1px #ffffff29}.boot-mark .brand-mark{width:100%;height:100%;box-shadow:none;border-radius:inherit;background:0 0}.boot-mark .brand-mark svg{width:46px;height:46px}@keyframes bootFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.boot h1{font-family:var(--font-display);margin:2px 0 0;font-size:clamp(26px,5vw,38px);font-weight:700;line-height:1}.boot h1 span{background:linear-gradient(100deg, var(--gold-2), var(--gold) 45%, #8b6cf0);color:#0000;-webkit-background-clip:text;background-clip:text}.boot-text{max-width:340px;color:var(--muted);margin:0;font-size:12px;line-height:1.5}.boot-bars{gap:5px;margin-top:8px;display:flex}.boot-bars i{background:var(--gold);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotBounce}.boot-bars i:nth-child(2){animation-delay:.15s}.boot-bars i:nth-child(3){animation-delay:.3s}.boot-hint{max-width:320px;color:var(--dim);margin:6px 0 0;font-size:10.5px}.boot-error .boot-mark{color:#ffd9df;background:radial-gradient(circle at 35% 20%,#ff728952,#d94a611a);border:1px solid #ff728959;animation:none;box-shadow:0 20px 50px #d94a6133}.boot-error h1{color:#ffd9df}.table-shell{padding-bottom:calc(10px + var(--safe-bottom))}.table-main{min-height:0;padding:2px 0 calc(6px + var(--safe-bottom));flex:1;display:flex}.table-lobby{flex:1;width:100%;min-height:0}.lobby-watermark{z-index:0;color:#c6acff09;text-shadow:0 0 90px #9464ff38;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(180px,30vw,340px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-center{z-index:6;text-align:center;-webkit-backdrop-filter:blur(16px);background:radial-gradient(92% 100% at 50% 0,#9464ff29,#0000 66%),#080312a3;border:1px solid #baa0ff2e;border-radius:clamp(24px,3vw,34px);flex-direction:column;align-items:center;gap:8px;width:min(412px,50%);padding:clamp(18px,2.6vw,30px) clamp(18px,2.6vw,30px) clamp(14px,2vw,20px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 80px #02000a85,inset 0 1px #ffffff17}.table-center:before{content:"";background:linear-gradient(90deg,#0000,#d0b8ff8c,#0000);height:1px;position:absolute;top:-1px;left:18%;right:18%}.table-center.is-counting{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;gap:0}.table-center.is-counting:before{display:none}.table-mode{letter-spacing:.2em;text-transform:uppercase;color:#daccffad;font-size:9px;font-weight:800}.table-seats{font-family:var(--font-display);align-items:baseline;gap:2px;margin:4px 0 0;line-height:.95;display:inline-flex}.table-seats strong{letter-spacing:-.045em;color:var(--ink);text-shadow:0 8px 34px #00000073;font-size:clamp(46px,5.6vw,68px);font-weight:600}.table-seats i{color:#ffffff57;font-size:clamp(16px,2vw,22px);font-style:normal}.table-dots{gap:6px;margin:-3px 0 3px;display:inline-flex}.table-dots i{background:#ffffff26;border-radius:50%;width:5px;height:5px;transition:background .3s,box-shadow .3s}.table-dots i.is-on{background:var(--gold);box-shadow:0 0 9px #aa8dffb3}.table-status{color:#ebe2ff9e;margin:-2px 0 3px;font-size:11.5px;font-weight:600}.table-start{letter-spacing:.05em;width:min(244px,100%);height:56px;min-height:56px;margin-top:2px;font-size:15px}.table-start:disabled{color:#f0e8ff80;box-shadow:none;background:#ffffff0f;border:1px solid #ffffff17}.table-settings-btn{border-radius:var(--r-pill);color:#dbcdffb8;letter-spacing:.03em;justify-content:center;align-items:center;min-height:40px;padding:0 12px;font-size:10.5px;font-weight:700;transition:color .2s,background .2s;display:inline-flex}.table-settings-btn:hover{color:var(--gold-2);background:#aa8dff1a}.table-join-btn{border-radius:var(--r-pill);color:#eee7ff;background:linear-gradient(#9a74ff2e,#6842d21f);border:1px solid #c4acff57;min-height:44px;padding:0 20px;font-size:12px;font-weight:800;transition:transform .15s,background .2s,border-color .2s,box-shadow .2s}.table-join-btn:hover{background:linear-gradient(#a682ff47,#7048dc33);border-color:#d0bcff8c;box-shadow:0 10px 26px #784ef047}.table-join-btn:active{transform:scale(.97)}.table-you{letter-spacing:.1em;text-transform:uppercase;color:#b7a1ffbf;font-size:10px;font-weight:800}.table-host{color:#ffffff57;align-items:center;gap:4px;margin-top:1px;font-size:9px;display:inline-flex}.table-host svg{width:10px;height:10px;color:var(--gold);opacity:.8}.table-footnote{letter-spacing:.13em;text-transform:uppercase;color:#cdbeff45;font-size:8px;font-weight:600}.table-waiting{justify-content:center;width:100%;min-height:46px}button.lobby-seat.is-ghost{font:inherit;cursor:pointer;background:0 0;border:0;border-radius:20px;padding:0;transition:opacity .2s}.lobby-seat.is-ghost .ghost-circle{transition:transform .18s,border-color .2s,background .2s,color .2s,box-shadow .2s}.lobby-seat.is-ghost:hover .ghost-circle{color:var(--gold-2);background:#9464ff1f;border-color:#c4acff9e;transform:translateY(-2px)scale(1.05);box-shadow:0 0 28px #8c5aff42}.lobby-seat.is-ghost:hover .lobby-seat-name{color:#f0e8ffcc}.lobby-seat.is-ghost:active .ghost-circle{transform:scale(.96)}.lobby-seat.is-ghost:disabled{opacity:.32;cursor:default}.lobby-seat.is-ghost:disabled .ghost-circle{box-shadow:none;background:#ffffff05;border-color:#fff3;transform:none}.lobby-seat.is-ghost:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.countdown{place-items:center;width:clamp(120px,22vw,190px);height:clamp(120px,22vw,190px);margin:10px 0 4px;display:grid;position:relative}.countdown-number{z-index:2;font-family:var(--font-display);letter-spacing:-.06em;background:linear-gradient(160deg,#fff8ff 8%,#d4c0ff 40%,#8c62ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(82px,16vw,136px);font-weight:700;line-height:.85;position:relative}.countdown-number:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#a070ff80,#7e4cff33 58%,#0000 78%);border-radius:50%;position:absolute;inset:-6% -12%}.countdown-number.is-pop{animation:.5s cubic-bezier(.2,.9,.2,1) both countPop}.countdown-number.is-go{opacity:.55}.countdown-halo{border:1px solid #bea0ff47;border-radius:50%;animation:1s linear infinite countRing;position:absolute;inset:6%;box-shadow:0 0 50px #8c5aff59,inset 0 0 40px #8c5aff29}.countdown-halo:after{content:"";border:1px dashed #b496ff3d;border-radius:50%;position:absolute;inset:16%}@keyframes countPop{0%{opacity:0;scale:.62}55%{opacity:1;scale:1.07}to{opacity:1;scale:1}}@keyframes countRing{0%{transform:rotate(0)scale(.98)}50%{transform:rotate(180deg)scale(1.03)}to{transform:rotate(360deg)scale(.98)}}.table-settings{text-align:left;flex-direction:column;gap:12px;display:flex}.table-settings .eyebrow{margin-bottom:0}.table-settings h2{font-family:var(--font-display);margin:0;font-size:clamp(22px,3.4vw,29px);line-height:1.1}.table-settings .modal-sub{margin:-4px 0 2px}.settings-block{border:1px solid var(--line);background:#ffffff08;border-radius:18px;flex-direction:column;gap:8px;padding:12px;display:flex}.settings-block .panel-note{margin:0}.bot-list{flex-wrap:wrap;gap:6px;display:flex}.bot-chip{border-radius:var(--r-pill);background:#a78bfa1a;border:1px solid #a78bfa3d;align-items:center;gap:5px;min-height:28px;padding:2px 4px 2px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.bot-chip i{letter-spacing:.08em;text-transform:uppercase;color:var(--violet);font-size:7.5px;font-style:normal;font-weight:800}.bot-chip button{width:22px;height:22px;color:var(--muted);background:#ffffff0d;border-radius:50%;place-items:center;font-size:14px;line-height:1;display:grid}.bot-chip button:hover{color:var(--coral);background:#ff72891f}.table-finish{z-index:8;pointer-events:none;background:radial-gradient(72% 72%,#05020c9e,#0000 78%);place-items:center;padding:clamp(8px,2vw,18px);animation:.25s both fadeIn;display:grid;position:absolute;inset:0}.table-finish .finish-card{pointer-events:auto;border-radius:clamp(24px,3.4vw,34px);gap:8px;width:min(398px,88%);max-height:calc(100% - 4px);padding:clamp(16px,2.6vw,26px)}.table-finish .finish-emblem{width:56px;height:56px;font-size:25px}.table-finish .finish-card h2{font-size:clamp(20px,3.4vw,28px)}.finish-actions{flex-direction:column;gap:7px;display:flex}.finish-actions .btn{height:46px;min-height:46px;font-size:12.5px}.table-finish .confetti-layer{position:absolute;inset:0;overflow:hidden}.fx-layer{z-index:65;pointer-events:none;position:fixed;inset:0;overflow:hidden}.card-fly{z-index:2;pointer-events:none;transform-origin:50% 70%;filter:drop-shadow(0 18px 24px #03000c80);will-change:left, top, width, height, transform;position:fixed}.card-fly-inner{aspect-ratio:auto!important;width:100%!important;height:100%!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.card.is-airborne{opacity:0}.card.is-landed{animation:.28s cubic-bezier(.2,.9,.2,1) both cardLand}@keyframes cardLand{0%{scale:.965}55%{scale:1.018}to{scale:1}}@media (min-width:900px){.table-pairs{max-width:calc(6 * (var(--card-w) * 1.48) + 72px)}}@media (max-width:980px){.lobby-grid{grid-template-columns:1fr}.lobby-panel{grid-template-columns:1fr 1fr;align-items:start;gap:12px 18px;display:grid}.lobby-panel .panel-head,.lobby-panel .segmented,.lobby-panel .mode-static,.lobby-panel .panel-note,.lobby-panel .panel-divider,.lobby-panel .seats-row,.lobby-panel .btn-start,.lobby-panel .waiting-box,.lobby-panel .panel-tiny{grid-column:1/-1}.lobby-panel .btn-wide{grid-column:auto}.lobby-panel .rules-link{grid-column:1/-1}.lobby-felt{min-height:clamp(270px,36vh,380px)}}@media (max-width:700px){.brand-text{display:none}.brand-mark{width:40px;height:40px}.room-pill{max-width:96px;height:40px;padding:0 11px;font-size:10.5px}.icon-btn{border-radius:13px;width:44px;height:44px}.people-scroll{gap:6px;min-height:62px}.plus-tile,.person{width:52px}.plus-circle,.person-ava,.person .avatar,.person .avatar{width:44px;height:44px}.person-name{font-size:9.5px}.lobby-head{padding:4px 2px 12px}.lobby-head h1{font-size:clamp(30px,9vw,42px)}.lead{margin-top:8px;font-size:12px}.lobby-felt{min-height:270px}.lobby-seat{width:84px}.lobby-seat-name{max-width:84px;font-size:9.5px}.lobby-seat .avatar-lg{width:48px;height:48px}.lobby-seat .avatar-lg .avatar-initial{font-size:16px}.ghost-circle{width:48px;height:48px}.lobby-panel{border-radius:24px;flex-direction:column;gap:11px;padding:16px;display:flex}.deck-meta{display:none}.deck-area{gap:5px}.deck-mini,.deck-mini .card-back,.trump-card .card,.trump-card.is-suit>span{width:29px;height:41px}.trump-card>i{font-size:6px}.turn-pill{gap:5px;min-height:38px;padding:6px 10px 8px}.turn-ico{font-size:12px}.turn-text{white-space:normal;font-size:10.5px;line-height:1.15}.turn-time{font-size:8px}.turn-time b{font-size:11px}.round-chip{display:none}.icon-btn.tiny{width:40px;height:40px}.game-seat{width:74px}.game-seat-name{font-size:9px}.game-seat-tag{height:13px;font-size:6.5px}.table-pairs{--card-w:clamp(40px, 11vw, 50px)}.table-zone{inset:clamp(56px,11vh,82px) 0 2px}.dock{border-radius:24px;padding:8px 10px 6px}.dock-top{flex-wrap:wrap;gap:7px 10px}.dock-hint{text-align:left;white-space:normal;flex:1 0 100%;order:3;width:100%;padding:0 2px;font-size:10.5px}.you-chip{max-width:170px}.you-chip .avatar,.spectator-avatar{width:34px;height:34px}.you-meta b{font-size:11px}.you-meta i{font-size:8.5px}.dock-actions{margin-left:auto}.dock-actions .btn{height:52px;min-height:52px;padding:0 16px;font-size:12.5px;font-weight:700}.hand{min-height:calc(1.4*clamp(54px,15vw,72px) + 18px);padding-top:16px}.hand-card{--card-w:clamp(50px, 14.5vw, 72px)}.finish-card{border-radius:28px}}@media (max-width:420px){.topbar-right{gap:5px}.room-pill span:last-child{display:none}.room-pill{justify-content:center;width:42px;padding:0}.brand-mark{width:38px;height:38px}.icon-btn{width:42px;height:42px}.lobby-head h1{font-size:30px}.felt-cards{opacity:.35}.lobby-seat .avatar-lg{width:42px;height:42px}.lobby-seat{width:72px}.lobby-seat-name{max-width:72px}.ghost-circle{width:42px;height:42px}.table-pairs{--card-w:clamp(38px, 11.5vw, 46px)}.game-seat{width:66px}.seat-avatar{width:40px;height:40px}.game-seat-name{font-size:8.5px}}@media (max-height:680px) and (max-width:900px){.lobby-head{padding-bottom:8px}.lobby-head h1{font-size:27px}.lead{display:none}.lobby-felt{min-height:190px}.people-wrap{margin-bottom:2px}.people-scroll{min-height:52px}.plus-circle,.person-ava,.person .avatar{width:36px;height:36px}.person-name{font-size:8px}.dock{gap:4px}.hand{min-height:calc(1.4*clamp(46px,12vw,62px) + 12px);padding-top:12px}.hand-card{--card-w:clamp(46px, 12.5vw, 62px)}.table-pairs{--card-w:clamp(36px, 10vw, 44px)}}@media (max-width:700px){.toast-layer{top:auto;bottom:calc(var(--safe-bottom) + 14px);flex-direction:column-reverse}.toast{animation:.24s cubic-bezier(.2,.9,.2,1) both toastInUp}.table-main{padding-bottom:calc(2px + var(--safe-bottom))}.table-lobby{border-radius:clamp(22px,6vw,30px)}.table-center{border-radius:22px;gap:5px;width:54%;min-width:168px;max-width:250px;padding:14px 12px}.table-footnote{display:none}.table-dots{margin:-2px 0 2px}.table-mode{letter-spacing:.15em;font-size:8px;line-height:1.3}.table-mode-word{display:none}.table-seats strong{font-size:clamp(32px,9vw,42px)}.table-status{margin:0 0 2px;font-size:10px;line-height:1.25}.table-start{width:100%;height:46px;min-height:46px;padding:0 10px;font-size:12px}.table-settings-btn{white-space:normal;min-height:34px;padding:0 4px;font-size:9.5px;line-height:1.2}.table-join-btn{min-height:38px;padding:0 12px;font-size:10.5px}.table-host{font-size:8px}.table-lobby .lobby-seat{width:64px}.table-lobby .lobby-seat-name{max-width:64px;font-size:8.5px}.table-lobby .lobby-seat .avatar-lg,.table-lobby .ghost-circle{width:42px;height:42px}.table-lobby .lobby-seat .tag{height:13px;padding:0 4px;font-size:6.5px}.lobby-watermark{opacity:.7;font-size:180px}.card-fly{filter:drop-shadow(0 10px 16px #03000c73)}.table-finish{padding:6px}.table-finish .finish-card{border-radius:26px;gap:6px;width:95%;padding:14px}.table-finish .finish-emblem{width:45px;height:45px;font-size:20px}.table-finish .finish-card h2{font-size:19px}.table-finish .finish-sub{font-size:10.5px}.table-finish .finish-winners{padding:6px}.finish-actions .btn{height:42px;min-height:42px;font-size:11.5px}}@media (max-width:380px){.table-center{width:52%;min-width:150px;padding:11px 9px}.table-seats strong{font-size:30px}.table-status{font-size:9.5px}.table-host{display:none}.table-settings-btn{font-size:9px}.table-lobby .lobby-seat{width:58px}.table-lobby .lobby-seat-name{max-width:58px;font-size:8px}.table-lobby .lobby-seat .avatar-lg,.table-lobby .ghost-circle{width:38px;height:38px}}@media (max-height:700px) and (max-width:900px){.table-center{gap:3px;padding:10px 12px}.table-seats strong{font-size:32px}.table-start{height:42px;min-height:42px}.table-settings-btn{min-height:30px}.countdown{width:112px;height:112px;margin:2px 0}.countdown-number{font-size:78px}.table-finish .finish-card{gap:5px;padding:11px 14px}.table-finish .finish-emblem{width:38px;height:38px;font-size:18px}.table-finish .finish-sub{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.ambient-blob{animation:none}}:root{--lux:#e7c884;--lux-2:#fff2c9;--lux-deep:#a97c2f;--lux-glow:#e7c8844d;--glass-fill:#ffffff0b;--glass-line:#ffffff1a;--glass-blur:blur(16px);--press:cubic-bezier(.2, .9, .2, 1);--enter:cubic-bezier(.16, 1, .3, 1);--dur-1:.14s;--dur-2:.22s;--dur-3:.38s;--tap:48px;--tap-lg:52px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{overscroll-behavior:none;height:100%;overflow:hidden}body{overscroll-behavior:none;height:100%;position:fixed;inset:0;overflow:hidden}button{touch-action:manipulation}.flag-btn{color:#f5f0ff70;opacity:.72;width:40px;height:40px;transition:opacity var(--dur-2), color var(--dur-2), border-color var(--dur-2), background var(--dur-2), transform var(--dur-1) var(--press);background:#ffffff05;border:1px solid #ffffff12;border-radius:13px}.flag-btn svg{width:15px;height:15px}.flag-btn:hover{opacity:1;color:#ffe2e7eb;background:#d94a6114;border-color:#ff728952}.flag-btn:active{transform:scale(.93)}.seat-kick{z-index:7;color:#ffb3bd;cursor:pointer;pointer-events:auto;width:22px;height:22px;animation:kickIn var(--dur-3) var(--enter);transition:transform var(--dur-2) var(--press), background var(--dur-2), border-color var(--dur-2), color var(--dur-2), box-shadow var(--dur-2);background:#1e0910f0;border:1px solid #ff72898c;border-radius:50%;place-items:center;display:grid;position:absolute;top:-6px;left:-6px;box-shadow:0 4px 12px #00000080,0 0 0 3px #09040e80}.seat-kick svg{width:11px;height:11px}.seat-kick:hover,.person.is-kickable:hover .seat-kick,.game-seat.is-kickable:hover .seat-kick{color:#2b0409;background:linear-gradient(#ff97a7,#d94a61);border-color:#ffffff8c;transform:scale(1.14);box-shadow:0 8px 20px #d94a616b,0 0 0 3px #d94a6129}.seat-kick:active{transform:scale(.9)}.person .seat-kick{width:18px;height:18px;top:-4px;left:-4px}.person .seat-kick svg{width:9px;height:9px}@keyframes kickIn{0%{opacity:0;transform:scale(.5)rotate(-90deg)}to{opacity:1;transform:scale(1)rotate(0)}}.place-crown{z-index:6;color:#2a1b06;background:linear-gradient(160deg, var(--lux-2), var(--lux) 52%, var(--lux-deep));width:22px;height:22px;box-shadow:0 0 0 3px #e7c8841f, 0 6px 16px #00000073, 0 0 22px var(--lux-glow);pointer-events:none;animation:crownIn .42s var(--enter) both, crownFloat 3.2s ease-in-out .42s infinite;border:1px solid #fff6d8b8;border-radius:50%;place-items:center;display:grid;position:absolute;top:-11px;left:50%;transform:translate(-50%)rotate(-6deg)}.place-crown svg{fill:currentColor;width:12px;height:12px}@keyframes crownIn{0%{opacity:0;transform:translate(-50%)translateY(6px)scale(.4)rotate(-24deg)}70%{opacity:1;transform:translate(-50%)scale(1.12)rotate(-2deg)}to{opacity:1;transform:translate(-50%)rotate(-6deg)}}@keyframes crownFloat{0%,to{transform:translate(-50%)translateY(0)rotate(-6deg)}50%{transform:translate(-50%)translateY(-2px)rotate(-3deg)}}.game-seat.has-crown .avatar{border-color:#e7c88480;box-shadow:0 0 0 2px #e7c8848c,0 0 22px #e7c88433,0 10px 24px #0000006b}.game-seat.is-out.has-crown{opacity:.82;filter:none}.place-crown.is-compact{width:18px;height:18px;animation:crownIn .38s var(--enter) both;border-width:1px;top:-8px;box-shadow:0 4px 10px #00000073,0 0 0 2px #e7c8841a}.place-crown.is-compact svg{width:10px;height:10px}.finish-chip.is-first{background:linear-gradient(#e7c88429,#e7c8840a);border-color:#e7c88480;box-shadow:0 0 18px #e7c88424}.finish-chip.is-first .avatar{box-shadow:0 0 0 1.5px #e7c884bf}.place-crown.is-inline{width:14px;height:14px;box-shadow:none;color:var(--lux);background:0 0;border-width:0;animation:none;position:static;transform:none}.place-crown.is-inline svg{fill:currentColor;filter:drop-shadow(0 0 6px #e7c88480);width:13px;height:13px}.lobby-seat-hint{color:#e7c8849e;text-align:center;max-width:120px;margin-top:1px;font-size:7px;font-weight:600;line-height:1.25;display:none}.lobby-seat.has-crown .lobby-seat-hint{display:block}.tag-lux{color:#fff2c9;background:#e7c88429;border:1px solid #e7c8844d}.discard-pile{z-index:3;aspect-ratio:5/7;pointer-events:none;width:clamp(42px,5.2vw,58px);transform:rotate(-7deg) scale(calc(.88 + var(--depth,1) * .012));transform-origin:50% 88%;filter:drop-shadow(0 14px 24px #03000c80);transition:transform var(--dur-3) var(--enter);position:absolute;bottom:clamp(12px,2.4vw,20px);left:clamp(14px,3vw,24px)}.discard-layer{z-index:calc(var(--i) + 1);transform:translate(var(--jx,0px), var(--jy,0px)) rotate(var(--jr,0deg));background:radial-gradient(120% 120% at 30% 10%,#2b1f4a,#160f2b 55%,#0b0718);border:1px solid #aa8dff3d;border-radius:clamp(5px,.6vw,9px);position:absolute;inset:0;box-shadow:inset 0 0 0 2px #aa8dff12,0 1px #ffffff0d}.discard-layer:after{content:"";border-radius:inherit;background:repeating-linear-gradient(45deg,#0000 0 4px,#aa8dff0d 4px 5px),repeating-linear-gradient(-45deg,#0000 0 4px,#aa8dff0d 4px 5px);border:1px solid #aa8dff21;position:absolute;inset:3px}.discard-layer.is-top{border-color:#c4acff6b;box-shadow:inset 0 0 0 2px #aa8dff1a,0 -1px #ffffff24,0 6px 14px #03000c73}.discard-count{z-index:20;border-radius:var(--r-pill);min-width:22px;height:20px;color:var(--gold-2);font-variant-numeric:tabular-nums;background:#080a10eb;border:1px solid #aa8dff42;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex;position:absolute;bottom:-8px;right:-8px;box-shadow:0 3px 10px #00000073}.discard-caption{letter-spacing:.16em;text-transform:uppercase;color:#e7c8846b;white-space:nowrap;font-size:7px;font-weight:800;position:absolute;top:calc(100% + 7px);left:50%;transform:translate(-50%)}.discard-layer.is-new{animation:pileDrop .34s var(--enter) both;animation-delay:calc(var(--i) * 10ms)}@keyframes pileDrop{0%{opacity:0;transform:translate(var(--jx,0px), calc(var(--jy,0px) - 18px)) rotate(var(--jr,0deg)) scale(.9)}70%{opacity:1;transform:translate(var(--jx,0px), calc(var(--jy,0px) + 1px)) rotate(var(--jr,0deg)) scale(1.01)}to{opacity:1;transform:translate(var(--jx,0px), var(--jy,0px)) rotate(var(--jr,0deg)) scale(1)}}.discard-pile.is-swept{animation:pileSweep .38s var(--press)}@keyframes pileSweep{0%{transform:rotate(-7deg) scale(calc(.88 + var(--depth,1) * .012))}32%{transform:rotate(-4deg) scale(calc(.94 + var(--depth,1) * .014))}to{transform:rotate(-7deg) scale(calc(.88 + var(--depth,1) * .012))}}.dock-actions{flex-wrap:wrap;gap:8px}.dock-actions .btn{--h:54px;min-width:122px;min-height:var(--h);height:var(--h);letter-spacing:.012em;isolation:isolate;transition:transform var(--dur-1) var(--press), background var(--dur-2), border-color var(--dur-2), color var(--dur-2), box-shadow var(--dur-2);border:1px solid #0000;border-radius:17px;padding:0 clamp(20px,2.4vw,26px);font-size:14px;font-weight:700;position:relative;overflow:hidden}.dock-actions .btn-gold{color:#fff3d8;text-shadow:0 1px 10px #ffeec838;background:linear-gradient(#e7c88421,#785a281a),linear-gradient(#aa8dff26,#6d4be01a);border-color:#e7c88461;box-shadow:0 12px 26px #08041473,0 0 22px #aa8dff1a,inset 0 1px #fff4d633,inset 0 -1px #00000047}.dock-actions .btn-gold:after{content:"";opacity:.85;pointer-events:none;background:linear-gradient(90deg,#0000,#ffeec2cc,#0000);height:1px;position:absolute;inset:0 14px auto}.dock-actions .btn-gold:hover:not(:disabled){background:linear-gradient(#e7c88433,#785a2824),linear-gradient(#b89cff33,#6d4be024);border-color:#ffecba99;transform:translateY(-1px);box-shadow:0 16px 32px #08041480,0 0 30px #e7c88433,inset 0 1px #fff8e247}.dock-actions .btn-violet{color:#e8e2ff;background:#ffffff0b;border-color:#a78bfa66;box-shadow:0 10px 24px #08041466,inset 0 1px #ffffff12}.dock-actions .btn-violet:hover:not(:disabled){background:#a78bfa1f;border-color:#bea8ffa8;box-shadow:0 14px 30px #08041475,0 0 24px #9a8dff29,inset 0 1px #ffffff1a}.dock-actions .btn-violet.is-active{color:#120f2e;background:linear-gradient(#bca9ff,#7d63f0);border-color:#ffffff6b;box-shadow:0 12px 30px #785aff52,inset 0 1px #ffffff8c}.dock-actions .btn-danger{color:#ffc4cc;box-shadow:none;background:#ffffff08;border-color:#ff72894d}.dock-actions .btn-danger:hover:not(:disabled){color:#ffd9df;background:#d94a6121;border-color:#ff728994}.dock-actions .btn-multi{color:#e8e2ffc7;box-shadow:none;background:#ffffff09;border-color:#a78bfa38;min-width:104px}.dock-actions .btn-multi .ico{width:15px;height:15px}.dock-actions .btn:active:not(:disabled){transform:translateY(1px)scale(.985);box-shadow:0 4px 12px #00000061,inset 0 2px 7px #00000052}.dock-actions .btn:disabled,.dock-actions .btn[aria-disabled=true]{cursor:not-allowed;opacity:1;color:#f5f0ff61;filter:saturate(.35);text-shadow:none;background:#ffffff07;border-color:#ffffff12;transform:none;box-shadow:inset 0 1px #ffffff05}.dock-actions .btn:disabled:after{display:none}.hand-card.is-picked{box-shadow:0 0 0 2px var(--lux), 0 0 0 4px #e7c88429, 0 18px 34px #00000073, 0 0 30px #e7c88438;transform:translateY(-26px)rotate(0);z-index:95!important}.hand-card.is-picked:before{content:"✓";z-index:5;background:linear-gradient(160deg, var(--lux-2), var(--lux) 55%, var(--lux-deep));color:#2a1b06;border:1.5px solid #fff7dad9;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:-9px;right:-8px;box-shadow:0 4px 10px #0006}.hand-card.is-picked:hover,.hand-card.is-picked:focus-visible{transform:translateY(-30px)rotate(0)scale(1.02)}.hand-card.is-transfer{box-shadow:0 0 0 2px var(--violet), 0 14px 30px #0000006b, 0 0 30px #9a8dff6b}.hand-card.is-legal.is-transfer{box-shadow:0 0 0 2px var(--violet), 0 0 0 4px #e7c88452, 0 14px 30px #0000006b, 0 0 32px #9a8dff75}.pick-bar{z-index:40;-webkit-backdrop-filter:blur(16px);width:max-content;max-width:calc(100vw - 28px);animation:pickBarIn .22s var(--enter) both;background:linear-gradient(#180e2cf5,#090414fa),radial-gradient(120% 100% at 50% 0,#e7c8841a,#0000 70%);border:1px solid #e7c8843d;border-radius:18px;align-items:center;gap:7px;padding:7px 8px 7px 12px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 20px 50px #02000a8c,inset 0 1px #ffffff12}@keyframes pickBarIn{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.pick-count{color:#fff6dcb8;white-space:nowrap;font-size:10.5px;font-weight:700}.pick-count b{font-family:var(--font-display);color:var(--lux-2);font-size:15px;font-weight:700}.pick-clear{width:28px;height:28px;color:var(--muted);background:#ffffff0d;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid}.pick-clear:hover{color:#ffd9df;background:#d94a6129}.pick-confirm{border-radius:13px;min-width:112px;height:40px;min-height:40px;padding:0 16px;font-size:12px}.settings-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.panel-value{font-family:var(--font-display);color:var(--gold-2);white-space:nowrap;font-size:12px;font-weight:600}.segmented.is-3{grid-template-columns:repeat(3,1fr)}.segmented.is-4{grid-template-columns:repeat(4,1fr)}.segmented .seg{text-align:center;white-space:normal;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:0 6px;line-height:1;display:flex}.segmented .seg b{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.15}.segmented .seg i{letter-spacing:.055em;text-transform:uppercase;color:#f5f0ff85;font-size:8.5px;font-style:normal;font-weight:700;line-height:1}.table-settings .seg{font-size:13px}.table-settings .seg.is-active{color:var(--gold-2);background:linear-gradient(#aa8dff33,#6d4be01f);box-shadow:inset 0 0 0 1px #e7c88452,0 8px 20px #6d4be029}.table-settings .seg.is-active b{color:#fff6e2}.table-settings .seg.is-active i{color:#fff2c9b8}.table-settings .seg:disabled{cursor:not-allowed;color:#f5f0ff4d;box-shadow:none;background:#ffffff05}.table-settings .seg:disabled i{color:#f5f0ff3d}.floating-reaction{--rot:-6deg;--sticker-tint:255, 255, 255;z-index:2;gap:14px;animation:2.6s cubic-bezier(.2,.7,.3,1) both stickerFly}.floating-reaction:nth-child(4n+2){--rot:5deg}.floating-reaction:nth-child(4n+3){--rot:-3deg}.floating-reaction:nth-child(4n+4){--rot:8deg}.sticker{width:88px;height:88px;box-shadow:none;transform:rotate(var(--rot,-6deg));background:0 0;border:0;border-radius:0;place-items:center;font-size:0;line-height:1;display:grid;position:relative}.sticker-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;filter:drop-shadow(0 12px 20px #03000c94) drop-shadow(0 0 20px rgba(var(--sticker-tint), .18));animation:2.6s cubic-bezier(.4,0,.2,1) both stickerHover;display:block;position:absolute;inset:0}.sticker-glyph{text-shadow:0 2px #0000000f;font-size:44px;line-height:1}.sticker:before,.sticker:after{display:none}@keyframes stickerHover{0%,58%{transform:translateY(0)scale(1)}74%{transform:translateY(-3px)scale(1.025)}to{transform:translateY(-5px)scale(.98)}}@keyframes stickerFly{0%{opacity:0;transform:translateY(36px)scale(.38)rotate(-18deg)}12%{opacity:1;transform:translate(0, -6px) scale(1.16) rotate(var(--rot,-6deg))}21%{transform:translate(0, 0) scale(1) rotate(var(--rot,-6deg))}70%{opacity:1;transform:translate(var(--drift,0px), -122px) scale(1) rotate(var(--rot,-6deg))}to{opacity:0;transform:translate(var(--drift,0px), -196px) scale(.94) rotate(calc(var(--rot,-6deg) + 7deg))}}.reaction-name{z-index:2;letter-spacing:.02em;background:#080a0fc7;border-color:#ffffff17;margin-top:6px;padding:3px 9px;position:relative}.reaction-pop{border-color:#ffffff1f;border-radius:20px;gap:6px;padding:8px}.reaction-btn{width:46px;height:46px;transition:background var(--dur-2), transform var(--dur-2) var(--press), box-shadow var(--dur-2);border-radius:14px;font-size:21px}.reaction-btn:hover,.reaction-btn:focus-visible{background:linear-gradient(165deg,#fff,#f2ecff);transform:scale(1.08)rotate(-4deg);box-shadow:0 8px 18px #00000061,0 0 0 1px #fff6}.reaction-btn:active{transform:scale(.93)rotate(0)}.surrender-modal{text-align:center}.surrender-modal .modal-sub{margin-bottom:4px}.surrender-modal .finish-emblem{background:radial-gradient(circle at 35% 20%,#ffffff29,#ffffff08);border-color:#ffffff2e;box-shadow:0 10px 30px #00000059,inset 0 1px #ffffff1f}.surrender-modal .modal-actions{margin-top:12px}.surrender-confirm{color:#ffc4cc;border-color:#ff728957}.surrender-confirm:hover:not(:disabled){color:#ffd9df;background:#d94a6124;border-color:#ff728999}@media (max-width:899px){.discard-pile{width:clamp(38px,6vw,50px);bottom:14px;left:16px}}@media (max-width:700px){.discard-pile{width:clamp(32px,8.6vw,42px);bottom:6px;left:8px}.discard-count{min-width:19px;height:17px;font-size:9px;bottom:-6px;right:-6px}.discard-caption{display:none}.dock-actions{gap:7px}.dock-actions .btn{--h:52px;min-width:104px;padding:0 15px;font-size:13px}.dock-actions:has(.btn+.btn){flex:1 0 100%;order:4;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.dock-actions:has(.btn+.btn) .btn{--h:var(--tap-lg);width:100%;min-width:0}.pick-bar{padding:6px 7px 6px 10px;bottom:calc(100% + 8px)}.pick-confirm{min-width:104px;height:38px;min-height:38px;padding:0 13px;font-size:11.5px}.seat-kick{width:20px;height:20px;top:-5px;left:-5px}.seat-kick svg{width:10px;height:10px}.place-crown{width:19px;height:19px;top:-9px}.place-crown svg{width:10px;height:10px}.place-crown.is-compact{width:16px;height:16px;top:-7px}.flag-btn{border-radius:12px;width:38px;height:38px}.table-settings{gap:10px}.settings-block{border-radius:16px;gap:6px;padding:10px}.segmented{border-radius:14px;gap:3px;padding:3px}.segmented .seg{min-height:46px}.segmented .seg b{font-size:13px}.segmented .seg i{letter-spacing:.04em;font-size:7.5px}.sticker{width:72px;height:72px}.sticker-glyph{font-size:36px}.reaction-btn{width:44px;height:44px}}@media (max-width:420px){.flag-btn{width:38px;height:38px}.topbar-right{gap:4px}}@media (max-width:380px){.dock-actions:has(.btn+.btn){gap:6px}.dock-actions .btn{padding:0 10px;font-size:12px}.settings-block{padding:8px}.segmented .seg b{font-size:12px}.segmented .seg i{font-size:7px}.discard-pile{width:32px;bottom:5px;left:7px}}.build-tag{text-align:center;letter-spacing:.04em;color:var(--muted);opacity:.7;margin:6px 0 0;font-size:10.5px}.dock-actions.dock-actions--row{flex-wrap:nowrap;flex:none;order:0;justify-content:center;align-items:stretch;gap:10px;width:100%;margin:2px 0 4px;padding:0;display:flex}.dock-actions.dock-actions--row .btn{--h:58px;min-width:0;max-width:240px;height:var(--h);min-height:var(--h);border-radius:18px;flex:1 1 0;padding:0 16px;font-size:15px}@media (max-width:560px){.dock-actions.dock-actions--row{gap:8px;display:flex}.dock-actions.dock-actions--row .btn{--h:56px;max-width:none;font-size:15px}}.table-settings .segmented .seg{border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:52px;min-height:52px;padding:0 8px;line-height:1;display:flex}.table-settings .segmented .seg b{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:600}.table-finish{z-index:70;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#04030a8c;place-items:center;display:grid;position:fixed;inset:0}.table-finish .finish-card{scrollbar-width:none;-ms-overflow-style:none;gap:8px;width:min(380px,100%);max-height:100%;padding:clamp(14px,3.2vw,24px);overflow-y:auto}.table-finish .finish-card::-webkit-scrollbar{display:none}.table-finish .finish-actions .btn{height:48px;min-height:48px;font-size:13px}@media (max-height:640px){.table-finish .finish-emblem,.table-finish .finish-card .eyebrow{display:none}.table-finish .finish-card{gap:6px;padding:12px 14px}.table-finish .finish-card h2{font-size:18px}.table-finish .finish-actions .btn{height:42px;min-height:42px}}.build-tag a{color:inherit;text-underline-offset:2px;text-decoration:underline}@media (pointer:coarse){:root.in-discord{--safe-top:max(var(--discord-safe-area-inset-top,0px), env(safe-area-inset-top,0px), 52px);--safe-bottom:max(var(--discord-safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px), 12px)}}.dock>.dock-actions.dock-actions--row{z-index:6;pointer-events:auto;position:relative;flex:none!important;order:0!important;grid-template-columns:none!important;margin:2px 0 4px!important;display:flex!important}.dock>.dock-actions.dock-actions--row .btn{touch-action:manipulation;max-width:240px;flex:1 1 0!important;width:auto!important;min-width:0!important}@media (max-width:560px){.dock>.dock-actions.dock-actions--row .btn{max-width:none}}.dock .hand-wrap{z-index:1;position:relative}.game-shell.is-finished .dock{visibility:hidden}