*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit;color:inherit}img,svg{display:block}:root{--bg:#08080f;--bg-2:#0e0e1a;--panel:#12111f;--panel-2:#191729;--line:#d4b5ff1f;--line-strong:#d4b5ff3d;--violet:#a855f7;--violet-deep:#7c3aed;--violet-glow:#a855f773;--lilac:#d4b5ff;--text:#f4eeff;--text-dim:#a79bc4;--text-faint:#6f6690;--team0:#a855f7;--team1:#38bdf8;--pos:#4ade80;--neg:#fb7185;--hot:#f472b6;--card-face:#fbf9ff;--card-ink:#17142a;--card-red:#d61f69;--radius:16px;--radius-sm:10px;--shadow:0 10px 30px #00000073;--font-display:"Space Grotesk", "Inter", system-ui, sans-serif;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-h:60px;--bottomnav-h:0px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font);background-image:radial-gradient(1200px 600px at 80% -10%,#7c3aed2e,#0000 60%),radial-gradient(900px 500px at -10% 110%,#a855f71a,#0000 60%);background-attachment:fixed;font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 .4em}h1{font-size:clamp(26px,4vw,36px)}h2{font-size:18px}h3{color:var(--lilac);font-size:16px}p{margin:0 0 .7em}a{color:var(--lilac)}.muted{color:var(--text-dim)}.small{font-size:12.5px}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;display:flex}.gap{gap:10px}.pos{color:var(--pos)}.neg{color:var(--neg)}:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.btn{border:1px solid var(--line-strong);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;transition:transform .12s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--lilac)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--violet), var(--violet-deep));box-shadow:0 6px 24px var(--violet-glow);border-color:#0000}.btn--primary:hover:not(:disabled){border-color:#0000;box-shadow:0 8px 30px #a855f7b3}.btn--ghost{background:0 0}.btn--sm{padding:6px 12px;font-size:13px}.btn--lg{padding:13px 24px;font-size:16px}.btn--block{width:100%}.iconbtn{border:1px solid var(--line);background:var(--panel-2);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:15px;display:inline-grid}.iconbtn:hover{border-color:var(--lilac)}.linkbtn{color:var(--lilac);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.linkbtn:hover{text-decoration:underline}.chip{letter-spacing:.03em;color:var(--lilac);white-space:nowrap;background:#a855f729;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.chip--ghost{border:1px solid var(--line-strong);color:var(--text-dim);background:0 0}.chip--hot{color:#f9a8d4;background:#f472b629}.chip--team0{color:var(--lilac);background:#a855f733}.chip--team1{color:#bae6fd;background:#38bdf829}.seg{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.seg button.is-sel{background:var(--violet);color:#fff;box-shadow:0 0 16px var(--violet-glow)}.toggle{border:1px solid var(--line-strong);background:var(--bg-2);min-width:72px;color:var(--text-dim);cursor:pointer;border-radius:999px;padding:6px 12px;font-weight:600}.toggle.is-on{color:#fff;border-color:var(--violet);background:#a855f740}.panel{background:linear-gradient(180deg, var(--panel), var(--bg-2));border:1px solid var(--line);border-radius:var(--radius);padding:18px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel-head h2{margin:0}.notice{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--text-dim);margin-bottom:16px;padding:12px 16px}input[type=text],input:not([type]){background:var(--bg-2);border:1px solid var(--line-strong);color:var(--text);border-radius:999px;min-width:0;padding:9px 14px}input:focus{border-color:var(--violet);outline:none;box-shadow:0 0 0 3px #a855f740}input[type=range]{accent-color:var(--violet);width:160px}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#04030ab8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--line-strong);width:min(460px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow), 0 0 60px #7c3aed40;border-radius:20px;overflow:auto}.modal--wide{width:min(720px,100%)}.modal-head{border-bottom:1px solid var(--line);background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-head h2{margin:0}.modal-body{padding:18px 20px 22px}.toast{left:50%;bottom:calc(var(--bottomnav-h) + 20px);background:var(--panel-2);border:1px solid var(--violet);z-index:120;box-shadow:var(--shadow);border-radius:999px;padding:10px 16px;position:fixed;transform:translate(-50%)}.settings{gap:14px;margin-bottom:12px;display:grid}.setting{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.shell{flex-direction:column;min-height:100vh;display:flex}.shell-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:24px 24px 40px}.shell--immersive{height:100dvh;min-height:0}.shell--immersive .shell-main{flex:1;max-width:1680px;min-height:0;padding:10px 14px 12px;overflow-y:auto}.logo{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.logo-word{font-family:var(--font-display);letter-spacing:.06em;background:linear-gradient(135deg, #fff 10%, var(--lilac) 50%, var(--violet) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35em;font-weight:800}.logo-tag{letter-spacing:.32em;color:var(--lilac);flex-basis:100%;margin-top:6px;font-size:13px;font-weight:700}.topnav{z-index:50;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#08080fd1;align-items:center;gap:24px;padding:0 24px;display:flex;position:sticky;top:0}.topnav-brand{font-size:18px;text-decoration:none}.topnav-links{gap:4px;display:flex}.topnav-links a{color:var(--text-dim);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none}.topnav-links a:hover{color:var(--text);background:var(--panel-2)}.topnav-links a.is-active{color:#fff;background:#a855f733;box-shadow:inset 0 0 0 1px #a855f780}.demo-flag{letter-spacing:.14em;color:var(--lilac);border:1px solid var(--line-strong);border-radius:999px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:800}.bottomnav{display:none}.topnav-back{border:1px solid var(--line-strong);color:var(--lilac);cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:4px 12px;font-weight:700;display:none}.topnav-back+.demo-flag{margin-left:8px}.hero{grid-template-columns:1.2fr 1fr;align-items:center;gap:24px;padding:24px 0 36px;display:grid}.hero-sub{color:var(--text-dim);max-width:520px;margin-top:18px;font-size:18px}.hero-ctas{flex-wrap:wrap;gap:12px;margin:22px 0 14px;display:flex}.hero-art{height:300px;position:relative}.hero-glow{filter:blur(30px);z-index:0;background:radial-gradient(closest-side,#a855f78c,#0000);position:absolute;inset:20% 15%}.hero-card{z-index:1;transform:translate(-50%, -50%) rotate(calc((var(--i) - 1.5) * 14deg)) translateX(calc((var(--i) - 1.5) * 64px));animation:5s ease-in-out infinite heroFloat;animation-delay:calc(var(--i) * -1.2s);position:absolute;top:50%;left:50%}@keyframes heroFloat{50%{margin-top:-10px}}.home-grid{grid-template-columns:1fr 320px;align-items:start;gap:20px;display:grid}.profile-preview .pp-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.pp-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.pp-stats div{background:var(--bg-2);border:1px solid var(--line);text-align:center;border-radius:12px;padding:10px;display:grid}.pp-stats b{font-size:20px;font-family:var(--font-display)}.pp-stats span{color:var(--text-dim);font-size:12px}.profile-preview .btn{margin-top:8px}.avatar{--hue:275;width:44px;height:44px;font-weight:800;font-family:var(--font-display);background:radial-gradient(circle at 30% 25%, hsl(var(--hue) 90% 72%), hsl(var(--hue) 70% 32%));box-shadow:0 0 0 2px #ffffff14, 0 0 22px hsla(var(--hue), 90%, 60%, .4);border-radius:50%;flex:none;place-items:center;display:grid}.avatar--lg{width:56px;height:56px;font-size:20px}.avatar--xl{width:96px;height:96px;font-size:34px}.streamgrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.streamgrid--lounge{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.streamcard{--hue:275;text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:var(--radius);cursor:pointer;color:inherit;flex-direction:column;padding:0;transition:transform .15s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.streamcard:hover:not(:disabled){border-color:var(--violet);transform:translateY(-3px);box-shadow:0 12px 30px #7c3aed4d}.streamcard.is-soon{cursor:default;opacity:.7}.streamcard-thumb{aspect-ratio:16/9;background:radial-gradient(ellipse at 50% 120%, hsla(var(--hue), 80%, 45%, .6), transparent 60%), linear-gradient(135deg, #0d0b1c, hsl(var(--hue) 50% 14%));place-items:center;display:grid;position:relative}.streamcard-faces{grid-template-columns:repeat(2,38px);gap:8px;display:grid}.streamcard-faces span{background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;place-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:grid}.streamcard-thumb .live-pill{position:absolute;top:10px;left:10px}.streamcard-viewers{background:#0000008c;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:10px;right:10px}.streamcard-game{color:var(--lilac);font-size:12px;font-weight:700;position:absolute;bottom:10px;left:10px}.streamcard-body{gap:4px;padding:12px 14px 14px;display:grid}.streamcard-meta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.page-head{margin-bottom:18px}.tabs{gap:6px;margin-bottom:16px;padding-bottom:4px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--line);background:var(--panel);color:var(--text-dim);cursor:pointer;border-radius:999px;flex:none;padding:8px 14px;font-weight:600}.tabs button.is-sel{color:#fff;border-color:var(--violet);background:#a855f733}.profile-head{flex-wrap:wrap;align-items:center;gap:22px;margin-bottom:18px;display:flex}.profile-id{flex:1;gap:12px;min-width:240px;display:grid}.profile-id input{font-size:20px;font-weight:700;font-family:var(--font-display)}.level{align-items:center;gap:10px;font-weight:700;display:flex}.level-bar{background:var(--bg-2);border:1px solid var(--line);border-radius:99px;flex:1;max-width:260px;height:8px;overflow:hidden}.level-bar div{background:linear-gradient(90deg, var(--violet-deep), var(--lilac));height:100%}.swatch{--hue:275;background:hsl(var(--hue) 80% 60%);cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px}.swatch.is-sel{border-color:#fff}.statgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;display:grid}.stat b{font-family:var(--font-display);font-size:26px}.stat span{color:var(--text-dim);font-size:13px}.badges{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.badge{border:1px solid var(--violet);background:#a855f714;border-radius:12px;gap:2px;padding:12px;display:grid}.rules{gap:6px;display:grid}.rules section{border-bottom:1px solid var(--line);padding:10px 0}.rules section:last-child{border-bottom:0}.rules ul{gap:4px;margin:0;padding-left:20px;display:grid}.rules-soon{opacity:.8}@media (width<=900px){:root{--bottomnav-h:62px}.topnav{padding:0 16px}.topnav-links{display:none}.bottomnav{height:var(--bottomnav-h);z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#0a0912f0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{color:var(--text-dim);align-content:center;place-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:grid}.bottomnav a span{font-size:18px;line-height:1}.bottomnav a.is-active{color:#fff}.bottomnav a.is-active span{color:var(--violet);text-shadow:0 0 12px var(--violet-glow)}.shell-main{padding:16px 16px calc(var(--bottomnav-h) + 24px)}.shell--immersive .bottomnav{display:none}.shell--immersive .shell-main{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.shell--immersive .topnav{height:48px}.shell--immersive .topnav-back{display:inline-block}.shell--immersive .topnav-brand{font-size:15px}.hero{grid-template-columns:1fr;padding-top:8px}.hero-art{order:-1;height:200px}.hero-card{transform:translate(-50%, -50%) rotate(calc((var(--i) - 1.5) * 12deg)) translateX(calc((var(--i) - 1.5) * 44px)) scale(.75)}.home-grid{grid-template-columns:1fr}.hero-ctas .btn{flex:auto}}@media (height<=500px) and (orientation:landscape){.shell--immersive .topnav,.shell--immersive .bottomnav{display:none}.shell--immersive .shell-main{padding:4px 8px}}.game{--gap:8px;gap:var(--gap);flex-direction:column;height:100%;min-height:540px;display:flex}.room-title{font-family:var(--font-display);font-size:15px;font-weight:700}.room-title .muted{font-size:12px;font-weight:500;font-family:var(--font)}.seriesbar{border:1px solid var(--line);background:linear-gradient(90deg,#7c3aed29,#12111feb 35% 65%,#7c3aed29);border-radius:14px;flex:none;grid-template-columns:auto 1fr auto auto;grid-template-areas:"left center modes controls";align-items:center;gap:8px 12px;padding:6px 10px;display:grid}.sb-left{grid-area:left;align-items:center;gap:8px;display:flex}.sb-center{grid-area:center;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.sb-modes{grid-area:modes}.sb-controls{grid-area:controls;justify-content:flex-end;align-items:center;gap:6px;display:flex}.series-team{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:11px;font-weight:800}.series-score{font-family:var(--font-display);background:var(--bg);border:1px solid var(--violet);font-variant-numeric:tabular-nums;border-radius:10px;padding:4px 12px;font-size:22px;font-weight:800;line-height:1;box-shadow:0 0 16px #a855f759}.series-score i{color:var(--text-faint);padding:0 3px;font-style:normal}.series-games{gap:3px;display:flex}.series-game{border:1px solid var(--line-strong);color:var(--text-faint);border-radius:6px;padding:3px 6px;font-size:10px;font-weight:800}.series-game.is-current{border-color:var(--violet);color:#fff;background:#a855f740}.series-game.is-done.t0{background:var(--team0);color:#fff;border-color:#0000}.series-game.is-done.t1{background:var(--team1);color:#04121c;border-color:#0000}.live-pill{color:#fff;letter-spacing:.1em;background:#e11d48;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.live-pill--sm{padding:2px 7px;font-size:10px}.live-dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.viewers{white-space:nowrap;font-size:12.5px;font-weight:700}.viewers small{color:var(--text-faint);font-weight:500}.seriesbar .iconbtn{width:32px;height:32px;font-size:14px;position:relative}.seg--pov button{padding:5px 11px;font-size:12.5px}.chat-toggle{display:none}.exit-btn{display:none!important}.fab-badge{color:var(--violet-deep);background:#fff;border-radius:999px;padding:0 5px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-4px;right:-4px}.streamctl{align-items:center;gap:4px;display:flex}.ctl{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.ctl.is-off{color:var(--neg);border-color:#fb718566}.sim-tag{letter-spacing:.12em;color:var(--text-faint);border:1px solid var(--line);border-radius:4px;padding:1px 4px;font-size:9px;font-weight:800}.game-body{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:12px;min-height:0;display:grid}.game--practice .game-body{grid-template-columns:minmax(0,1fr)}.game-main{gap:var(--gap);flex-direction:column;min-width:0;min-height:0;display:flex}.game-side{flex-direction:column;gap:10px;min-height:0;display:flex;overflow-y:auto}.game-side .chat:not(.chat--min){min-height:170px}@media (height<=780px){.stats-hands{display:none}}.drawer-close,.drawer-scrim{display:none}.pov-note{color:var(--text-dim);border:1px dashed var(--line-strong);border-radius:10px;flex:none;padding:6px 10px;font-size:12px}.chat-ticker{display:none}.scoreboard{flex:none;grid-template-columns:1fr 1fr;gap:8px;display:grid}.score-team{background:var(--panel);border:1px solid var(--line);border-radius:12px;grid-template-columns:auto 1fr auto;grid-template-areas:"head row main";align-items:center;column-gap:12px;padding:5px 12px 5px 14px;display:grid;position:relative;overflow:hidden}.score-team:before{content:"";background:var(--team0);width:4px;position:absolute;top:0;bottom:0;left:0}.score-team--1:before{background:var(--team1)}.score-team-head{grid-area:head;align-items:center;gap:6px;display:flex}.score-team-name{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:800}.score-series{color:var(--lilac);letter-spacing:2px;font-size:10px}.score-main{font-family:var(--font-display);font-variant-numeric:tabular-nums;grid-area:main;font-size:24px;font-weight:800;line-height:1}.score-sub{display:none}.score-row{color:var(--text-dim);flex-wrap:wrap;grid-area:row;justify-content:center;gap:12px;font-size:12px;display:flex}.score-row b{color:var(--text);font-variant-numeric:tabular-nums}.score-target{display:none}.stage{gap:var(--gap);flex-direction:column;flex:1;min-height:0;display:flex}.arena{--tb-h:88px;--lr-w:160px;--pc-w:66px;border:1px solid var(--line);isolation:isolate;background:radial-gradient(60% 55%,#7c3aed33,#0000 70%),radial-gradient(40% 30% at 50% 0,#d4b5ff12,#0000 70%),linear-gradient(#0b0a14,#07060d);border-radius:24px;flex:1;min-height:290px;position:relative;overflow:hidden}.arena--spectator{--tb-h:128px;--lr-w:230px;--pc-w:76px}@media (height>=861px) and (width>=1200px){.arena{--tb-h:104px;--lr-w:184px;--pc-w:74px}.arena--spectator{--tb-h:150px;--lr-w:270px;--pc-w:84px}}.tbl{top:calc(var(--tb-h) * .58);bottom:calc(var(--tb-h) * .58);left:calc(var(--lr-w) * .62);right:calc(var(--lr-w) * .62);border-radius:999px;position:absolute}.tbl-rim{border-radius:inherit;background:linear-gradient(#2a2638 0%,#15131f 45%,#0c0b12 100%);position:absolute;inset:0;box-shadow:0 30px 60px #000000a6,0 0 0 1px #ffffff0d,inset 0 2px #ffffff14,inset 0 -6px 14px #0009}.tbl-led{border-radius:inherit;border:2px solid #a855f7d9;animation:5s ease-in-out infinite ledBreath;position:absolute;inset:7px;box-shadow:0 0 10px #a855f7cc,0 0 28px #a855f773,inset 0 0 12px #a855f780}@keyframes ledBreath{50%{border-color:#d4b5ffe6;box-shadow:0 0 14px #d4b5ffb3,0 0 36px #a855f780,inset 0 0 14px #a855f78c}}.tbl-felt{border-radius:inherit;background:radial-gradient(70% 60% at 50% 45%,#22202c 0%,#17151f 55%,#0f0e15 100%);position:absolute;inset:14px;box-shadow:inset 0 0 40px #000000bf,inset 0 0 0 1px #d4b5ff0f}.tbl-felt:before{content:"";border-radius:inherit;opacity:.5;pointer-events:none;background-image:repeating-linear-gradient(45deg,#ffffff05 0 2px,#0000 2px 5px),repeating-linear-gradient(-45deg,#0000001f 0 2px,#0000 2px 5px);position:absolute;inset:0}.tbl-felt:after{content:"";pointer-events:none;border:1px solid #d4b5ff12;border-radius:999px;position:absolute;inset:12%}.tbl-emblem{aspect-ratio:1;color:#a855f721;pointer-events:none;place-items:center;width:min(26%,120px);display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tbl-emblem svg{filter:drop-shadow(0 0 18px #a855f740);width:70%;height:70%}.tbl-emblem span{font-family:var(--font-display);letter-spacing:.4em;color:#d4b5ff38;padding-left:.4em;font-size:11px;font-weight:800;position:absolute;bottom:-6%}.tbl-phase{text-align:center;font-family:var(--font-display);color:var(--lilac);letter-spacing:.04em;place-content:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.tbl-phase small{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;font-size:11px;display:block}.cip{--pc-h:calc(var(--pc-w) * 1.4);position:absolute;inset:0}.cip-label{pointer-events:none;justify-items:center;gap:1px;display:grid;position:absolute;top:9%;left:0;right:0}.cip-label span{letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);font-size:9.5px;font-weight:700}.cip-label b{font-family:var(--font-display);color:var(--lilac);letter-spacing:.06em;font-size:12px}.cip-slot{z-index:2;transition:transform .45s cubic-bezier(.5,0,.75,0),opacity .45s ease-in;animation:.26s cubic-bezier(.2,.9,.3,1.2) backwards cardIn;position:absolute;top:52%;left:50%}.cip-slot .pcard{--w:var(--pc-w)}.cip-slot--top{transform:translate(-50%, calc(-50% - var(--pc-h) * .5));--from:translate(-50%, -160%)}.cip-slot--bottom{transform:translate(-50%, calc(-50% + var(--pc-h) * .5));--from:translate(-50%, 60%)}.cip-slot--left{transform:translate(calc(-50% - var(--pc-w) * .95), -50%) rotate(-7deg);--from:translate(-260%, -50%)}.cip-slot--right{transform:translate(calc(-50% + var(--pc-w) * .95), -50%) rotate(7deg);--from:translate(160%, -50%)}@keyframes cardIn{0%{opacity:0;transform:var(--from) scale(.85)}}.cip-slot.is-winner{z-index:3}.cip.to-top{--dx:0px;--dy:calc(-50cqh + var(--tb-h) * .5)}.cip.to-bottom{--dx:0px;--dy:calc(50cqh - var(--tb-h) * .5)}.cip.to-left{--dx:calc(-50cqw + var(--lr-w) * .5);--dy:0px}.cip.to-right{--dx:calc(50cqw - var(--lr-w) * .5);--dy:0px}.cip.is-gather .cip-slot{transform:translate(calc(-50% + var(--n) * 2px), calc(-50% - var(--n) * 2px)) rotate(calc(var(--n) * 3deg - 4deg));transition:transform .22s ease-out}.cip.is-slide .cip-slot{z-index:6;transform:translate(calc(-50% + var(--dx) + var(--n) * 2px), calc(-50% + var(--dy) - var(--n) * 2px)) rotate(calc(var(--n) * 3deg - 4deg)) scale(.55);opacity:0;transition:transform .5s cubic-bezier(.55,0,.3,1),opacity .15s ease-in .5s}.books-bump{animation:.6s cubic-bezier(.2,1.8,.4,1) .45s both booksBump;display:inline-block}@keyframes booksBump{0%{transform:scale(1)}40%{color:var(--lilac);text-shadow:0 0 10px var(--violet);transform:scale(1.9)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.cip.is-slide .cip-slot,.cip.is-gather .cip-slot{transition:opacity .2s;transform:translate(-50%,-50%)}.books-bump{animation:none}}.book-burst{z-index:5;pointer-events:none;justify-items:center;animation:.9s cubic-bezier(.2,1.4,.4,1) both bookPop;display:grid;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.book-burst strong{font-family:var(--font-display);font-size:calc(var(--pc-w) * .5);letter-spacing:.06em;color:#fff;text-shadow:0 0 12px var(--violet), 0 0 28px #a855f7cc, 0 2px 0 #4c1d95;font-weight:800}.book-burst span{color:var(--lilac);white-space:nowrap;background:#08080fc7;border:1px solid #a855f780;border-radius:999px;margin-top:2px;padding:2px 10px;font-size:11.5px;font-weight:700}@keyframes bookPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}55%{transform:translate(-50%,-50%)scale(1)}to{opacity:1}}.seat{z-index:4;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0d18eb;border-radius:14px;gap:0;transition:box-shadow .25s,border-color .25s;display:flex;position:absolute;box-shadow:0 10px 26px #0000008c}.seat--top,.seat--bottom{height:var(--tb-h);flex-direction:row;align-items:stretch;left:50%;transform:translate(-50%)}.seat--top{top:6px}.seat--bottom{bottom:6px}.seat--left,.seat--right{width:var(--lr-w);flex-direction:column;top:50%;transform:translateY(-50%)}.seat--left{left:6px}.seat--right{right:6px}.seat.is-turn{border-color:var(--violet);box-shadow:0 0 0 2px var(--violet), 0 0 30px #a855f78c;animation:1.6s ease-in-out infinite turnGlow}@keyframes turnGlow{50%{box-shadow:0 0 0 2px var(--lilac), 0 0 40px #a855f7bf}}.seat.took-book{border-color:var(--lilac)}.seat-cam{background:radial-gradient(circle at 50% 120%, hsla(var(--hue), 80%, 50%, .55), transparent 65%), linear-gradient(160deg, #141024, hsl(var(--hue) 40% 12%));flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.seat--top .seat-cam,.seat--bottom .seat-cam{aspect-ratio:16/11;border-radius:13px 0 0 13px;height:100%}.seat--left .seat-cam,.seat--right .seat-cam{aspect-ratio:16/11;border-radius:13px 13px 0 0;width:100%}.seat-avatar{aspect-ratio:1;background:radial-gradient(circle at 30% 25%, hsl(var(--hue) 90% 72%), hsl(var(--hue) 70% 30%));width:58%;max-height:78%;box-shadow:0 0 0 2px #ffffff14, 0 0 22px hsla(var(--hue), 90%, 60%, .5);border-radius:50%;place-items:center;display:grid}.seat-avatar span{font-family:var(--font-display);font-weight:800;font-size:calc(var(--tb-h) * .2)}.seat--left .seat-avatar span,.seat--right .seat-avatar span{font-size:calc(var(--lr-w) * .12)}.seat-cam:after{content:"";pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0000008c 100%) 0 0/100% 100%,linear-gradient(110deg,#0000 35%,#ffffff0f 50%,#0000 65%) 0 0/300% 100%;animation:7s linear infinite camSweep;position:absolute;inset:0}@keyframes camSweep{0%{background-position:0 0,150% 0}to{background-position:0 0,-150% 0}}.seat--spectator .seat-name strong{font-size:16px}.seat--spectator .seat-stats{font-size:13px}.seat--spectator .seat-sim{font-size:9px}.seat-camoff{color:var(--text-faint);font-size:10px}.seat-sim{letter-spacing:.1em;color:#fff6;font-size:7.5px;font-weight:800;position:absolute;bottom:3px;left:5px}.seat-queue{z-index:6;background:#000000a6;border-radius:6px;padding:0 5px;font-size:9px;position:absolute;top:4px;right:4px}.seat-book{font-family:var(--font-display);letter-spacing:.06em;color:#fff;background:var(--violet);box-shadow:0 0 12px var(--violet);z-index:7;border-radius:999px;padding:1px 6px;font-size:10px;font-weight:800;animation:.8s both bookPopSmall;position:absolute;top:4px;left:4px}@keyframes bookPopSmall{0%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1.2)}to{transform:scale(1)}}.seat-plate{align-content:center;gap:3px;min-width:0;padding:6px 10px;display:grid}.seat--top .seat-plate,.seat--bottom .seat-plate{min-width:150px}.seat-name{align-items:center;gap:5px;min-width:0;display:flex}.seat-name strong{font-family:var(--font-display);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.seat-dot{background:var(--team0);width:8px;height:8px;box-shadow:0 0 8px var(--team0);border-radius:50%;flex:none}.seat--t1 .seat-dot{background:var(--team1);box-shadow:0 0 8px var(--team1)}.seat-dealer{border:1px solid var(--line-strong);color:var(--text-dim);border-radius:4px;padding:0 4px;font-size:9px;font-weight:800}.seat-role{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap;margin-left:auto;font-size:9.5px;font-weight:700}.seat-stats{color:var(--text-dim);white-space:nowrap;gap:9px;font-size:11.5px;display:flex}.seat-stats b{color:var(--text);font-variant-numeric:tabular-nums}.seat-cards{align-items:center;gap:3px;display:inline-flex}.mini-back{background:linear-gradient(135deg,#4c1d95,#7c3aed);border:1px solid #d4b5ff80;border-radius:2px;width:8px;height:11px;display:inline-block}.seat--left .seat-role,.seat--right .seat-role{display:none}.seat--left .seat-stats,.seat--right .seat-stats{flex-wrap:wrap;row-gap:0}.seat-turn{letter-spacing:.08em;background:var(--violet);color:#fff;white-space:nowrap;box-shadow:0 0 12px var(--violet-glow);z-index:8;border-radius:999px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.seat--bottom .seat-turn{top:auto;bottom:calc(100% + 4px)}.arena-overlay{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06050c9e;place-items:center;padding:10px;display:grid;position:absolute;inset:0;overflow:auto}.arena-overlay--bid{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:#06050c61}.arena-overlay--bid .bidpanel{pointer-events:auto}.stage-overlay--fixed{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06050cb3;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.pcard{--w:64px;width:var(--w);height:calc(var(--w) * 1.4);border-radius:calc(var(--w) * .1);color:var(--card-ink);font-family:var(--font-display);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#fff 0%,#f6f2ff 100%);border:1px solid #17142a2e;flex:none;padding:0;display:block;position:relative;box-shadow:inset 0 1px #fff9,0 6px 14px #00000073}.pcard--xs{--w:22px}.pcard--sm{--w:48px}.pcard--md{--w:64px}.pcard--lg{--w:78px}.pcard--xl{--w:120px}.pcard--hand{--w:var(--hand-w,80px)}.pcard--red{color:var(--card-red)}.pcard-corner{justify-items:center;line-height:.92;display:grid;position:absolute;top:4%;left:7%}.pcard-corner--br{inset:auto 7% 4% auto;transform:rotate(180deg)}.pcard-rank{font-weight:800;font-size:calc(var(--w) * .27);letter-spacing:-.05em}.pcard-suit{font-size:calc(var(--w) * .22)}.pcard-center{font-size:calc(var(--w) * .46);place-items:center;line-height:1;display:grid;position:absolute;inset:22% 18%}.pcard-face{border-radius:calc(var(--w) * .06);width:100%;height:100%;font-size:calc(var(--w) * .36);background:linear-gradient(160deg,#a855f714,#d4b5ff2e);border:1px solid;place-items:center;font-weight:800;display:grid}.pcard-face i{font-style:normal;font-size:calc(var(--w) * .2);margin-top:-.3em}.pcard--S .pcard-center{color:#2e1065}.pcard-ace-spade{font-size:calc(var(--w) * .62);color:#4c1d95;text-shadow:0 0 10px #a855f773}.pcard--back{background:linear-gradient(135deg,#2e1065,#4c1d95 50%,#2e1065);border:1px solid #d4b5ff59;overflow:hidden}.pcard--back:before{content:"";border-radius:inherit;background:repeating-linear-gradient(45deg,#d4b5ff17 0 3px,#0000 3px 7px);border:1px solid #d4b5ff4d;position:absolute;inset:8%}.pcard-back-mark{position:absolute;inset:0}button.pcard{cursor:pointer;touch-action:manipulation;transition:transform .16s,box-shadow .16s,opacity .2s,filter .2s}.pcard--legal{box-shadow:0 0 0 2px var(--violet), 0 8px 18px #7c3aed80}.pcard--illegal{opacity:.48;filter:saturate(.55);cursor:not-allowed!important}.pcard--selected{box-shadow:0 0 0 3px var(--lilac), 0 0 28px var(--violet), 0 12px 24px #0009}.pcard--highlight{box-shadow:0 0 0 3px var(--lilac), 0 0 30px var(--violet), 0 8px 18px #00000080}.hand{--hand-w:clamp(58px, 5.6vw, 84px);border:1px solid var(--line);background:linear-gradient(#12111f99,#7c3aed14);border-radius:18px;flex:none;padding:6px 12px 10px;position:relative}.hand--active{border-color:#a855f7a6;box-shadow:0 0 26px #7c3aed38}.hand-bar{align-items:center;gap:10px;min-height:28px;display:flex}.hand-status{color:var(--lilac);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:12.5px;font-weight:700;overflow:hidden}.hand-count{color:var(--text-faint);font-size:11px;font-weight:600}.hand-play{padding:4px 14px}.hand-notice{background:var(--panel-2);color:#fecdd3;z-index:30;white-space:nowrap;box-shadow:var(--shadow);text-overflow:ellipsis;border:1px solid #fb718599;border-radius:10px;max-width:calc(100vw - 32px);padding:6px 12px;font-size:12.5px;font-weight:600;position:absolute;top:-14px;left:50%;overflow:hidden;transform:translate(-50%,-100%)}.hand-cards{max-width:calc(var(--hand-w) + (var(--n) - 1) * var(--hand-w) * .8);justify-content:center;margin:0 auto;padding-top:16px;display:flex}.hand-slot{min-width:0;max-width:var(--hand-w);flex:1 1 0;position:relative}.hand-slot:last-child{width:var(--hand-w);flex:none}.hand-slot .pcard{transition:transform .16s,box-shadow .16s,opacity .2s}.hand-slot.is-selected{z-index:5}.hand-slot.is-selected .pcard{transform:translateY(-16px)}@media (hover:hover){.hand-slot:hover{z-index:6}.hand-slot:hover .pcard--legal{transform:translateY(-10px)}.hand-slot.is-selected:hover .pcard{transform:translateY(-16px)}}.bidpanel{border:1px solid var(--violet);background:#12111ff5;border-radius:18px;gap:10px;width:min(560px,100%);padding:12px 14px;display:grid;box-shadow:0 20px 60px #0009,0 0 40px #7c3aed4d}.bidpanel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.bidpanel-others{color:var(--text-dim);gap:10px;font-size:12px;display:flex}.bidpanel-others .is-partner{color:var(--lilac)}.bidpanel-grid{grid-template-columns:repeat(14,minmax(0,1fr));gap:5px;display:grid}.bidbtn{border:1px solid var(--line-strong);background:var(--bg-2);color:var(--text);cursor:pointer;font-weight:800;font-family:var(--font-display);border-radius:9px;padding:9px 0}.bidbtn:hover{border-color:var(--lilac)}.bidbtn.is-sel{background:var(--violet);border-color:var(--violet);box-shadow:0 0 16px var(--violet-glow)}.bidbtn--nil{color:#f9a8d4;font-size:11px}.chat{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.chat--min{flex:none}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-head .iconbtn{width:28px;height:28px;margin-left:auto}.chat-list{flex-direction:column;flex:1;gap:5px;min-height:80px;margin:0;padding:8px 12px;font-size:13px;list-style:none;display:flex;overflow-y:auto}.chat-msg{word-wrap:break-word}.chat-user{color:var(--lilac);margin-right:6px}.chat-msg.is-mine .chat-user{color:#f9a8d4}.chat-msg--system{color:var(--text-faint);font-size:12px;font-style:italic}.chat-msg--gift{color:#fff;background:linear-gradient(90deg,#a855f740,#0000);border-radius:8px;padding:3px 8px;font-size:12.5px;font-weight:600}.chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.chat-form input{flex:1}.chat-error{color:var(--neg);padding:0 12px 8px;font-size:12px}.gifts{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex:none;gap:8px;padding:10px 12px;display:grid}.gifts-head{justify-content:space-between;align-items:center;font-size:13px;display:flex}.gifts-head strong{letter-spacing:.1em;color:var(--lilac)}.gems{font-weight:700}.gems small{color:var(--text-faint);font-weight:500}.gifts-targets{flex-wrap:wrap;gap:5px;display:flex}.target{border:1px solid var(--line-strong);cursor:pointer;color:var(--text-dim);background:0 0;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.target.is-sel{color:#fff;border-color:var(--violet);background:#a855f740}.gifts-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.giftbtn{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:12px;justify-items:center;gap:2px;padding:7px 2px;transition:transform .12s,border-color .2s,box-shadow .2s;display:grid}.giftbtn:hover:not(:disabled){border-color:var(--violet);transform:translateY(-2px);box-shadow:0 0 16px #a855f759}.giftbtn:disabled{opacity:.4;cursor:not-allowed}.giftbtn-name{white-space:nowrap;font-size:10.5px;font-weight:700}.giftbtn-cost{color:var(--lilac);font-size:10px}.gifts-foot{justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.gifts-foot .chat-error{padding:0}.stats{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex:none;gap:8px;padding:10px 12px;font-size:13px;display:grid}.stats table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.stats th{text-align:left;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.stats td,.stats th{padding:3px 4px}.stats tr.is-turn td{color:var(--lilac);font-weight:700}.dot{background:var(--team0);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot--t1{background:var(--team1)}.stats-hand{gap:10px;font-size:12px;display:flex}.summary,.vote{background:var(--panel);border:1px solid var(--violet);text-align:center;border-radius:20px;gap:10px;width:min(520px,100%);padding:16px 18px;display:grid;box-shadow:0 20px 60px #0009,0 0 50px #7c3aed4d}.summary h3{margin:0}.summary-grid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;display:grid}.summary-team{background:var(--bg-2);border-top:3px solid var(--team0);border-radius:14px;padding:10px 12px;font-size:13px}.summary-team--1{border-top-color:var(--team1)}.summary-name{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:800}.summary-delta{font-family:var(--font-display);font-size:26px;font-weight:800}.summary-delta.pos{color:var(--pos)}.summary-delta.neg{color:var(--neg)}.summary-notes{color:var(--text-dim);margin:6px 0;padding-left:16px;font-size:12px}.summary-total{font-weight:700}.vote-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--lilac);font-size:12px;font-weight:700}.vote-title{margin:0;font-size:22px}.vote-series{font-family:var(--font-display);font-size:18px;font-weight:700}.vote-timer{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;place-items:center;height:26px;font-weight:800;display:grid;position:relative;overflow:hidden}.vote-timer-bar{background:linear-gradient(90deg, var(--violet-deep), var(--violet));transition:width .25s linear;position:absolute;top:0;bottom:0;left:0}.vote-timer span{position:relative}.vote-list{text-align:left;gap:6px;margin:0;padding:0;list-style:none;display:grid}.vote-list li{background:var(--bg-2);border-radius:10px;justify-content:space-between;padding:8px 12px;font-size:13px;display:flex}.vote-list li.yes b{color:var(--pos)}.vote-list li.no b{color:var(--neg)}.vote-list li.wait b{color:var(--text-faint)}.vote-actions{justify-content:center;gap:10px;display:flex}.series-result{text-align:center;justify-items:center;gap:10px;display:grid}.series-result-score{font-family:var(--font-display);font-size:48px;font-weight:800}.series-result-games{color:var(--text-dim);margin:0;padding:0;font-size:13px;list-style:none}@media (height<=780px){.hand{--hand-w:clamp(52px, 5vw, 70px)}.arena{--tb-h:74px;--lr-w:140px;--pc-w:58px}.arena--spectator{--tb-h:112px;--lr-w:204px;--pc-w:66px}}@media (width<=1180px){.game-body{grid-template-columns:minmax(0,1fr) 300px}.ctl-label{display:none}}@media (width<=900px){.game-body,.game--practice .game-body{grid-template-columns:minmax(0,1fr)}.chat-toggle{display:inline-grid}.seriesbar{grid-template-columns:1fr auto;grid-template-areas:"left controls""center modes";gap:6px 8px}.sb-center{justify-content:flex-start}.hand{--hand-w:clamp(56px, 9vw, 84px)}.arena{--pc-w:74px;--tb-h:90px;--lr-w:156px}.arena--spectator{--tb-h:124px;--lr-w:196px;--pc-w:78px}.game-side{z-index:85;background:var(--bg);border-top:1px solid var(--violet);height:min(78dvh,640px);padding:10px 10px calc(10px + env(safe-area-inset-bottom));visibility:hidden;border-radius:20px 20px 0 0;transition:transform .28s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -20px 50px #0009}.game-side.is-open{visibility:visible;transform:translateY(0)}.drawer-close{color:var(--lilac);cursor:pointer;background:0 0;border:0;flex:none;align-self:flex-end;padding:2px 6px;font-weight:700;display:block}.drawer-scrim{z-index:84;background:#00000073;border:0;display:block;position:fixed;inset:0}.chat{min-height:260px}.chat-ticker{border:1px solid var(--line);text-align:left;cursor:pointer;background:#12111fcc;border-radius:8px;flex:none;align-items:center;min-width:0;height:24px;padding:0 10px;display:flex}.ticker-msg{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);font-size:11.5px;overflow:hidden}.ticker-msg b{color:var(--lilac);margin-right:4px}.ticker-msg--gift{color:#fff}}@media (width<=600px){.game{--gap:6px;min-height:0}.seriesbar{grid-template-columns:1fr auto;grid-template-areas:"left controls""center modes";gap:6px 8px;padding:6px 8px}.sb-center{justify-content:flex-start;gap:6px}.series-score{padding:3px 8px;font-size:17px}.hide-sm{display:none}.seriesbar .iconbtn{width:30px;height:30px;font-size:13px}.sb-controls{gap:4px}.ctl{padding:3px 7px}.sim-tag{display:none}.seg--pov button{padding:4px 9px;font-size:12px}.scoreboard{gap:6px}.score-team{grid-template-columns:1fr auto;grid-template-areas:"head main""row main";column-gap:6px;padding:4px 8px 4px 11px}.score-team-name{font-size:10.5px}.score-row{justify-content:flex-start;gap:8px;font-size:10.5px}.score-main{font-size:20px}.arena{--tb-h:58px;--lr-w:86px;--pc-w:46px;border-radius:18px;min-height:260px}.arena.arena--spectator{--tb-h:84px;--lr-w:116px;--pc-w:44px}.tbl{top:calc(var(--tb-h) * .55);bottom:calc(var(--tb-h) * .55);left:calc(var(--lr-w) * .5);right:calc(var(--lr-w) * .5);border-radius:46%/30%}.tbl-led{inset:5px}.tbl-felt{inset:10px}.seat{border-radius:11px}.seat--top .seat-cam,.seat--bottom .seat-cam{border-radius:10px 0 0 10px}.seat--left .seat-cam,.seat--right .seat-cam{border-radius:10px 10px 0 0}.seat--top .seat-plate,.seat--bottom .seat-plate{min-width:112px;padding:4px 8px}.seat--left .seat-plate,.seat--right .seat-plate{padding:4px 5px 5px}.seat-name strong{font-size:11.5px}.seat-role,.seat-sim,.seat-dealer{display:none}.seat-stats{gap:6px;font-size:10px}.seat--left .seat-stats,.seat--right .seat-stats{flex-direction:column;gap:0}.seat-turn{padding:1px 6px;font-size:8px}.seat--left,.seat--right{top:46%}.hand{--hand-w:56px;border-radius:14px;padding:4px 6px 8px}.hand-cards{max-width:100%;padding-top:14px}.bidpanel{gap:8px;padding:10px}.bidpanel-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.bidbtn{padding:8px 0}.summary-grid{grid-template-columns:1fr}.summary,.vote{padding:12px}.summary-team{padding:6px 10px}.summary-notes{display:none}}@media (width<=360px){.hand{--hand-w:50px}.arena{--lr-w:72px}}@media (height<=500px) and (orientation:landscape){.game{--gap:5px;min-height:0}.seriesbar{grid-template-columns:auto 1fr auto auto;grid-template-areas:"left center modes controls";padding:4px 8px}.arena{--pc-w:38px}.sb-center{justify-content:center}.series-score{padding:2px 8px;font-size:16px}.seriesbar .iconbtn{width:28px;height:28px}.room-title,.pov-note,.chat-ticker,.series-team,.sim-tag,.ctl-label,.hide-sm{display:none!important}.exit-btn{display:inline-grid!important}.seg--pov button{padding:3px 9px;font-size:11.5px}.score-team{padding:2px 10px 2px 12px}.score-main{font-size:17px}.score-row{font-size:11px}.arena{--tb-h:42px;--lr-w:96px;--pc-w:38px;min-height:180px}.arena.arena--spectator{--tb-h:64px;--lr-w:130px;--pc-w:40px}.seat--top .seat-plate,.seat--bottom .seat-plate{min-width:0;padding:2px 8px}.seat--left .seat-cam,.seat--right .seat-cam{aspect-ratio:16/8}.seat-role,.seat-sim{display:none}.seat-name strong{font-size:11px}.seat-stats{gap:6px;font-size:10px}.seat--top .seat-stats,.seat--bottom .seat-stats{gap:6px}.hand{--hand-w:44px;padding:0 8px 4px}.hand-bar{min-height:20px}.hand-status{font-size:11.5px}.hand-cards{padding-top:8px}.cip-label{display:none}.bidpanel-grid{grid-template-columns:repeat(14,minmax(0,1fr))}}.seat .gfx-label{padding:1px 3px;font-size:9px;bottom:2px;left:2px;right:2px}.music{position:relative}.music-btn.is-on{border-color:var(--violet);box-shadow:0 0 12px var(--violet-glow);background:#a855f740}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:var(--lilac);border-radius:1px;width:3px;animation:.9s ease-in-out infinite eq}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:4px}50%{height:14px}}.music-pop{z-index:95;background:var(--panel);border:1px solid var(--violet);width:250px;box-shadow:var(--shadow), 0 0 30px #7c3aed4d;border-radius:16px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.music-now{align-items:center;gap:10px;display:flex}.music-now strong{font-family:var(--font-display);display:block}.music-now small{color:var(--text-dim);font-size:11px}.music-art{background:linear-gradient(135deg,#7c3aed,#db2777);border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.music-styles{width:100%}.music-styles button{flex:1}.music-vol{color:var(--text-dim);gap:4px;font-size:12px;display:grid}.music-vol input{width:100%}.music-pop p{margin:0}@media (width<=600px){.music-pop{width:auto;position:fixed;top:120px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){.eq i{height:10px;animation:none}}.series-score{white-space:nowrap}@media (width<=600px){.sb-controls{flex-wrap:wrap;row-gap:4px;min-width:0}.sb-controls .btn--sm{padding:4px 9px;font-size:11.5px}.seriesbar{grid-template-columns:minmax(0,1fr) auto}.game--watch .seriesbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"left controls""center center"}}.music-pop{width:280px;max-height:min(70vh,560px);overflow-y:auto}.music-transport{justify-content:center;align-items:center;gap:6px;display:flex}.music-transport .btn{flex:1}.music-transport .iconbtn.is-on{border-color:var(--violet);background:#a855f740}.music-group{gap:4px;display:grid}.music-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px;font-weight:800}.music-opt{text-align:left;border:1px solid var(--line);background:var(--bg-2);color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:13px;font-weight:600;display:flex}.music-opt small{color:var(--text-faint);font-weight:500}.music-opt.is-sel{border-color:var(--violet);background:#a855f733}.music-opt:hover{border-color:var(--lilac)}.music-pop code{color:var(--lilac);font-size:11px}.np-chip{font-family:var(--font);color:var(--lilac);vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;background:#a855f71f;border:1px solid #a855f759;border-radius:999px;align-items:center;gap:6px;max-width:280px;margin-left:8px;padding:2px 10px 2px 8px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.np-chip .eq{height:10px}.np-chip .eq i{width:2px}.scoreboard--compact .score-team{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;grid-template-areas:"head prog right""names prog right";row-gap:1px;padding:6px 12px 6px 14px}.score-team-head{grid-area:head}.score-names{color:var(--text);white-space:nowrap;text-overflow:ellipsis;grid-area:names;font-size:11.5px;overflow:hidden}.score-names .muted{font-size:10.5px}.score-prog{grid-area:prog;align-self:center;gap:4px;min-width:0;display:grid}.score-prog-top{color:var(--text-dim);white-space:nowrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.score-prog-top b{color:var(--text);font-variant-numeric:tabular-nums}.score-prog-top i{color:var(--text-faint);padding:0 2px;font-style:normal}.score-need{color:var(--lilac);text-overflow:ellipsis;font-weight:700;overflow:hidden}.score-need.is-made{color:var(--pos)}.score-bar{background:#ffffff12;border-radius:99px;height:6px;overflow:hidden}.score-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--team0), var(--lilac));height:100%;transition:width .4s;display:block}.score-team--1 .score-bar span{background:linear-gradient(90deg, #0ea5e9, var(--team1))}.score-right{grid-area:right;align-content:center;justify-items:end;display:grid}.score-bags{color:var(--text-faint);white-space:nowrap;font-size:10.5px}.scoreboard--compact .score-main{grid-area:auto;font-size:26px}.scoreboard--compact .score-row,.scoreboard--compact .score-sub{display:none}.score-team.is-mine{border-color:var(--violet);background:linear-gradient(90deg, #a855f72e, var(--panel) 60%);box-shadow:0 0 22px #a855f740}.score-team.is-mine .score-team-name{color:#fff}.score-you{letter-spacing:.1em;background:var(--violet);color:#fff;border-radius:999px;padding:1px 6px;font-size:9px;font-weight:800}.seat--mine{border-color:#a855f799}@media (width<=600px){.scoreboard--compact .score-team{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head right""prog right";padding:5px 8px 6px 11px}.score-names{display:none}.score-prog-top{font-size:10.5px}.score-need{display:none}.scoreboard--compact .score-main{font-size:20px}.score-bags,.score-series{display:none}}@media (height<=500px) and (orientation:landscape){.score-names,.score-bags{display:none}.scoreboard--compact .score-team{grid-template-columns:auto 1fr auto;grid-template-areas:"head prog right";padding:2px 10px 2px 12px}}.gfx{z-index:5;pointer-events:none;animation:gfxFade var(--dur,3s) ease forwards;position:absolute;inset:0;overflow:hidden}@keyframes gfxFade{0%{opacity:0}8%{opacity:1}85%{opacity:1}to{opacity:0}}.gfx-hero{filter:drop-shadow(0 0 14px #a855f7e6);animation:.5s cubic-bezier(.2,1.6,.4,1) both heroPop,2s ease-in-out .5s infinite heroFloat2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heroPop{0%{transform:translate(-50%,-50%)scale(0)rotate(-20deg)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes heroFloat2{50%{transform:translate(-50%,-58%)}}.gfx-label{text-align:center;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#7c3aedd9,#a855f7d9);border-radius:8px;padding:2px 4px;font-size:10.5px;animation:.3s both slideUp;position:absolute;bottom:4px;left:4px;right:4px;overflow:hidden}@keyframes slideUp{0%{transform:translateY(120%)}}.gfx-combo{font-weight:900;font-family:var(--font-display);color:#fde7ff;text-shadow:0 0 8px #f0abfc;margin-left:6px;animation:.3s comboBump;display:inline-block}@keyframes comboBump{50%{transform:scale(1.5)}}.gfx-streak{margin-left:6px;font-weight:700}.gfx-particle{pointer-events:none;position:absolute}.gfx--rose .gfx-particle{top:-12%;left:calc(var(--r) * 100%);width:10px;height:7px;animation:2.6s ease-in forwards petal;animation-delay:calc(var(--i) * .12s);background:linear-gradient(135deg,#f9a8d4,#db2777);border-radius:70% 0}@keyframes petal{to{transform:translate(calc((var(--r) - .5) * 60px), 160px) rotate(540deg);opacity:0}}.gfx--rose{box-shadow:inset 0 0 30px #f472b699}.gfx-flames{filter:blur(4px);transform-origin:bottom;background:radial-gradient(at 20% 100%,#a855f7e6,#0000 55%),radial-gradient(at 50% 100%,#d946efd9,#0000 60%),radial-gradient(at 80% 100%,#7c3aede6,#0000 55%);height:70%;animation:.18s steps(2,end) infinite alternate flicker;position:absolute;inset:auto 0 0}@keyframes flicker{to{opacity:.85;transform:scaleY(1.12)skew(2deg)}}.gfx--fire{box-shadow:inset 0 0 0 2px #a855f7,inset 0 0 40px #a855f7cc}.gfx--fire .gfx-particle{bottom:0;left:calc(var(--r) * 100%);width:6px;height:6px;animation:1.6s ease-out infinite ember;animation-delay:calc(var(--i) * .15s);background:#e9d5ff;border-radius:50%;box-shadow:0 0 8px #a855f7}@keyframes ember{to{transform:translateY(-120px) translateX(calc((var(--r) - .5) * 30px));opacity:0}}.gfx--crown .gfx-hero{top:22%}.gfx--crown:before{content:"";background:radial-gradient(closest-side,#d4b5ffb3,#0000);width:120px;height:120px;animation:1.2s ease-in-out infinite pulse;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%)}.gfx--crown .gfx-particle{width:4px;height:4px;box-shadow:0 0 6px var(--lilac);animation:2.4s linear infinite orbit;animation-delay:calc(var(--i) * -.4s);background:#fff;border-radius:50%;top:22%;left:50%}@keyframes orbit{0%{transform:rotate(0)translate(38px)}to{transform:rotate(360deg)translate(38px)}}.gfx-burst{background:radial-gradient(circle,#fff,#7dd3fc 40%,#0000 70%);border-radius:50%;width:10px;height:10px;animation:.9s ease-out forwards burst;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes burst{to{opacity:0;width:360px;height:360px}}.gfx--diamond .gfx-particle{width:6px;height:6px;animation:1.4s ease-out forwards sparkle;animation-delay:calc(var(--i) * 30ms + .1s);background:#e0f2fe;top:50%;left:50%;transform:rotate(45deg);box-shadow:0 0 8px #7dd3fc}@keyframes sparkle{to{transform:rotate(calc(var(--i) / var(--n) * 360deg)) translateX(110px) rotate(45deg);opacity:0}}.gfx--diamond{box-shadow:inset 0 0 40px #7dd3fc80}.celebration{z-index:10;pointer-events:none;animation:4.6s forwards gfxFade;position:absolute;inset:0;overflow:hidden}.celebration-road{background:linear-gradient(90deg, transparent, var(--violet), var(--lilac), var(--violet), transparent);height:3px;box-shadow:0 0 20px var(--violet);position:absolute;top:56%;left:0;right:0}.celebration-car{filter:drop-shadow(0 0 18px #a855f7);animation:3.4s cubic-bezier(.5,.1,.4,.9) forwards drive;position:absolute;top:56%;left:0;transform:translate(-130%,-88%)}.celebration-car:after{content:"";filter:blur(6px);background:linear-gradient(270deg,#a855f7b3,#0000);width:160px;height:22px;position:absolute;top:40%;right:90%}@keyframes drive{0%{left:0;transform:translate(-130%,-88%)}45%{left:50%;transform:translate(-50%,-88%)scale(1.15)}60%{left:50%;transform:translate(-50%,-88%)scale(1.15)}to{left:100%;transform:translate(30%,-88%)}}.celebration-text{text-align:center;font-family:var(--font-display);text-shadow:0 0 14px var(--violet);padding:0 10px;font-size:16px;font-weight:700;animation:.4s .6s both slideUp;position:absolute;top:66%;left:0;right:0}.gfx--calm,.gfx--calm *{animation-duration:.01ms!important;animation-iteration-count:1!important}.gfx--calm{animation:2s forwards gfxFadeCalm!important}@keyframes gfxFadeCalm{0%{opacity:0}15%,80%{opacity:1}to{opacity:0}}.celebration--calm .celebration-car{animation:none;left:50%;transform:translate(-50%,-88%)}.celebration--calm .celebration-road{display:none}@media (prefers-reduced-motion:reduce){.seat-cam:after,.tbl-led{animation:none}.gfx-particle,.gfx-flames,.gfx-burst{display:none}.gfx-hero{animation:none}.celebration-car{animation:none;left:50%;transform:translate(-50%,-88%)}.cam--turn,.cam-avatar,.live-dot,.hero-card{animation:none}}.seat.has-fx{--aura:#a855f7;animation:1.2s ease-in-out infinite alternate aura}.seat.fx-rose{--aura:#f472b6}.seat.fx-fire{--aura:#c026d3}.seat.fx-crown{--aura:#d4b5ff}.seat.fx-diamond{--aura:#7dd3fc}@keyframes aura{0%{box-shadow:0 0 0 2px var(--aura), 0 0 24px var(--aura)}to{box-shadow:0 0 0 2px var(--aura), 0 0 54px var(--aura), 0 0 90px color-mix(in srgb, var(--aura) 40%, transparent)}}@media (prefers-reduced-motion:reduce){.seat.has-fx{box-shadow:0 0 0 2px var(--aura), 0 0 30px var(--aura);animation:none}}.deal{z-index:3;pointer-events:none;position:absolute;inset:0}.deal-label{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:var(--lilac);text-shadow:0 0 10px var(--violet);font-size:12px;animation:3.4s step-end forwards dealLabel;position:absolute;top:calc(50% + 62px);left:50%;transform:translate(-50%)}@keyframes dealLabel{0%{opacity:1}32%{opacity:1}33%{opacity:0}}.deal--reduced .deal-label{animation:none}.deal-deck{width:52px;height:73px;animation:3.4s linear forwards deckFade;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes deckFade{0%,90%{opacity:1}to{opacity:0}}.deal-half,.deal-card{background:linear-gradient(135deg,#2e1065,#5b21b6 50%,#2e1065);border:1px solid #d4b5ff8c;border-radius:6px;width:52px;height:73px;position:absolute;box-shadow:0 4px 12px #0000008c,inset 0 0 0 4px #2e1065e6,inset 0 0 0 5px #d4b5ff4d}.deal-half--l{animation:.5s ease-in-out 2 riffleL}.deal-half--r{animation:.5s ease-in-out 2 riffleR}@keyframes riffleL{0%{transform:none}35%{transform:translate(-34px,4px)rotate(-14deg)}70%{transform:translate(-6px)rotate(-3deg)}to{transform:none}}@keyframes riffleR{0%{transform:none}35%{transform:translate(34px,4px)rotate(14deg)}70%{transform:translate(6px)rotate(3deg)}to{transform:none}}.deal-card{opacity:0;animation:.34s cubic-bezier(.25,.8,.35,1) forwards dealFly;animation-delay:calc(var(--shuffle) + var(--k) * var(--step));top:calc(50% - 36px);left:calc(50% - 26px)}.deal-card.to-top{--tx:0px;--ty:calc(-50cqh + var(--tb-h) * .5);--rot:180deg}.deal-card.to-bottom{--tx:0px;--ty:calc(50cqh - var(--tb-h) * .5);--rot:360deg}.deal-card.to-left{--tx:calc(-50cqw + var(--lr-w) * .5);--ty:0px;--rot:90deg}.deal-card.to-right{--tx:calc(50cqw - var(--lr-w) * .5);--ty:0px;--rot:-90deg}@keyframes dealFly{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}85%{opacity:1}to{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(var(--rot)) scale(.55)}}.deal-skip{pointer-events:auto;z-index:9;border:1px solid var(--line-strong);color:var(--lilac);cursor:pointer;background:#08080fb3;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;bottom:12px;left:12px}.hand--dealing .hand-slot{opacity:0;animation:.32s cubic-bezier(.2,.9,.3,1.15) forwards handDealIn;animation-delay:calc(var(--deal-start) + var(--first) * 38ms + var(--i) * var(--deal-step))}@keyframes handDealIn{0%{opacity:0;transform:translateY(-60px)rotate(-8deg)scale(.7)}to{opacity:1;transform:none}}.gbanners{z-index:22;pointer-events:none;gap:6px;max-width:min(300px,46%);display:grid;position:absolute;top:10px;left:10px}.gbanner{background:linear-gradient(90deg,#7c3aedeb,#a855f78c 70%,#a855f700);border-radius:999px;align-items:center;gap:8px;padding:4px 44px 4px 4px;animation:.38s cubic-bezier(.2,1.3,.4,1) both bannerIn;display:flex;position:relative;box-shadow:0 6px 18px #00000073}.gbanner--rose{background:linear-gradient(90deg,#db2777eb,#f472b680 70%,#0000)}.gbanner--diamond{background:linear-gradient(90deg,#0e7490f2,#7dd3fc80 70%,#0000)}.gbanner--car{background:linear-gradient(90deg,#5b21b6fa,#c026d399 70%,#0000)}.gbanner.is-mine{box-shadow:0 0 0 1px #fff,0 6px 18px #00000073}@keyframes bannerIn{0%{opacity:0;transform:translate(-110%)}}.gbanner-avatar{background:radial-gradient(circle at 30% 25%,#f0abfc,#7c3aed);border:2px solid #ffffffb3;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.gbanner-text{min-width:0;line-height:1.1;display:grid}.gbanner-text strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.gbanner-text small{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.gbanner-icon{filter:drop-shadow(0 0 8px #fff9);animation:1s ease-in-out infinite iconBob;position:absolute;top:50%;right:2px;transform:translateY(-50%)}@keyframes iconBob{50%{transform:translateY(-58%)rotate(-6deg)}}.gbanner-count{font-family:var(--font-display);color:#fff;-webkit-text-stroke:1px #7c3aed;text-shadow:0 0 12px #f0abfc,0 3px #4c1d95;white-space:nowrap;font-size:26px;font-style:italic;font-weight:800;animation:.35s cubic-bezier(.2,1.8,.4,1) both countPop;position:absolute;top:50%;left:calc(100% + 4px);transform:translateY(-50%)}@keyframes countPop{0%{opacity:0;transform:translateY(-50%)scale(2.2)}to{opacity:1;transform:translateY(-50%)scale(1)}}.takeover{z-index:10;pointer-events:none;animation:3.8s forwards gfxFade;position:absolute;inset:0;overflow:hidden}.takeover-flash{background:radial-gradient(circle,#e0f2fee6,#7dd3fc33 40%,#0000 70%);animation:.7s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:1}to{opacity:0}}.takeover-hero{filter:drop-shadow(0 0 30px #7dd3fc);animation:1.2s cubic-bezier(.2,1.2,.4,1) both heroSpin;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes heroSpin{0%{transform:translate(-50%,-50%)scale(0)rotate(-180deg)}to{transform:translate(-50%,-50%)scale(1)rotate(0)}}.diamond-drop{top:-40px;left:var(--x);animation:1.8s cubic-bezier(.4,0,.9,.6) forwards drop;animation-delay:calc(var(--i) * 60ms);filter:drop-shadow(0 0 6px #7dd3fc);position:absolute}@keyframes drop{to{opacity:.2;transform:translateY(120cqh)translateY(600px)rotate(240deg)}}.gfx--crown .gfx-hero{animation:.9s cubic-bezier(.3,1.4,.5,1) both crownDrop,2s ease-in-out .9s infinite heroFloat2}@keyframes crownDrop{0%{opacity:0;transform:translate(-50%,-260%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.gfx--crown:after{content:"";aspect-ratio:1;background:repeating-conic-gradient(#d4b5ff38 0 8deg, transparent 8deg 24deg);width:240%;animation:6s linear infinite rays;position:absolute;top:22%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 60%);mask-image:radial-gradient(circle,#000 20%,#0000 60%)}@keyframes rays{to{transform:translate(-50%,-50%)rotate(360deg)}}.callout{z-index:15;pointer-events:none;text-align:center;justify-items:center;gap:4px;animation:1.7s cubic-bezier(.2,1.3,.4,1) both calloutIn;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.callout strong{font-family:var(--font-display);letter-spacing:.02em;color:#fff;-webkit-text-stroke:1.5px #7c3aed;text-shadow:0 0 22px #a855f7,0 4px #4c1d95;white-space:nowrap;font-size:clamp(30px,6vw,64px);font-style:italic;font-weight:800}.callout span{color:var(--lilac);background:#08080fd1;border:1px solid #a855f799;border-radius:999px;padding:3px 12px;font-size:13px;font-weight:700}.callout--red strong{-webkit-text-stroke-color:#be123c;text-shadow:0 0 22px #fb7185,0 4px #881337}.callout--gold strong{-webkit-text-stroke-color:#db2777;text-shadow:0 0 22px #f0abfc,0 4px #831843}.callout--spade strong{-webkit-text-stroke-color:#312e81;text-shadow:0 0 26px #818cf8,0 4px #1e1b4b}@keyframes calloutIn{0%{opacity:0;transform:translate(-50%,-50%)scale(2.4)rotate(-6deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(.94)rotate(-2deg)}28%{transform:translate(-50%,-50%)scale(1.04)rotate(-2deg)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}to{opacity:0;transform:translate(-50%,-60%)scale(.96)rotate(-2deg)}}.confetti{z-index:14;pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti span{background:hsl(var(--h) 90% 66%);animation:2.6s cubic-bezier(.3,.2,.6,1) forwards confettiFall;animation-delay:var(--d);border-radius:2px;position:absolute;top:-20px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(110cqh) translateY(500px) rotate(var(--r));opacity:0}}.hearts{z-index:11;pointer-events:none;width:0;height:0;position:absolute;bottom:56px;right:30px}.heart{font-size:calc(22px * var(--s));color:hsl(var(--hue) 90% 68%);text-shadow:0 0 10px hsla(var(--hue), 90%, 60%, .8);animation:2.2s ease-out forwards heartUp;position:absolute;bottom:0;left:0}@keyframes heartUp{0%{opacity:0;transform:translate(0)scale(.3)}15%{transform:translate(calc(var(--x) * .3), -30px) scale(1.15);opacity:1}to{transform:translate(var(--x), -260px) scale(.8);opacity:0}}.like-btn{z-index:13;color:#fff;cursor:pointer;background:radial-gradient(circle at 35% 30%,#f472b68c,#7c3aed80);border:1px solid #f472b699;border-radius:50%;align-content:center;place-items:center;width:46px;height:46px;line-height:1;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 0 18px #f472b673}.like-btn span{font-size:18px}.like-btn small{font-size:9px;font-weight:700}.like-btn:active{transform:scale(.9)}.arena{container-type:size}@media (width<=600px){.gbanners{left:50%;top:calc(var(--tb-h) + 10px);z-index:12;max-width:70%;transform:translate(-50%)}.gbanner:nth-child(n+3){display:none}.gbanner-count{font-size:20px}.like-btn{width:38px;height:38px;right:6px;bottom:calc(var(--tb-h) + 16px)}.hearts{right:24px;bottom:calc(var(--tb-h) + 40px)}.deal-half,.deal-card,.deal-deck{width:38px;height:53px}.deal-card{top:calc(50% - 26px);left:calc(50% - 19px)}}@media (prefers-reduced-motion:reduce){.callout,.gbanner,.gbanner-count,.heart,.deal-card,.hand--dealing .hand-slot{animation-duration:.01ms!important}.hand--dealing .hand-slot{opacity:1}.confetti,.hearts,.diamond-drop{display:none}}.seat-timer{--c:var(--violet);pointer-events:none;z-index:9;background:conic-gradient(from 0deg, var(--c) calc(var(--p) * 1turn), #ffffff14 0);-webkit-mask-composite:xor;filter:drop-shadow(0 0 6px var(--c));border-radius:18px;padding:3px;position:absolute;inset:-5px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.seat-timer--warn{--c:#fbbf24}.seat-timer--danger{--c:#f43f5e;animation:.5s ease-in-out infinite alternate dangerPulse}@keyframes dangerPulse{to{filter:drop-shadow(0 0 16px #f43f5e)}}.seat-clock{z-index:10;min-width:34px;height:34px;font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#fff;background:radial-gradient(circle at 35% 30%,#a855f7,#4c1d95);border:2px solid #fffc;border-radius:999px;place-items:center;padding:0 6px;font-size:17px;font-weight:800;display:grid;position:absolute;top:-14px;right:-12px;box-shadow:0 0 14px #a855f7b3}.seat-clock--warn{color:#1c1917;background:radial-gradient(circle at 35% 30%,#fcd34d,#b45309);box-shadow:0 0 16px #fbbf24cc}.seat-clock--danger{background:radial-gradient(circle at 35% 30%,#fb7185,#9f1239);min-width:42px;height:42px;font-size:21px;animation:.5s cubic-bezier(.2,1.8,.4,1) both clockPop;top:-18px;right:-16px;box-shadow:0 0 22px #f43f5ef2}@keyframes clockPop{0%{transform:scale(1.8)}to{transform:scale(1)}}.arena:has(.seat-clock[data-hurry]):after{content:"";z-index:30;pointer-events:none;border-radius:inherit;animation:1s ease-in-out infinite hurry;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #f43f5eb3,inset 0 0 80px #f43f5e59}@keyframes hurry{50%{box-shadow:inset 0 0 0 2px #f43f5e40,inset 0 0 40px #f43f5e1f}}.hand-timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:#fff;vertical-align:middle;background:#a855f72e;border:1px solid #a855f799;border-radius:999px;align-items:center;gap:5px;padding:2px 9px 2px 3px;font-size:13px;font-weight:800;display:inline-flex}.hand-timer i{background:conic-gradient(currentColor calc(var(--p) * 1turn), #ffffff26 0);border-radius:50%;width:16px;height:16px}.hand-timer--warn{color:#fde68a;background:#fbbf2433;border-color:#fbbf24}.hand-timer--danger{color:#fecdd3;background:#f43f5e40;border-color:#f43f5e;animation:.5s ease-in-out infinite alternate dangerPulse}@media (width<=600px){.seat-clock{min-width:28px;height:28px;font-size:14px;top:-12px;right:-8px}.seat-clock--danger{min-width:34px;height:34px;font-size:17px}}@media (prefers-reduced-motion:reduce){.seat-clock--danger,.seat-timer--danger,.hand-timer--danger{animation:none}.arena:has(.seat-clock[data-hurry]):after{animation:none}}.game--shake .arena{animation:.45s cubic-bezier(.36,.07,.19,.97) tableShake}@keyframes tableShake{10%,90%{transform:translate(-1px,1px)}20%,80%{transform:translate(3px,-2px)}30%,50%,70%{transform:translate(-5px,2px)}40%,60%{transform:translate(5px,-1px)}}.callout--slam strong{-webkit-text-stroke-color:#fff;color:#a855f7;text-shadow:0 0 30px #f0abfc,0 6px #2e1065;letter-spacing:.04em;font-size:clamp(36px,7vw,76px)}.seat-react{z-index:8;pointer-events:none;filter:drop-shadow(0 2px 6px #0009);font-size:26px;animation:1.9s ease-out forwards reactUp;position:absolute;bottom:20%;left:50%}@keyframes reactUp{0%{opacity:0;transform:translate(-50%)scale(.3)}15%{transform:translate(calc(-50% + var(--x) * .3), -12px) scale(1.25);opacity:1}to{transform:translate(calc(-50% + var(--x)), -90px) scale(.9);opacity:0}}.reacts{justify-content:space-between;gap:4px;display:flex}.reactbtn{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:10px;flex:1;padding:4px 0;font-size:18px;transition:transform .1s}.reactbtn:hover{border-color:var(--violet);transform:scale(1.12)}.reactbtn:active{transform:scale(.9)}.pcard--joker{background:linear-gradient(160deg,#fff,#f3e8ff)}.pcard--bigjoker{color:#7c3aed}.pcard--littlejoker{color:#db2777}.pcard-corner--joker .pcard-rank{font-size:calc(var(--w) * .17);letter-spacing:0}.pcard-jokerface{line-height:1;font-size:calc(var(--w) * .5);text-shadow:0 0 10px;place-items:center;display:grid}.pcard-jokerface b{font-size:calc(var(--w) * .13);letter-spacing:.12em;text-shadow:none}.pcard--renege{box-shadow:0 0 0 2px #f59e0b,0 6px 14px #0006}.hand-notice--warn{color:#fde68a;border-color:#f59e0b}.renege-btn{color:#fecdd3;background:#f43f5e26;border-color:#f43f5e99}.renege-btn:hover:not(:disabled){border-color:#f43f5e}.bid-board{color:#fde68a;text-align:center;margin:0;font-size:12px}.bidbtn:disabled{opacity:.25;cursor:not-allowed}.seat--open{background:#0e0d1899;border-style:dashed;border-color:#d4b5ff73}.seat-open-plus{font-size:calc(var(--tb-h) * .45);color:var(--lilac);opacity:.7;animation:1.6s ease-in-out infinite pulse}.seat--open .seat-cam{background:repeating-linear-gradient(45deg,#d4b5ff0f 0 6px,#0000 6px 12px)}.waitlist{background:var(--panel);border:1px solid var(--line);border-radius:16px;flex:none;gap:8px;padding:10px 12px;font-size:13px;display:grid}.waitlist-head{align-items:center;gap:6px;display:flex}.waitlist-head strong{letter-spacing:.06em;margin-right:auto}.waitlist-open{color:#fde68a;margin:0;font-weight:600}.waitlist-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.waitlist-list li{background:var(--bg-2);border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.waitlist-list li.is-you{border:1px solid var(--violet);color:#fff}.wl-pos{background:#a855f740;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.wl-next{color:var(--lilac);text-transform:uppercase;letter-spacing:.08em;margin-left:auto;font-size:10px;font-weight:800}.waitlist p{margin:0}.rule-chips{vertical-align:middle;flex-wrap:wrap;gap:4px;margin-left:8px;display:inline-flex}.stage-overlay--soft{pointer-events:none;background:#06050c73}.stage-overlay--soft .vote{pointer-events:auto}.create{gap:14px;max-width:760px;margin:0 auto;display:grid}.create-sec{gap:12px;display:grid}.create-sec h2{margin:0}.field{color:var(--text-dim);gap:6px;font-size:13px;font-weight:600;display:grid}.field input{font-size:16px}.seat-pick{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.seat-pick:last-of-type{border-bottom:0}.seg button:disabled{opacity:.35;cursor:not-allowed}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input,.rule input{accent-color:var(--violet);flex:none;width:18px;height:18px;margin-top:2px}.check span{gap:2px;display:grid}.check small,.rule small{color:var(--text-dim);font-size:12px}.rule-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;display:grid}.rule{border:1px solid var(--line);background:var(--bg-2);cursor:pointer;border-radius:12px;grid-template-columns:auto 1fr;align-items:start;gap:2px 8px;padding:10px;display:grid}.rule small{grid-column:2}.rule.is-on{border-color:var(--violet);background:#a855f71f}.create-go{justify-content:center;padding-bottom:20px;display:flex}.slam-input{width:160px;font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-weight:800}.arena--backyard{background:linear-gradient(#0b1230 0%,#151236 45%,#1c1428 100%)}.yard{pointer-events:none;z-index:0;position:absolute;inset:0}.yard-lights{justify-content:space-between;align-items:flex-start;height:30px;display:flex;position:absolute;top:6px;left:2%;right:2%}.yard-lights:before{content:"";border-bottom:1.5px solid #281e14e6;border-radius:0 0 50% 50%/0 0 100% 100%;height:24px;position:absolute;top:2px;left:0;right:0}.yard-lights i{width:9px;height:13px;margin-top:calc(14px * sin(calc(var(--i) / 13 * 180deg)));animation:3s ease-in-out infinite twinkle;animation-delay:calc(var(--i) * -.37s);background:radial-gradient(circle at 50% 40%,#fff7d6,#ffc861 60%,#e08e2b);border-radius:50% 50% 45% 45%;position:relative;box-shadow:0 0 10px 3px #ffc4618c,0 0 26px 8px #ffaa3c33}@keyframes twinkle{50%{opacity:.75;box-shadow:0 0 6px 2px #ffc46173,0 0 18px 6px #ffaa3c26}}.yard-deck{opacity:.55;background:repeating-linear-gradient(90deg,#2a1d16 0 46px,#24180f 46px 48px),linear-gradient(#0000,#0006);height:26%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 60%);mask-image:linear-gradient(#0000,#000 60%)}.arena--backyard .tbl{border-radius:26px}.arena--backyard .tbl-rim{background:linear-gradient(#3a3a3e,#1e1e22);box-shadow:0 26px 50px #000000b3,inset 0 2px #ffffff1f}.arena--backyard .tbl-led{box-shadow:none;border:2px solid #0000008c;animation:none;inset:6px}.arena--backyard .tbl-felt{background:radial-gradient(80% 70% at 50% 45%,#2f5a44 0%,#24493a 55%,#1a3529 100%);inset:10px;box-shadow:inset 0 0 30px #0000008c}.arena--backyard .tbl-felt:after{border:1.5px dashed #ffffff38;border-radius:18px;inset:8px}.arena--backyard .tbl-emblem{color:#ffffff1f}.arena--backyard .tbl-emblem span{color:#ffffff40}.arena--backyard .cip-label b{color:#fde68a}.yard-cup{z-index:1;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%);background:linear-gradient(90deg,#b91c1c,#ef4444 45%,#991b1b);width:18px;height:22px;position:absolute;box-shadow:0 4px 6px #00000080}.yard-cup:before{content:"";background:#f5f5f5;height:3px;position:absolute;top:0;left:0;right:0}.yard-cup--tl{left:calc(var(--lr-w) * .62 + 26px);top:calc(var(--tb-h) * .58 + 22px)}.yard-cup--tr{right:calc(var(--lr-w) * .62 + 26px);top:calc(var(--tb-h) * .58 + 22px);transform:rotate(8deg)}.yard-cup--bl{left:calc(var(--lr-w) * .62 + 26px);bottom:calc(var(--tb-h) * .58 + 22px);transform:rotate(-6deg)}.yard-cup--br{right:calc(var(--lr-w) * .62 + 26px);bottom:calc(var(--tb-h) * .58 + 22px)}.yard-grill{opacity:.85;width:40px;height:60px;position:absolute;top:44px;right:12px}.yard-grill-body{background:radial-gradient(circle at 50% 30%,#2b2b2b,#0f0f0f);border-radius:50% 50% 40% 40%;width:32px;height:30px;position:absolute;bottom:0;left:4px;box-shadow:inset 0 3px #ff782880,0 0 12px #ff6e2859}.yard-smoke{filter:blur(5px);width:16px;height:16px;animation:4s ease-out infinite smoke;animation-delay:calc(var(--i) * 1.3s);background:#dcdce640;border-radius:50%;position:absolute;bottom:26px;left:12px}@keyframes smoke{0%{opacity:.7;transform:translate(0)scale(.6)}to{opacity:0;transform:translate(-18px,-70px)scale(2.4)}}@media (width<=600px){.yard-cup,.yard-grill,.yard-lights i:nth-child(odd){display:none}}@media (prefers-reduced-motion:reduce){.yard-lights i,.game--shake .arena{animation:none}}.callout--quick{animation-duration:1s}.callout--quick strong{font-size:clamp(26px,4.6vw,48px)}