:root{--bg:#0d0820;--ink:#fff;--ink-2:#cfc6ff;--ink-3:#8f86c0;--gold:#ffc94a;--gold-d:#c7861a;--pink:#ff3d7f;--teal:#2de2c4;--teal-d:#0c9c86;--violet:#7b5cff;--violet-d:#4b2fc4;--blue:#3fa2ff;--blue-d:#1d64c9;--red:#ff4d6d;--red-d:#b8213f;--panel:#160d34b8;--panel-b:#ffffff1a;--card-red:#e8334a;--card-black:#1b1530;--radius:18px;--display:"Lilita One", "Rubik", system-ui, sans-serif;--ui:"Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;--spring:cubic-bezier(.34, 1.56, .64, 1);--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse at 50% 30%, #2a1670, var(--bg) 70%);color:var(--ink);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}button{font:inherit;color:inherit}input{font:inherit;-webkit-user-select:text;user-select:text}b,strong{font-weight:700}code{background:#ffffff14;border-radius:6px;padding:1px 6px;font-size:.85em}::selection{background:var(--pink);color:#fff}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.shader-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.shader-bg canvas{display:block;width:100%!important;height:100%!important}.screen-wrap{z-index:1;position:fixed;inset:0}.screen{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden auto}.muted{color:var(--ink-3);margin:0;line-height:1.5}.muted svg{vertical-align:-2px}.link{color:var(--gold);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ic-gold{color:var(--gold)}.ic-teal{color:var(--teal)}.ic-red{color:var(--red)}.kicker,.panel__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;font-size:11px;font-weight:800;display:inline-flex}.dots{gap:4px;display:inline-flex}.dots i{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dot}.dots i:nth-child(2){animation-delay:.15s}.dots i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.panel{border:2px solid var(--panel-b);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#28185cd1,#120a2ce0);border-radius:26px;padding:22px;box-shadow:inset 0 2px #ffffff14,0 24px 60px #00000073}.topbar{z-index:5;padding:max(14px, env(safe-area-inset-top)) clamp(14px, 3vw, 28px) 10px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.topbar__actions{align-items:center;gap:8px;display:flex}.gbtn{--c:var(--gold);--cd:var(--gold-d);--t:#2a1050;cursor:pointer;background:var(--cd);color:var(--t);font-family:var(--display);letter-spacing:.03em;transition:transform .12s var(--spring), filter .2s, opacity .2s;filter:drop-shadow(0 10px 14px #00000059);touch-action:manipulation;border:0;border-radius:16px;flex-shrink:0;padding:0;position:relative;transform:translateY(0)}.gbtn__inner{border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--c) 82%, #fff), var(--c) 55%);transition:transform .12s var(--spring);white-space:nowrap;justify-content:center;align-items:center;gap:8px;display:flex;position:relative;transform:translateY(-6px);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #0000001f}.gbtn__inner:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#fff0);border-radius:12px;height:36%;position:absolute;top:4px;left:8%;right:8%}.gbtn__label small{font-family:var(--ui);opacity:.75;margin-left:2px;font-weight:800}.gbtn:hover:not(:disabled) .gbtn__inner{transform:translateY(-8px)}.gbtn:active:not(:disabled) .gbtn__inner{transform:translateY(-1px)}.gbtn:disabled{cursor:not-allowed;filter:grayscale(.7)brightness(.7);opacity:.7}.gbtn--sm .gbtn__inner{padding:8px 14px;font-size:15px}.gbtn--md .gbtn__inner{padding:12px 20px;font-size:18px}.gbtn--lg .gbtn__inner{padding:15px 26px;font-size:22px}.gbtn--xl{border-radius:22px}.gbtn--xl .gbtn__inner{padding:18px 44px;font-size:clamp(26px,4vw,34px);transform:translateY(-8px)}.gbtn--xl:hover:not(:disabled) .gbtn__inner{transform:translateY(-11px)}.gbtn--block{width:100%}.gbtn--teal{--c:var(--teal);--cd:var(--teal-d);--t:#04332c}.gbtn--violet{--c:#9a80ff;--cd:var(--violet-d);--t:#fff}.gbtn--blue{--c:var(--blue);--cd:var(--blue-d);--t:#fff}.gbtn--red{--c:var(--red);--cd:var(--red-d);--t:#fff}.gbtn--ghost{--c:#ffffff29;--cd:#00000059;--t:#fff}.gbtn--ghost .gbtn__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;box-shadow:inset 0 0 0 2px #ffffff24}.gbtn--ghost .gbtn__inner:after{display:none}.gbtn--violet .gbtn__label,.gbtn--blue .gbtn__label,.gbtn--red .gbtn__label{text-shadow:0 2px #0003}.pulse-cta{animation:1.6s ease-in-out infinite ctaPulse}@keyframes ctaPulse{0%,to{filter:drop-shadow(0 10px 14px #00000059)drop-shadow(0 0 #ffc94a00)}50%{filter:drop-shadow(0 10px 14px #00000059) drop-shadow(0 0 18px color-mix(in srgb, var(--c) 80%, transparent))}}.icon-btn{width:42px;height:42px;color:var(--ink-2);cursor:pointer;transition:transform .15s var(--spring), background .2s, color .2s, border-color .2s;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:2px solid #ffffff1f;border-radius:14px;flex-shrink:0;place-items:center;display:inline-grid}.icon-btn:hover{color:#fff;background:#ffffff29;transform:translateY(-2px)scale(1.06)}.icon-btn:active{transform:scale(.92)}.icon-btn.is-active{color:var(--gold);border-color:#ffc94a73}.hold-btn,.hold-btn .gbtn__inner{overflow:hidden}.hold-btn__fill{z-index:1;transform-origin:0;pointer-events:none;mix-blend-mode:overlay;background:linear-gradient(90deg,#ffffff8c,#fff096d9);border-radius:16px;transition:transform 50ms linear;position:absolute;inset:0;transform:scaleX(0)}.hold-btn .gbtn__inner{z-index:2}.hold-btn.is-holding{animation:.12s infinite holdShake}@keyframes holdShake{0%,to{translate:0}25%{translate:-1px 1px}75%{translate:1px -1px}}.avatar-token{border:3px solid #ffffffe6;border-radius:50%;flex-shrink:0;place-items:center;transition:filter .3s;display:grid;box-shadow:0 4px #00000040,0 8px 18px #00000059}.avatar-token svg{filter:drop-shadow(0 2px #00000040)}.avatar-token.is-dim{filter:grayscale()brightness(.6)}.pcard{--cw:70px;width:var(--cw);height:calc(var(--cw) * 1.4);border-radius:calc(var(--cw) * .12);font-size:calc(var(--cw) * .26);transition:transform .2s var(--spring), box-shadow .2s, filter .2s;flex-shrink:0;position:relative;box-shadow:0 2px #0000002e,0 6px 14px #00000059}.pcard--xs{--cw:30px}.pcard--md{--cw:70px}.pcard--table{--cw:clamp(46px, 6.4vmin, 76px)}.pcard--hand{--cw:inherit;width:var(--cw)}.pcard--xl{--cw:clamp(120px, 22vmin, 170px)}.pcard.is-clickable{cursor:pointer}.pcard__face,.pcard__back{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.pcard__face{border:max(1px, calc(var(--cw) * .025)) solid #ddd4fa;color:var(--card-black);background:linear-gradient(160deg,#fff 0%,#f6f2ff 60%,#ebe4ff 100%)}.pcard.is-red .pcard__face{color:var(--card-red)}.pcard__corner{flex-direction:column;align-items:center;line-height:.9;display:flex;position:absolute;top:5%;left:7%}.pcard__corner--br{inset:auto 7% 5% auto;transform:rotate(180deg)}.pcard__rank{font-family:var(--ui);letter-spacing:-.04em;font-size:1em;font-weight:900}.pcard__suit-sm{width:.7em;height:.7em;margin-top:.08em}.pcard__center{place-items:center;display:grid;position:absolute;inset:0}.pcard__suit-lg{filter:drop-shadow(0 2px #00000014);width:46%;height:46%}.pcard__face-art{border-radius:calc(var(--cw) * .08);background:linear-gradient(160deg, color-mix(in srgb, currentColor 14%, #fff), color-mix(in srgb, currentColor 28%, #fff));border:max(1px, calc(var(--cw) * .02)) solid color-mix(in srgb, currentColor 35%, transparent);place-items:center;width:56%;height:60%;display:grid;position:relative}.pcard__face-letter{font-family:var(--display);font-size:1.7em;line-height:1}.pcard__face-suit{width:.55em;height:.55em;position:absolute;bottom:8%;right:10%}.pcard--xs .pcard__center,.pcard--xs .pcard__corner--br{display:none}.pcard--xs .pcard__corner{top:8%;left:0;right:0}.pcard--xs .pcard__rank{font-size:12px}.pcard--xs .pcard__suit-sm{width:11px;height:11px}.pcard__shine{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#ffffffa6 45%,#0000 60%);transition:transform .6s;position:absolute;inset:0;transform:translate(-120%)}.pcard.is-clickable:hover .pcard__shine,.hand__drag:hover .pcard__shine{transform:translate(120%)}.pcard.is-joker .pcard__face{border-color:var(--gold);background:linear-gradient(160deg,#fffaf0,#fff1c9 60%,#ffe39a)}.pcard.is-joker{box-shadow:0 0 0 2px #ffc94ab3,0 0 18px #ffc94a99,0 6px 14px #00000059}.pcard__wild{color:#3a1660;font-family:var(--display);letter-spacing:.06em;white-space:nowrap;background:linear-gradient(#ffd96b,#f5a623);border-radius:99px;padding:.2em .6em;font-size:.42em;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 2px #0003}.pcard--xs .pcard__wild{display:none}.pcard.is-selected{box-shadow:0 0 0 3px var(--gold), 0 0 24px #ffc94ad9, 0 14px 22px #00000073}.pcard.is-hint:not(.is-selected){animation:1.4s ease-in-out infinite hintGlow}@keyframes hintGlow{0%,to{box-shadow:0 0 0 2px #2de2c480,0 6px 14px #00000059}50%{box-shadow:0 0 0 3px var(--teal), 0 0 22px #2de2c4cc, 0 6px 14px #00000059}}.pcard__back{border:max(2px, calc(var(--cw) * .045)) solid #fff;background:repeating-linear-gradient(45deg,#ffc94a29 0 2px,#0000 2px 9px),repeating-linear-gradient(-45deg,#ffc94a29 0 2px,#0000 2px 9px),linear-gradient(150deg,#7a4bff,#3b17a0 60%,#24095e);place-items:center;display:grid}.pcard__back:before{content:"";border:max(1px, calc(var(--cw) * .025)) solid #ffc94abf;border-radius:calc(var(--cw) * .07);position:absolute;inset:7%}.pcard__back-logo{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffe9a6, var(--gold) 60%, var(--gold-d));color:#3a1660;width:42%;font-family:var(--display);border-radius:50%;place-items:center;font-size:1.15em;display:grid;box-shadow:0 2px #0000004d}.pcard--xs .pcard__back-logo{font-size:10px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080416b3;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{background:linear-gradient(#2b1a66,#160c3a);border:2px solid #ffffff24;border-radius:26px;flex-direction:column;width:min(520px,100%);max-height:min(86dvh,820px);display:flex;overflow:hidden;box-shadow:0 30px 80px #0009,inset 0 2px #ffffff1a}.modal-panel--wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 12px;display:flex}.modal-title{align-items:center;gap:10px;display:flex}.modal-title h2{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:26px;font-weight:400}.modal-body{-webkit-user-select:text;user-select:text;padding:4px 20px 16px;overflow-y:auto}.modal-foot{border-top:1px solid #ffffff14;padding:14px 20px 20px}.modal-foot__row{justify-content:flex-end;gap:12px;display:flex}.toast-stack{z-index:200;top:max(70px, calc(env(safe-area-inset-top) + 60px));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,440px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{text-align:center;background:#1c1042f0;border:2px solid #ffffff26;border-radius:14px;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 10px 30px #00000073}.toast--error{background:linear-gradient(#4a1029,#2a0a1c);border-color:#ff4d6db3}.toast--warn{border-color:#ffc94a99}.bouncy-title{justify-content:center;margin:0;line-height:.9;display:flex}.bouncy-title__ch{cursor:default;display:inline-block}.rules{flex-direction:column;gap:20px;display:flex}.rules section{flex-direction:column;gap:10px;display:flex}.rules__hero{grid-template-columns:1fr;gap:14px;display:grid}.rules__goal p{color:var(--ink-2);margin:6px 0 0;font-size:16px;line-height:1.5}.rules__values{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.value-chip{color:var(--ink-2);text-align:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:700;display:flex}.value-chip .pcard{--cw:40px}.rules__steps{color:var(--ink-2);flex-direction:column;gap:8px;margin:0;padding-left:20px;line-height:1.5;display:flex}.rules__moves{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.move-tile{--c:var(--teal);background:linear-gradient(160deg, color-mix(in srgb, var(--c) 18%, transparent), #ffffff08);border:2px solid color-mix(in srgb, var(--c) 40%, transparent);border-radius:16px;gap:12px;padding:14px;display:flex}.move-tile--violet{--c:var(--violet)}.move-tile--blue{--c:var(--blue)}.move-tile--red{--c:var(--red)}.move-tile__icon{background:var(--c);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 3px #00000040}.move-tile__head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.move-tile__head strong{font-family:var(--display);font-size:18px;font-weight:400}.move-tile__head span{color:var(--c);white-space:nowrap;font-size:11px;font-weight:800}.move-tile p{color:var(--ink-2);margin:4px 0 0;font-size:13px;line-height:1.45}.rules__notes{background:#0003;border-radius:16px;padding:14px}.rules__notes p{color:var(--ink-2);align-items:flex-start;gap:8px;margin:0;font-size:13.5px;line-height:1.5;display:flex}.rules__notes svg{color:var(--gold);flex-shrink:0;margin-top:3px}.legal{color:var(--ink-2);font-size:14.5px;line-height:1.6}.legal h4{color:#fff;margin:18px 0 4px;font-size:15px}.legal p{margin:0}.legal ul{flex-direction:column;gap:4px;margin:4px 0 0;padding-left:20px;display:flex}.legal__intro{color:var(--ink-3);font-style:italic}.title-screen{overflow:hidden}.hero-3d{z-index:0;position:absolute;inset:0}.hero-3d canvas{display:block;width:100%!important;height:100%!important}.title-screen>:not(.hero-3d){z-index:1;position:relative}.profile-chip{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#140a3299;border:2px solid #ffffff24;border-radius:99px;align-items:center;gap:10px;padding:5px 16px 5px 5px;display:flex}.profile-chip__text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.profile-chip__text small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700}.profile-chip__text strong{font-size:15px}.profile-chip .avatar-token{border-width:2px}.title-center{text-align:center;pointer-events:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:20px 16px;display:flex}.title-center>*{pointer-events:auto}.title-badge{font-family:var(--display);letter-spacing:.04em;background:var(--pink);color:#fff;border-radius:12px;margin-bottom:-6px;padding:6px 16px;font-size:clamp(14px,2vw,18px);box-shadow:0 5px #a81c4f,0 10px 20px #00000059}.logo{font-family:var(--display);letter-spacing:.02em;font-weight:400}.logo .bouncy-title__ch{color:#fff;-webkit-text-stroke:clamp(4px, .7vw, 8px) #2a1050;paint-order:stroke fill;text-shadow:0 clamp(6px,1vw,12px) #2a1050,0 20px 40px #00000073}.logo--top{font-size:clamp(68px,15vw,168px)}.logo--top .bouncy-title__ch{color:var(--gold);background:linear-gradient(180deg, #fff3b8, var(--gold) 55%, #ff9e1f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo--bottom{margin-top:-.12em;font-size:clamp(56px,12vw,136px)}.logo--bottom .bouncy-title__ch{background:linear-gradient(180deg, #fff, #ffd1e3 60%, var(--pink));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo .bouncy-title__ch{animation:3.2s ease-in-out infinite float;animation-delay:calc(var(--i) * .12s)}@keyframes float{0%,to{translate:0}50%{translate:0 -6px}}.title-tagline{max-width:520px;color:var(--ink-2);text-shadow:0 2px 10px #0009;margin:4px 0 6px;font-size:clamp(15px,1.8vw,19px);line-height:1.45}.title-tagline b{color:var(--pink);font-family:var(--display);letter-spacing:.04em;font-weight:400}.title-cta{flex-direction:column;align-items:center;gap:16px;margin-top:6px;display:flex}.play-btn{animation:1.8s ease-in-out infinite ctaPulse}.title-features{flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.title-features li{color:var(--ink-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140a328c;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.title-features svg{color:var(--teal)}.title-footer{padding:10px 16px calc(14px + var(--safe-b));color:var(--ink-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.title-footer button{color:var(--ink-2);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;font-size:12px;text-decoration:underline}.server-pill{cursor:pointer;background:#ffffff14;border:2px solid #ffffff1f;border-radius:99px;align-items:center;gap:7px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.server-pill .dot{background:var(--teal);width:8px;height:8px;box-shadow:0 0 10px var(--teal);border-radius:50%;animation:2s infinite dot}.server-pill--online{color:var(--teal)}.server-pill--waking{color:var(--gold)}.config-drawer{z-index:4;position:relative;overflow:hidden}.config-drawer__inner{flex-wrap:wrap;align-items:center;gap:10px;padding:0 clamp(14px,3vw,28px) 12px;display:flex}.config-drawer__inner label{color:var(--gold);font-size:12px;font-weight:700}.config-drawer__inner .text-input{flex:1;min-width:220px;padding:10px 12px;font-size:14px}.waking-banner{z-index:3;width:fit-content;max-width:calc(100% - 28px);color:var(--gold);background:#ffc94a1a;border:1px solid #ffc94a4d;border-radius:12px;align-items:center;gap:8px;margin:0 auto 6px;padding:8px 14px;font-size:13px;display:flex;position:relative}.text-input{color:#fff;background:#0000004d;border:2px solid #ffffff1f;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:17px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.text-input:focus{border-color:var(--gold);background:#0006;box-shadow:0 0 0 4px #ffc94a2e}.text-input::placeholder{color:var(--ink-3)}.lobby-grid{width:100%;max-width:1040px;padding:10px clamp(14px, 3vw, 28px) calc(28px + var(--safe-b));flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:22px;margin:0 auto;display:grid}.player-card{flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.player-card:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--av-from) 45%, transparent), transparent 65%);pointer-events:none;height:70%;transition:background .5s;position:absolute;inset:-40% -20% auto}.player-card>*{position:relative}.player-card__hero{justify-content:center;align-items:center;gap:22px;min-height:110px;padding:6px 0 0;display:flex}.player-card__avatar .avatar-token{box-shadow:0 6px 0 #00000040, 0 0 40px color-mix(in srgb, var(--av-from) 60%, transparent);border-width:4px}.cycle-btn{cursor:pointer;width:40px;height:40px;transition:transform .15s var(--spring), background .2s;background:#ffffff1a;border:2px solid #ffffff26;border-radius:50%;place-items:center;padding-bottom:3px;font-size:26px;line-height:1;display:grid}.cycle-btn:hover{background:#fff3;transform:scale(1.12)}.cycle-btn:active{transform:scale(.9)}.player-card__title{text-align:center;font-family:var(--display);color:var(--ink-2);margin-top:-4px;font-size:22px}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.avatar-grid__item{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:14px;place-items:center;transition:border-color .2s,background .2s;display:grid}.avatar-grid__item .avatar-token{border-width:2px;box-shadow:0 3px #00000040}.avatar-grid__item.is-active{border-color:var(--gold);background:#ffc94a24}.field-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:4px;font-size:12px;font-weight:800}.name-row{align-items:center;gap:8px;display:flex}.name-row .icon-btn{width:52px;height:52px}.stat-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:4px;display:grid}.stat{background:#00000038;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 4px;display:flex}.stat__icon{color:var(--gold)}.stat__val{font-family:var(--display);font-size:22px}.stat__lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-size:10px;font-weight:700}.play-panel{flex-direction:column;gap:16px;display:flex}.seg{background:#0000004d;border-radius:16px;grid-template-columns:1fr 1fr;padding:5px;display:grid}.seg__btn{cursor:pointer;font-family:var(--display);color:var(--ink-3);background:0 0;border:0;border-radius:12px;padding:12px;font-size:18px;transition:color .2s;position:relative}.seg__btn.is-active{color:#2a1050}.seg__pill{background:linear-gradient(180deg, #ffe08a, var(--gold));box-shadow:0 3px 0 var(--gold-d);border-radius:12px;position:absolute;inset:0}.seg__label{position:relative}.play-panel__body{flex-direction:column;justify-content:flex-end;gap:12px;min-height:250px;display:flex}.play-panel__body h3{font-family:var(--display);margin:0;font-size:28px;font-weight:400}.create-art{justify-content:center;align-items:flex-end;height:104px;margin-bottom:4px;display:flex;position:relative}.create-art__card{width:62px;height:88px;transform:translateX(calc(var(--i) * 34px)) rotate(calc(var(--i) * 10deg)) translateY(calc(var(--i) * var(--i) * 3px));transform-origin:50% 120%;transition:transform .4s var(--spring);background:repeating-linear-gradient(45deg,#ffc94a29 0 2px,#0000 2px 9px),linear-gradient(150deg,#7a4bff,#3b17a0);border:3px solid #fff;border-radius:9px;position:absolute;bottom:0;box-shadow:0 8px 18px #0006}.play-panel:hover .create-art__card{transform:translateX(calc(var(--i) * 42px)) rotate(calc(var(--i) * 14deg)) translateY(calc(var(--i) * var(--i) * 4px - 6px))}.code-input{cursor:text;justify-content:center;gap:10px;padding:6px 0 10px;display:flex;position:relative}.code-input__slot{width:clamp(54px,13vw,70px);height:clamp(66px,16vw,84px);font-family:var(--display);background:#00000059;border:3px solid #ffffff1f;border-radius:16px;place-items:center;font-size:clamp(32px,7vw,44px);transition:border-color .2s,background .2s;display:grid;box-shadow:inset 0 4px #00000040}.code-input__slot.is-filled{border-color:var(--teal);color:#fff;background:#2de2c41f}.code-input__slot.is-caret{border-color:#ffc94ab3}.code-input:focus-within .code-input__slot.is-caret:after{content:"";background:var(--gold);border-radius:2px;width:3px;height:50%;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.code-input__native{opacity:0;cursor:text;width:100%;font-size:16px;position:absolute;inset:0}.terms-check{cursor:pointer;text-align:left;color:var(--ink-2);background:0 0;border:0;align-items:center;gap:12px;padding:4px 0;font-size:14px;display:flex}.terms-check__box{color:#2a1050;width:26px;height:26px;transition:background .2s, border-color .2s, transform .2s var(--spring);background:#00000040;border:2px solid #ffffff4d;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.terms-check__box.is-on{background:var(--gold);border-color:var(--gold);transform:scale(1.08)}.error-box{color:#ffc2cf;background:#ff4d6d24;border:2px solid #ff4d6d73;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.error-box svg{color:var(--red);flex-shrink:0}.waiting-main{width:100%;max-width:980px;padding:0 clamp(14px, 3vw, 28px) calc(24px + var(--safe-b));flex-direction:column;flex:1;align-items:center;gap:22px;margin:0 auto;display:flex}.room-code-card{flex-direction:column;align-items:center;gap:10px;display:flex}.room-code{cursor:pointer;perspective:600px;background:0 0;border:0;gap:10px;padding:0;display:flex}.room-code__tile{width:clamp(58px,13vw,84px);height:clamp(72px,16vw,104px);font-family:var(--display);color:#2a1050;transition:transform .2s var(--spring);background:linear-gradient(#fff,#ece6ff);border-radius:18px;place-items:center;font-size:clamp(40px,9vw,64px);display:grid;box-shadow:0 7px #a99be0,0 16px 30px #0006}.room-code:hover .room-code__tile:nth-child(odd){transform:translateY(-4px)rotate(-3deg)}.room-code:hover .room-code__tile:nth-child(2n){transform:translateY(-4px)rotate(3deg)}.room-code-card__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:6px;display:flex}.seat-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.seat-slot{border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:140px;padding:18px 8px 14px;display:flex;position:relative}.seat-slot.is-filled{background:linear-gradient(#3c2482cc,#1c0f42d9);border:2px solid #ffffff1f;box-shadow:0 6px #00000040}.seat-slot.is-me{border-color:var(--gold);box-shadow:0 6px 0 var(--gold-d), 0 0 30px #ffc94a40}.seat-slot.is-offline{opacity:.65}.seat-slot.is-empty{background:#0000001f;border:2px dashed #ffffff24}.seat-slot__avatar{animation:2.4s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.seat-slot__crown{color:var(--gold);filter:drop-shadow(0 0 6px #ffc94ab3);position:absolute;top:10px;right:12px}.seat-slot__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:700;overflow:hidden}.seat-slot__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--teal);align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.seat-slot.is-me .seat-slot__tag{color:var(--gold)}.seat-slot.is-offline .seat-slot__tag{color:var(--ink-3)}.seat-slot.is-empty .seat-slot__name{color:var(--ink-3);font-size:13px;font-weight:600}.seat-slot__ghost{color:#ffffff40;width:56px;height:56px;font-family:var(--display);border:2px dashed #fff3;border-radius:50%;place-items:center;font-size:24px;animation:2.2s ease-in-out infinite ghostPulse;display:grid}@keyframes ghostPulse{50%{color:#ffc94a80;border-color:#ffc94a66;transform:scale(1.08)}}.waiting-footer{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.player-meter{width:min(420px,100%);color:var(--ink-2);flex-direction:column;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.player-meter__bar{background:#00000059;border-radius:99px;width:100%;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px #0000004d}.player-meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold));height:100%}.player-meter__min{background:#fff9;width:2px;position:absolute;top:0;bottom:0}.waiting-pill{color:var(--gold);background:#0000004d;border:2px solid #ffffff1a;border-radius:16px;align-items:center;gap:10px;padding:14px 22px;font-weight:700;display:inline-flex}.tip{color:var(--ink-2);text-align:center;max-width:520px;min-height:40px;margin:0;font-size:14px}.tip b{color:#2a1050;background:var(--teal);letter-spacing:.08em;border-radius:6px;margin-right:6px;padding:2px 7px;font-size:11px}.connecting-screen{justify-content:center;align-items:center;padding:20px}.connecting-card{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.connecting-card h2{font-family:var(--display);margin:8px 0 0;font-size:34px;font-weight:400}.connecting-card p{align-items:center;gap:6px;display:flex}.connecting-cards{align-items:flex-end;gap:10px;height:100px;display:flex}.connecting-cards span{width:54px;height:76px;animation:deal 1s var(--spring) infinite alternate;background:repeating-linear-gradient(45deg,#ffc94a2e 0 2px,#0000 2px 9px),linear-gradient(150deg,#7a4bff,#3b17a0);border:3px solid #fff;border-radius:9px;box-shadow:0 8px 18px #0006}@keyframes deal{0%{transform:translateY(0)rotate(-6deg)}to{transform:translateY(-22px)rotate(6deg)}}.game-screen{grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.hud{z-index:20;padding:max(10px, env(safe-area-inset-top)) clamp(10px, 2vw, 20px) 6px;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid;position:relative}.hud__left,.hud__right{align-items:center;gap:8px;display:flex}.hud__right{justify-content:flex-end}.hud .icon-btn{border-radius:12px;width:38px;height:38px}.hud-chip{cursor:pointer;color:var(--ink-2);background:#00000059;border:2px solid #ffffff1f;border-radius:12px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.hud-chip b{font-family:var(--display);color:#fff;letter-spacing:.08em;font-size:17px;font-weight:400}.hud-chip__k{letter-spacing:.14em;color:var(--ink-3);font-size:10px;font-weight:800}.hud-chip--plain{cursor:default;font-family:var(--display);color:var(--gold);font-size:16px}.hud__status{font-family:var(--display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;background:#0006;border:2px solid #ffffff1f;border-radius:99px;align-items:center;gap:8px;max-width:46vw;padding:8px 18px;font-size:clamp(15px,2vw,19px);display:inline-flex;overflow:hidden}.hud__status.is-mine{background:linear-gradient(180deg, #ffe08a, var(--gold));color:#2a1050;border-color:#fff3c4;box-shadow:0 0 24px #ffc94a8c}.hud__secs{font-family:var(--ui);opacity:.8;font-variant-numeric:tabular-nums;font-size:.8em;font-weight:800}.emote-anchor{position:relative}.emote-menu{z-index:30;transform-origin:100% 0;background:#1c1042f5;border:2px solid #ffffff24;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;display:grid;position:absolute;top:calc(100% + 8px);right:-40px;box-shadow:0 20px 40px #00000080}.emote-menu__btn{cursor:pointer;background:#ffffff12;border:0;border-radius:12px;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.emote-menu__btn:hover{background:#ffffff29}.emote-menu__text{font-family:var(--display);color:var(--gold);font-size:18px}.reconnect-bar{z-index:60;background:var(--gold);color:#2a1050;border-radius:99px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:flex;position:fixed;top:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.table-zone{min-height:0;padding:clamp(46px,7vh,70px) clamp(52px,8vw,110px) clamp(18px,3vh,30px);display:flex;position:relative}.table-stage{flex:1;max-width:1180px;min-height:160px;margin:0 auto;position:relative}.felt{background:radial-gradient(at 50% 40%,#ffffff1f,#0000 60%),radial-gradient(#17806f 0%,#0e5a52 55%,#083c38 100%);border-radius:9999px;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 clamp(6px,1.1vmin,12px) #3a1d0c,0 0 0 clamp(9px,1.6vmin,16px) #c78a2a,0 0 0 clamp(11px,1.9vmin,19px) #3a1d0c,inset 0 0 60px #0000008c,0 30px 80px #0009}.felt:after{content:"";border-radius:inherit;border:2px dashed #ffffff1a;position:absolute;inset:8%}.felt__logo{font-family:var(--display);letter-spacing:.3em;color:#0000002e;white-space:nowrap;text-shadow:0 1px #ffffff0f;font-size:clamp(18px,4vmin,40px);position:absolute;top:22%;left:50%;transform:translate(-50%)}.game-screen.is-low-time .felt{animation:1s ease-in-out infinite lowTime}@keyframes lowTime{50%{box-shadow:0 0 0 clamp(6px, 1.1vmin, 12px) #3a1d0c, 0 0 0 clamp(9px, 1.6vmin, 16px) var(--red), 0 0 0 clamp(11px, 1.9vmin, 19px) #3a1d0c, inset 0 0 60px #0000008c, 0 0 60px #ff4d6d73}}.table-center{pointer-events:none;z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.table-center>*{pointer-events:auto}.center-row{align-items:center;gap:clamp(28px,6vmin,70px);padding-top:4%;display:flex}.deck-zone{position:relative}.joker-slot{z-index:0;transform-origin:80% 80%;position:absolute;top:10%;right:62%}.joker-slot__tag{z-index:2;font-family:var(--display);letter-spacing:.1em;color:#3a1660;background:var(--gold);box-shadow:0 2px 0 var(--gold-d);border-radius:6px;padding:2px 8px;font-size:11px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.deck{z-index:1;cursor:default;background:0 0;border:0;padding:0;display:block;position:relative}.deck:not(:disabled){cursor:pointer}.deck__layer,.deck__top{display:block}.deck__layer{width:var(--cw,clamp(46px, 6.4vmin, 76px));background:#fff;border-radius:9px;position:absolute;inset:0;box-shadow:0 2px 4px #0006}.deck__layer,.deck__top .pcard{--cw:clamp(46px, 6.4vmin, 76px)}.deck__layer{height:calc(var(--cw) * 1.4)}.deck__top{transition:transform .2s var(--spring);position:relative}.deck.is-active .deck__top{animation:1.2s ease-in-out infinite deckBob}.deck.is-active .deck__top .pcard{box-shadow:0 0 0 3px var(--teal), 0 0 26px #2de2c4cc}@keyframes deckBob{50%{translate:0 -6px}}.deck__count{z-index:3;min-width:28px;height:28px;font-family:var(--display);color:#fff;background:#2a1050;border:2px solid #fff;border-radius:99px;place-items:center;padding:0 6px;font-size:14px;display:grid;position:absolute;bottom:-8px;right:-10px}.slot-prompt{z-index:4;white-space:nowrap;font-family:var(--display);letter-spacing:.04em;background:var(--teal);color:#04332c;box-shadow:0 3px 0 var(--teal-d);pointer-events:none;border-radius:8px;padding:4px 10px;font-size:13px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.pile{width:clamp(46px,6.4vmin,76px);height:calc(1.4*clamp(46px,6.4vmin,76px));position:relative}.pile__empty{font-family:var(--display);letter-spacing:.12em;color:#ffffff59;border:2px dashed #ffffff40;border-radius:9px;place-items:center;font-size:11px;display:grid;position:absolute;inset:0}.pile__card{position:absolute;inset:0}.pile__card--claim .pcard{box-shadow:0 0 0 2px #fff9,0 8px 18px #0006}.pile.is-active .pile__card--claim .pcard.is-hint{cursor:pointer}.seat{z-index:6;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:110px;display:flex;position:absolute;transform:translate(-50%,-50%)}.seat>*{pointer-events:auto}.seat__avatar-wrap{transition:transform .3s var(--spring);place-items:center;display:grid;position:relative}.seat.is-turn .seat__avatar-wrap{transform:scale(1.12)}.seat.is-turn .avatar-token{box-shadow:0 0 0 3px var(--gold), 0 0 26px #ffc94ab3}.timer-ring{z-index:1;pointer-events:none;position:absolute;inset:0}.seat__badge{z-index:2;border:2px solid #fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;box-shadow:0 2px #0000004d}.seat__badge--chosen{background:var(--gold);color:#3a1660;top:-4px;right:-4px}.seat__badge--picker{background:var(--teal);color:#04332c;top:-4px;left:-4px}.seat__badge--off{background:var(--red);color:#fff;bottom:-2px;right:-2px}.seat__plate{background:#0a051ec7;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;align-items:center;max-width:120px;padding:4px 10px;line-height:1.1;display:flex}.seat.is-turn .seat__plate{background:var(--gold);color:#2a1050;border-color:#fff3c4}.seat__name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:13px;font-weight:700;overflow:hidden}.seat__score{opacity:.7;font-size:10px;font-weight:700}.seat__fan{justify-content:center;width:60px;height:26px;display:flex;position:relative}.mini-back{transform-origin:50% 120%;background:repeating-linear-gradient(45deg,#ffc94a40 0 1px,#0000 1px 4px),linear-gradient(150deg,#7a4bff,#3b17a0);border:1.5px solid #fff;border-radius:3px;width:18px;height:25px;position:absolute;top:0;box-shadow:0 2px 3px #00000059}.seat__count{z-index:2;min-width:20px;height:20px;font-family:var(--display);background:var(--pink);color:#fff;border:2px solid #fff;border-radius:99px;place-items:center;padding:0 5px;font-size:12px;display:grid;position:absolute;top:-4px;right:-2px}.seat__bubbles,.me-plate__bubbles{z-index:10;pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%)}.emote-bubble{background:#fff;border-radius:16px;padding:6px 10px;font-size:34px;line-height:1;position:relative;box-shadow:0 6px 16px #00000059}.emote-bubble:after{content:"";background:#fff;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.emote-bubble--text{font-family:var(--display);color:#2a1050;font-size:22px}.action-bubble{--c:var(--ink-2);white-space:nowrap;font-family:var(--display);letter-spacing:.03em;background:var(--c);color:#1a0d3a;border-radius:10px;padding:4px 10px;font-size:15px;box-shadow:0 4px #0000004d}.action-bubble--teal{--c:var(--teal)}.action-bubble--violet{--c:#b9a6ff;font-size:18px}.action-bubble--blue{--c:#8cc8ff}.action-bubble--red{--c:var(--red);color:#fff}.action-bubble--gold{--c:var(--gold)}.table-stage.is-compact .seat{gap:2px;width:84px}.table-stage.is-compact .seat__plate{padding:2px 7px}.table-stage.is-compact .seat__name{max-width:76px;font-size:11px}.table-stage.is-compact .seat__score{display:none}.table-stage.is-compact .seat__fan{height:20px;transform:scale(.85)}.bottle-layer{z-index:8;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.bottle{filter:drop-shadow(0 12px 14px #00000080);width:clamp(42px,7vmin,66px);height:clamp(140px,23vmin,220px)}.bottle svg{width:100%;height:100%;display:block;transform:rotate(180deg)}.center-banner{text-align:center;color:#fff;background:#0a051ed9;border:2px solid #ffc94a73;border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:min(90%,460px);padding:10px 18px;font-size:clamp(13px,1.8vmin,16px);font-weight:600;display:inline-flex;box-shadow:0 10px 30px #0006}.center-banner b,.center-banner svg{color:var(--gold)}.bottle-layer .center-banner{position:absolute;bottom:12%}.center-banner--soft{border-color:#ffffff26}.center-banner__timer{font-family:var(--display);color:var(--teal);font-variant-numeric:tabular-nums;font-weight:400}.blind-pick{flex-direction:column;align-items:center;gap:18px;display:flex}.blind-pick__fan{justify-content:center;display:flex}.blind-pick__card{cursor:default;transform-origin:50% 110%;background:0 0;border:0;margin:0 -10px;padding:0}.blind-pick__card:not(:disabled){cursor:pointer}.blind-pick__card:not(:disabled) .pcard{box-shadow:0 0 0 2px #2de2c499,0 8px 16px #0006}.dock{z-index:15;padding:0 clamp(8px, 2vw, 20px) calc(6px + var(--safe-b));background:linear-gradient(#0000,#080418bf 40%);flex-direction:column;gap:4px;display:flex;position:relative}.dock__row{align-items:flex-end;gap:12px;display:flex}.hand-wrap{flex:1;min-width:0}.hand{--cw:76px;width:100%;position:relative}.hand__slot{width:var(--cw);transform-origin:50% 130%;position:absolute;bottom:8px;left:50%}.hand__drag{cursor:grab;touch-action:none}.hand__drag:active{cursor:grabbing}.hand__drag .pcard{--cw:inherit}@media (hover:hover){.hand__drag:hover .pcard:not(.is-selected){transform:translateY(-14px)}}.me-plate{background:#140a32cc;border:2px solid #ffffff1f;border-radius:18px;flex-shrink:0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;gap:8px 10px;width:190px;margin-bottom:12px;padding:10px;transition:border-color .3s,box-shadow .3s;display:grid;position:relative}.me-plate.is-turn{border-color:var(--gold);box-shadow:0 0 26px #ffc94a59}.me-plate__avatar{place-items:center;width:58px;height:58px;display:grid;position:relative}.me-plate__info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.me-plate__name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.me-plate__chosen{color:var(--gold);margin-left:4px}.me-plate__pts{color:var(--ink-2);font-size:13px}.me-plate__pts b{font-family:var(--display);color:var(--gold);font-size:20px;font-weight:400}.me-plate__room{color:var(--ink-3);font-size:11px;font-weight:700}.sort-btn{cursor:pointer;color:var(--ink-2);background:#ffffff14;border:0;border-radius:10px;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:12px;font-weight:700;transition:background .2s;display:flex}.sort-btn:hover{background:#ffffff29}.abar{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;padding-top:6px;display:flex}.abar__moves{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:900px;display:flex}.abar__primary{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-height:56px;display:flex}.abar__hint{color:var(--ink-2);background:#00000059;border:2px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:10px 16px;font-size:14px;font-weight:600;display:inline-flex}.abar__hint b{color:#fff}.abar__hint--mine{color:var(--teal)}.abar__hint--bad{color:#ffb3c1;border-color:#ff4d6d66}.abar__pre{color:var(--gold);background:#ffc94a2e;border-radius:8px;padding:2px 8px;font-size:11px}.abar__primary .gbtn--md .gbtn__inner{padding:11px 16px;font-size:17px}.combo-bar{background:#0c0624bf;border:1.5px solid #ffffff1f;border-radius:99px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 10px;display:flex}.combo-bar__lbl{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);align-items:center;gap:4px;padding-right:4px;font-size:10px;font-weight:800;display:inline-flex}.combo-pill{font-family:var(--display);letter-spacing:.03em;cursor:pointer;color:#fff;transition:transform .15s var(--spring), background .15s, border-color .15s;background:#ffffff14;border:1.5px solid #ffffff2e;border-radius:99px;padding:4px 11px;font-size:13px}.combo-pill:hover{background:#ffffff29;transform:translateY(-2px)}.combo-pill--teal{color:var(--teal);border-color:#2de2c48c}.combo-pill--violet{color:#d5c8ff;border-color:#b9a6ff8c}.combo-pill--blue{color:#b7dcff;border-color:#8cc8ff8c}.combo-pill.is-active{background:var(--gold);color:#2a1050;border-color:#fff;transform:scale(1.06)}.last-move-pill{z-index:3;color:#ffffffd9;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;background:#061614b8;border:1px solid #ffffff24;border-radius:99px;max-width:78%;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;bottom:13%;left:50%;overflow:hidden;transform:translate(-50%)}.lobby-cta-stack{flex-direction:column;gap:10px;width:100%;display:flex}.waiting-host-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.waiting-bot-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.seat-slot.is-bot{border-color:#2de2c466}.seat-slot.is-clickable{cursor:pointer;transition:border-color .2s, transform .2s var(--spring), background .2s}.seat-slot.is-clickable:hover{border-color:var(--teal);color:var(--teal);background:#2de2c414;transform:translateY(-3px)}.seat-slot__tag--bot{color:var(--teal);background:#2de2c42e}.seat-slot__kick{background:var(--red);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:24px;height:24px;transition:transform .15s;display:grid;position:absolute;top:-8px;left:-8px;box-shadow:0 2px 6px #00000059}.seat-slot__kick:hover{transform:scale(1.15)}.bot-tag{color:var(--teal);vertical-align:middle;background:#2de2c438;border-radius:4px;justify-content:center;align-items:center;margin-left:4px;padding:1px 4px;display:inline-flex}.fly-layer{z-index:70;pointer-events:none;position:fixed;inset:0}.fly-card{position:absolute;top:0;left:0}.fly-card__center{transform:translate(-50%,-50%)}.fx-overlay{z-index:80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.fx-overlay--dark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#080416b8}.joker-reveal{text-align:center;perspective:900px;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.joker-reveal__rays{z-index:-1;background:repeating-conic-gradient(#ffc94a38 0 10deg, transparent 10deg 20deg);width:700px;height:700px;animation:12s linear infinite spin;position:absolute;top:40%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 65%);mask:radial-gradient(circle,#000 10%,#0000 65%)}.joker-reveal__card{transform-style:preserve-3d}.joker-reveal h2{font-family:var(--display);color:var(--gold);-webkit-text-stroke:6px #2a1050;paint-order:stroke fill;text-shadow:0 6px #2a1050;margin:10px 0 0;font-size:clamp(40px,8vw,72px);font-weight:400}.joker-reveal p{color:#fff;text-shadow:0 2px 8px #000;margin:0;font-size:18px}.joker-reveal p b{color:var(--gold);font-size:1.2em}.joker-reveal__dismiss{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);background:#00000073;border:1px solid #ffffff2e;border-radius:99px;margin-top:14px;padding:5px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0000004d}.turn-banner{z-index:75;pointer-events:none;justify-content:center;display:flex;position:fixed;top:38%;left:0;right:0}.turn-banner span{font-family:var(--display);letter-spacing:.04em;color:#2a1050;background:linear-gradient(180deg, #ffe08a, var(--gold));box-shadow:0 10px 0 var(--gold-d), 0 30px 60px #00000080;padding:6px 60px;font-size:clamp(42px,9vw,96px)}.show-stamp{font-family:var(--display);color:var(--red);-webkit-text-stroke:clamp(6px, 1vw, 12px) #fff;paint-order:stroke fill;text-shadow:0 12px #7a0f27,0 30px 60px #0009;background:#ff4d6d1f;border:clamp(6px,1vw,10px) solid #fff;border-radius:30px;padding:0 20px;font-size:clamp(80px,20vw,200px);line-height:1}.show-stamp__sub{color:#fff;text-align:center;font-size:clamp(16px,2.4vw,22px);font-weight:700;position:absolute;top:calc(50% + clamp(80px,13vw,140px))}.showdown{align-items:start;overflow-y:auto}.showdown__panel{background:linear-gradient(#2f1c70,#170c3d);border:2px solid #ffffff24;border-radius:28px;flex-direction:column;gap:16px;width:min(720px,100%);margin:auto;padding:22px;display:flex;box-shadow:0 30px 80px #0009}.showdown__head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.showdown__trophy{width:76px;height:76px;color:var(--ink-3);background:#ffffff14;border:3px solid #ffffff26;border-radius:50%;place-items:center;display:grid}.showdown__trophy.is-win{background:radial-gradient(circle at 35% 30%, #fff1b8, var(--gold) 60%, var(--gold-d));color:#3a1660;border-color:#fff;box-shadow:0 0 40px #ffc94ab3}.showdown__title{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(32px,6vw,52px);font-weight:400}.showdown__title.is-win{color:var(--gold);text-shadow:0 4px #2a1050}.showdown__rows{flex-direction:column;gap:8px;display:flex}.sd-row{background:#00000040;border:2px solid #0000;border-radius:16px;grid-template-columns:26px auto 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.sd-row.is-winner{border-color:var(--gold);background:linear-gradient(90deg,#ffc94a33,#ffc94a0a)}.sd-row.is-me:not(.is-winner){border-color:#ffffff2e}.sd-row__rank{font-family:var(--display);color:var(--ink-3);text-align:center;font-size:20px}.sd-row.is-winner .sd-row__rank{color:var(--gold)}.sd-row__who{flex-direction:column;gap:6px;min-width:0;display:flex}.sd-row__name{flex-wrap:wrap;align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.sd-row__name em{color:var(--ink-3);font-size:13px;font-style:normal;font-weight:600}.sd-tag{letter-spacing:.1em;background:var(--red);color:#fff;border-radius:6px;padding:2px 6px;font-size:10px;font-weight:800}.sd-row__cards{perspective:500px;flex-wrap:wrap;gap:4px;display:flex}.sd-empty{color:var(--teal);font-size:12px;font-weight:700}.sd-row__score{align-items:baseline;gap:3px;display:flex}.sd-row__score strong{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:30px;font-weight:400}.sd-row.is-winner .sd-row__score strong{color:var(--gold)}.sd-row__score small{color:var(--ink-3);font-size:12px;font-weight:700}.showdown__standings{background:#0003;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.standings{flex-wrap:wrap;gap:8px;display:flex}.standing{background:#ffffff0f;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.standing.is-lead{color:var(--gold);background:#ffc94a2e}.standing__pts{font-family:var(--display);font-size:16px}.standing__wins{color:var(--gold);align-items:center;gap:2px;font-size:11px;display:inline-flex}.career-line{color:var(--ink-3);margin:0;font-size:12px}.career-line b{color:var(--ink-2)}.showdown__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=860px){.lobby-grid{grid-template-columns:1fr;max-width:560px}.play-panel{order:-1}.play-panel__body{min-height:0}.seat-grid{grid-template-columns:repeat(4,1fr);gap:10px}.seat-slot{min-height:118px;padding:14px 6px 10px}.seat-slot .avatar-token{width:46px!important;height:46px!important}.seat-slot__ghost{width:46px;height:46px}.rules__moves{grid-template-columns:1fr}}@media (width<=700px){.hud{grid-template-columns:auto 1fr auto}.hud__status{justify-self:center;max-width:100%;padding:6px 12px;font-size:14px}.hud-chip__k,.hud-chip svg{display:none}.hud-chip{padding:6px 9px}.hud-chip b{font-size:15px}.hud-chip--plain{display:none}.hud__right{gap:4px}.hud .icon-btn{border-radius:10px;width:34px;height:34px}.hud .icon-btn svg{width:16px;height:16px}.table-zone{padding:54px 40px 16px}.center-row{gap:34px}.felt__logo{top:16%}.dock__row{flex-direction:column;align-items:stretch;gap:0}.me-plate{grid-template-rows:auto;grid-template-columns:auto 1fr auto;width:auto;margin:0 0 2px;padding:6px 10px}.me-plate__avatar{width:46px;height:46px}.me-plate__avatar .avatar-token{width:38px!important;height:38px!important}.me-plate__avatar .timer-ring{width:46px;height:46px}.me-plate__info{flex-flow:wrap;align-items:baseline;gap:10px}.sort-btn{grid-column:auto;padding:6px 10px}.abar{min-height:56px}.abar__moves{flex-direction:row;align-items:center}.abar__primary{gap:6px}.abar__primary .gbtn--md .gbtn__inner,.abar__show .gbtn__inner{padding:9px 11px;font-size:14px}.abar__hint{padding:8px 10px;font-size:12.5px}.emote-menu{right:-90px}.seat-grid{grid-template-columns:repeat(2,1fr)}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:6px}.panel{border-radius:22px;padding:16px}.sd-row{grid-template-columns:20px auto 1fr auto;gap:8px;padding:8px 10px}.sd-row .avatar-token{width:30px!important;height:30px!important}.showdown__panel{padding:16px}}@media (width<=420px){.gbtn--xl .gbtn__inner{padding:16px 34px}.stat__val{font-size:18px}.title-features li{padding:5px 10px;font-size:12px}}@media (height<=520px) and (orientation:landscape){.table-zone{padding:40px 90px 8px}.hud{padding-top:6px}.me-plate{width:150px;padding:6px}.me-plate__avatar{width:46px;height:46px}.abar{min-height:48px;padding-top:0}.title-center{gap:6px}.logo--top{font-size:64px}.logo--bottom{font-size:52px}.title-features{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}