@font-face{font-family:"Jersey 10";src:url(./Jersey10-Regular-CR4usw7e.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block;size-adjust:136%}@font-face{font-family:Tajarib;src:url(./Tajarib-Light-CTpGKr6H.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Regular-DrqmmHEr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Medium-m2PgcYF_.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Bold-DQvkUOZe.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Black-DAbr0Kc5.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}:root{--ink: #e9eef6;--ink-dim: rgba(233, 238, 246, .55);--ink-faint: rgba(233, 238, 246, .32);--px-black: #05070b;--px-deep: #0b111a;--px-panel: #101a26;--px-raised: #1a2736;--px-edge-light: #2e4159;--px-edge-dark: #0a0f16;--gold: #c9a55d;--gold-deep: #6e5626;--red: #e35a6c;--green: #6ec487;--hud-gutter: 20px;--px: 3px;--ui: 1;--chip: 46px;--rung: calc(var(--chip) + 16px);--chat-text: 13px;--chat-name: 10px;--chat-peek: 12px;--chat-peek-name: 9.5px;--chat-peek-width: 240px;--chat-bubble: 13px;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}@media(min-width:1600px){:root{--ui: 1.14;--chip: 52px;--hud-gutter: 26px}}@media(min-width:2000px){:root{--ui: 1.28;--chip: 58px;--hud-gutter: 32px}}@media(min-width:2560px){:root{--ui: 1.45;--chip: 66px;--hud-gutter: 40px}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;overflow:hidden;background:#06090d;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none}body{touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.stage{position:fixed;inset:0;z-index:0}.stage canvas,canvas.engine-canvas{display:block;width:100%;height:100%;outline:none}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(125% 95% at 50% 40%,#0000 40%,#09061475 76%,#070410d6),linear-gradient(to bottom,#09061466,#0000 22%)}body.has-post-vignette .vignette{display:none}.px-panel{background:linear-gradient(180deg,#182132f7,#0d131ef7);border:0;outline:0;border-radius:calc(14px * var(--ui));box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #e9eef617,0 calc(18px * var(--ui)) calc(44px * var(--ui)) #0204088c}.px-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(7px * var(--ui));padding:calc(9px * var(--ui)) calc(15px * var(--ui));border:0;outline:0;border-radius:calc(10px * var(--ui));background:linear-gradient(180deg,#202c40,#141d2c);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 1px #e9eef61a,0 calc(2px * var(--ui)) calc(7px * var(--ui)) #03050a73;color:var(--ink);font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:700;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}body:not(.is-touch) .px-button:hover:not(:disabled){background:linear-gradient(180deg,#29374f,#1a2436);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #e9eef629,0 calc(4px * var(--ui)) calc(12px * var(--ui)) #03050a80;transform:translateY(-1px)}.px-button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 3px #03050a80,inset 0 0 0 1px #e9eef61a}@media(hover:hover){body:not(.is-touch) .voice-open[aria-label]{position:relative}body:not(.is-touch) :is(.help-chip,.leave-chip,.cursor-chip,.social-chip,.chat-chip,.egg-toggle,.emote-toggle,.voice-toggle,.voice-open,.fs-chip)[aria-label]:is(:hover,:focus-visible):after{content:attr(aria-label);position:absolute;top:50%;z-index:30;padding:4px 8px 5px;background:var(--px-raised);outline:var(--px) solid var(--px-black);box-shadow:var(--px) var(--px) 0 0 #00000080;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;line-height:1.2;color:var(--ink);white-space:nowrap;pointer-events:none;transform:translateY(-50%)}body:not(.is-touch) :is(.help-chip,.leave-chip,.cursor-chip,.egg-toggle,.voice-toggle,.voice-open,.fs-chip)[aria-label]:is(:hover,:focus-visible):after{right:calc(100% + 9px)}body:not(.is-touch) :is(.social-chip,.chat-chip,.emote-toggle)[aria-label]:is(:hover,:focus-visible):after{left:calc(100% + 9px)}body:not(.is-touch) .chip[aria-label]{position:relative}body:not(.is-touch) .chip[aria-label]:is(:hover,:focus-visible):after{content:attr(aria-label);position:absolute;top:calc(100% + 9px);inset-inline-start:0;z-index:30;padding:4px 8px 5px;background:var(--px-raised);outline:var(--px) solid var(--px-black);box-shadow:var(--px) var(--px) 0 0 #00000080;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;line-height:1.2;color:var(--ink);white-space:nowrap;pointer-events:none}body:not(.is-touch) .board .chip[aria-label]{pointer-events:auto}}.px-button:focus-visible:not(:disabled){box-shadow:inset 0 0 0 calc(2px * var(--ui)) var(--gold),0 calc(2px * var(--ui)) calc(7px * var(--ui)) #03050a73}.px-button--gold:focus-visible:not(:disabled){box-shadow:inset 0 1px #fff6,0 0 0 calc(2px * var(--ui)) #080b12e6,0 0 0 calc(4px * var(--ui)) var(--gold)}.px-key{display:inline-block;margin-inline-start:calc(6px * var(--ui));padding:0 calc(5px * var(--ui)) 1px;border:0;border-radius:calc(5px * var(--ui));box-shadow:inset 0 0 0 1px #e9eef624,inset 0 -2px #03050a8c;background:#04070c80;font-family:var(--font-pixel);font-size:calc(9px * var(--ui));font-weight:400;line-height:1.7;color:var(--ink-dim);vertical-align:1px}.px-button--gold .px-key{background:#241a0738;box-shadow:inset 0 0 0 1px #4a351280,inset 0 -2px #4a351266;color:#4a3512}.px-button:disabled{cursor:default;color:var(--ink-faint);transform:none;box-shadow:inset 0 0 0 1px #e9eef60f;background:#141d2c99}.px-button--gold{background:linear-gradient(180deg,#e6cd8f,#c9a55d 48%,#a5813d);box-shadow:inset 0 1px #fff6,0 calc(2px * var(--ui)) calc(10px * var(--ui)) #c9a55d3d,0 calc(2px * var(--ui)) calc(7px * var(--ui)) #03050a73;color:#241a07}body:not(.is-touch) .px-button--gold:hover:not(:disabled){background:linear-gradient(180deg,#f2dda8,#d7b36a 48%,#b18e46);box-shadow:inset 0 1px #ffffff80,0 calc(4px * var(--ui)) calc(16px * var(--ui)) #c9a55d57,0 calc(4px * var(--ui)) calc(12px * var(--ui)) #03050a80}.px-button--ghost{background:transparent;box-shadow:inset 0 0 0 1px #e9eef621;color:var(--ink-dim)}body:not(.is-touch) .px-button--ghost:hover:not(:disabled){background:#e9eef60d;box-shadow:inset 0 0 0 1px #e9eef633;color:var(--ink)}.px-button--cell{padding:calc(7px * var(--ui)) calc(9px * var(--ui));min-width:calc(40px * var(--ui));border-radius:calc(8px * var(--ui))}.px-button--cell[data-selected=true]{background:linear-gradient(180deg,#e6cd8f,#c9a55d 48%,#a5813d);box-shadow:inset 0 1px #fff6,0 calc(2px * var(--ui)) calc(8px * var(--ui)) #c9a55d38;color:#241a07}.px-glyph{display:inline-block;vertical-align:middle;fill:currentColor;image-rendering:auto}.px-glyph.is-red{fill:var(--red)}.px-glyph.is-gold{fill:var(--gold)}.px-suit .t-base{fill:var(--suit-base, currentColor)}.px-suit .t-shade{fill:var(--suit-shade, currentColor)}.px-suit .t-light{fill:var(--suit-light, currentColor)}.px-suit.is-black{--suit-base: #dfe6f1;--suit-shade: #93a0b5;--suit-light: #ffffff}.px-suit.is-red{--suit-base: #ee0d10;--suit-shade: #b6050f;--suit-light: #fd5b5e}.px-suit.is-gold{--suit-base: var(--gold);--suit-shade: var(--gold-deep);--suit-light: #ecd9a8}.px-button--gold .px-suit.is-black,.px-button[data-selected=true] .px-suit.is-black{--suit-base: #20242f;--suit-shade: #020b15;--suit-light: #525866}.px-button--gold .px-suit.is-gold,.px-button[data-selected=true] .px-suit.is-gold{--suit-base: #241a07;--suit-shade: #0d0902;--suit-light: #6e5626}.px-tag{display:inline-block;margin-inline-start:calc(6px * var(--ui));padding:calc(1px * var(--ui)) calc(7px * var(--ui)) calc(2px * var(--ui));border:0;outline:0;border-radius:999px;background:#e9eef612;box-shadow:inset 0 0 0 1px #e9eef61a;font-family:var(--font-pixel);font-size:calc(10px * var(--ui));font-weight:400;color:var(--ink-dim);vertical-align:1px}.px-tag--mate{box-shadow:inset 0 0 0 1px var(--gold);background:#c9a55d1f;color:var(--gold)}.chip-standing{margin-inline-start:7px;padding-inline-start:7px;border-inline-start:1px solid var(--px-edge-dark);font-size:calc(11.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.chip-standing[data-kind=safe]{color:var(--green)}.chip-standing[data-kind=dead]{color:var(--red)}.hud{position:fixed;left:0;right:0;z-index:3;pointer-events:none;display:flex;justify-content:center}.hud-top{top:0;padding:calc(14px + env(safe-area-inset-top,0px)) var(--hud-gutter) 0;transition:opacity .35s steps(5,end),visibility .35s}.hud-top[data-visible=false]{opacity:0;visibility:hidden}.hud-bottom{bottom:0;padding:0 var(--hud-gutter) calc(14px + env(safe-area-inset-bottom,0px));transition:opacity .3s steps(5,end),visibility 0s linear .3s}body:has(.lobby:not([hidden])) .hud-bottom{opacity:0;visibility:hidden}.board{display:flex;align-items:stretch;gap:10px}.chip{display:flex;align-items:center;gap:calc(9px * var(--ui));padding:calc(7px * var(--ui)) calc(13px * var(--ui));border:0;outline:0;border-radius:calc(11px * var(--ui));background:#101724db;box-shadow:inset 0 0 0 1px #e9eef617;white-space:nowrap}.chip-key{font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-dim)}.chip-value{display:inline-flex;align-items:center;gap:5px;font-size:calc(13px * var(--ui));font-weight:700;font-variant-numeric:tabular-nums}.chip-value.is-red{color:var(--red)}.chip-tricks{gap:7px}.chip-score{gap:10px;padding:7px 15px}.score-team{display:inline-flex;align-items:center;gap:10px}.score-seats{display:none;align-items:center;gap:8px}.chip-score[data-board=personal] .score-team{display:none}.chip-score[data-board=personal] .score-seats{display:inline-flex}.score-seat{display:inline-flex;align-items:baseline;gap:4px}.score-seat-name{font-family:var(--font-pixel);font-size:calc(10px * var(--ui));font-weight:400;color:var(--ink-dim)}.score-seat-value{display:inline-flex;line-height:1;color:var(--ink)}.bid-cell-pts{display:block;margin-top:1px;line-height:1;opacity:.72}.bid-floor{display:inline-flex;align-items:center;gap:4px;margin-inline-start:8px;font-family:var(--font-pixel);font-size:calc(10.5px * var(--ui));font-weight:400;color:var(--ink-dim)}.team-name{font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-dim)}.team-score{display:inline-flex;line-height:1;color:var(--ink)}.team-score--them{color:#e9eef6b8}.score-rule{width:10px;height:2px;background:var(--ink-faint)}.hud-bottom-stack{display:grid;justify-items:center;gap:10px}.hint{margin:0;font-family:var(--font-pixel);font-size:calc(13px * var(--ui));font-weight:400;color:var(--ink-dim);text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.65);transition:opacity .5s steps(4,end)}.hint[data-fade=true]{opacity:0}.lay-tools{position:fixed;left:14px;bottom:calc(30vh + 112px);z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.lay-tool{display:flex;align-items:center;gap:6px;font-size:calc(12px * var(--ui));padding:6px 12px}body.is-touch .lay-tools{bottom:auto;top:calc(96px + env(safe-area-inset-top,0px));inset-inline-end:76px;flex-direction:row}body.is-touch .lay-tool{min-height:44px;padding:6px 14px}.lay-strip{display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:4px 10px;margin:0 auto 6px;padding:5px 12px 6px;width:fit-content;max-width:100%}.lay-verdict{font-family:var(--font-pixel);font-size:calc(13px * var(--ui));font-weight:700;color:var(--ink)}.lay-strip[data-state=good] .lay-verdict{color:var(--green)}.lay-strip[data-state=bad] .lay-verdict{color:var(--red)}.lay-note{font-size:calc(12px * var(--ui));color:var(--ink-dim)}.turn-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 15px 8px;background:linear-gradient(180deg,#261e0cf0,#141007f0);border:0;outline:0;border-radius:999px;box-shadow:inset 0 0 0 calc(2px * var(--ui)) var(--gold),0 calc(4px * var(--ui)) calc(16px * var(--ui)) #c9a55d33;font-family:var(--font-pixel);font-size:calc(15px * var(--ui));font-weight:700;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.6)}.turn-pill[data-enter=true]{animation:pill-in .26s steps(4,end) both}@keyframes pill-in{0%{transform:translateY(14px);opacity:0}}.turn-hold{width:120px;height:5px;background:var(--px-deep);border:var(--px) solid var(--px-edge-dark);overflow:hidden}.turn-hold-fill{height:100%;background:var(--red);transform-origin:right center;animation:drain linear both}.turn-pill-left{display:flex;align-items:center;font-size:calc(13px * var(--ui));color:var(--red)}.turn-pill-gem{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);animation:gem-blink 1.15s steps(2,end) infinite}@keyframes gem-blink{50%{opacity:.25}}body:not(.is-touch) .turn-pill{display:none}.turn-call{position:fixed;inset:0;z-index:10;display:grid;place-content:center;pointer-events:none}.turn-call[hidden]{display:none}.turn-call-word{display:grid;justify-items:center;gap:4px;padding:10px 26px 12px;background:#06090dd1;border:var(--px) solid;border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold);outline:var(--px) solid var(--px-black);box-shadow:0 var(--px) 0 0 var(--px-black);font-family:var(--font-pixel);font-size:calc(34px * var(--ui));font-weight:700;line-height:1.1;color:var(--gold);text-shadow:0 3px 0 rgba(0,0,0,.6);white-space:nowrap;--turn-park: calc(92px * var(--ui))}.turn-call-text{white-space:nowrap}.turn-call-line{max-width:16rem;font-size:calc(13px * var(--ui));font-weight:700;line-height:1.25;color:var(--ink);text-shadow:none;white-space:normal;text-align:center}.turn-call[data-kind=play][data-on=true] .turn-call-word{animation:turn-slam .34s steps(4,end) both,turn-walk .5s steps(10,end) .58s forwards}.turn-call[data-kind=bid][data-on=true] .turn-call-word{animation:turn-slam .34s steps(4,end) both,turn-leave .36s steps(5,end) 1.05s forwards}.turn-call[data-kind=news][data-on=true] .turn-call-word{animation:turn-slam .34s steps(4,end) both,turn-leave .36s steps(5,end) 1.7s forwards}@keyframes turn-slam{0%{transform:scale(2.7);opacity:0}to{transform:scale(1.8);opacity:1}}@keyframes turn-walk{0%{transform:translateY(0) scale(1.8)}to{transform:translateY(calc(var(--turn-park) - 50vh)) scale(.78)}}@keyframes turn-leave{to{transform:scale(2.1);opacity:0}}.turn-glow{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(to top,#c9a55d4d,#c9a55d00 24%),linear-gradient(to bottom,#c9a55d3d,#c9a55d00 18%),linear-gradient(to left,#c9a55d38,#c9a55d00 15%),linear-gradient(to right,#c9a55d38,#c9a55d00 15%);transition:opacity .4s steps(5,end)}.turn-glow[data-on=true]{animation:turn-flare .52s steps(6,end) both,turn-breathe 2.8s steps(8,end) .52s infinite}@keyframes turn-flare{0%{opacity:0}60%{opacity:1}to{opacity:.72}}@keyframes turn-breathe{0%,to{opacity:.72}50%{opacity:.34}}@media(prefers-reduced-motion:reduce){.turn-call[data-kind=play][data-on=true] .turn-call-word{animation:none;transform:translateY(calc(var(--turn-park) - 50vh)) scale(.78)}.turn-call[data-kind=bid][data-on=true] .turn-call-word,.turn-call[data-kind=news][data-on=true] .turn-call-word{animation:none}.turn-glow[data-on=true]{animation:none;opacity:.6}}.stats{position:fixed;left:var(--hud-gutter);top:calc(22px + env(safe-area-inset-top,0px));z-index:4;pointer-events:none;font-family:var(--font-mono);font-size:calc(10.5px * var(--ui));line-height:1.55;letter-spacing:.02em;color:#e9eef670;white-space:pre;direction:ltr;text-align:left}.stats[hidden]{display:none}.fs-chip{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:13;width:var(--chip);height:var(--chip);padding:0;line-height:1;pointer-events:auto}.fs-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}.help-chip{position:fixed;right:14px;bottom:calc(30vh + var(--rung));z-index:13;width:var(--chip);height:var(--chip);padding:0;font-size:calc(17px * var(--ui));line-height:1;pointer-events:auto}.help-chip[hidden]{display:none}.help-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}.leave-chip{position:fixed;right:14px;bottom:calc(30vh + var(--rung) * 2);z-index:13;width:var(--chip);height:var(--chip);padding:0;line-height:1;pointer-events:auto}.leave-chip[hidden]{display:none}.leave-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}.cursor-chip{position:fixed;right:14px;bottom:calc(30vh - var(--rung));z-index:13;width:var(--chip);height:var(--chip);padding:0;line-height:1;pointer-events:auto}.cursor-chip[hidden]{display:none}.cursor-chip .px-key{position:absolute;top:-6px;left:-6px;margin:0}.cursor-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}.leave{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:#04060ab8}.leave[hidden]{display:none}.leave-card{max-width:340px;padding:22px 24px;text-align:center}.leave-title{margin:0 0 8px;font-family:var(--font-pixel);font-size:calc(20px * var(--ui));color:var(--ink)}.leave-body{margin:0 0 18px;font-size:calc(14px * var(--ui));line-height:1.6;color:var(--ink-faint)}.leave-row{display:flex;gap:10px;justify-content:center}.leave-row .px-button{min-width:108px}.help{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:18px;background:#04060ab8}.help[hidden]{display:none}.help-card{width:min(var(--help-w, 460px),100%);max-height:min(82vh,700px);overflow-y:auto;overscroll-behavior:contain;padding:16px 18px 14px}.help-card[data-tab=rules]{--help-w: 760px}.help-card[data-tab=settings]{--help-w: 520px}.help-title{margin:0 0 10px;font-family:var(--font-pixel);font-size:calc(17px * var(--ui));color:var(--gold)}.help-head{margin:12px 0 5px;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-dim)}.help-list{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:5px 10px;margin:0}.help-keys{display:flex;flex-wrap:wrap;gap:3px;margin:0}.help-keys .px-key{margin-inline-start:0}.help-gesture{font-size:calc(11.5px * var(--ui));color:var(--ink-dim);white-space:nowrap}.help-what{margin:0;font-size:calc(12.5px * var(--ui));color:var(--ink)}.help-close{width:100%;margin-top:14px}body:has(.help:not([hidden])) :is(.leave-chip,.cursor-chip,.social-chip){visibility:hidden}.tut{--tut-cell: calc(96px * var(--ui));--tut-cell-h: calc(52px * var(--ui));--tut-gap: calc(6px * var(--ui));--tut-stage-h: calc(230px * var(--ui));--tut-card-w: calc(34px * var(--ui));--tut-card-h: calc(48px * var(--ui));--tut-card-sm-w: calc(30px * var(--ui));--tut-card-sm-h: calc(42px * var(--ui));--tut-fan-lap: calc(17px * var(--ui))}.tut[hidden]{display:none}.tut-title{margin:0 0 4px;font-family:var(--font-pixel);font-size:calc(17px * var(--ui));color:var(--gold)}.tut-sub{margin:0 0 12px;font-size:calc(12px * var(--ui));color:var(--ink-faint)}.tut-sub[hidden]{display:none}.tut-stage{display:grid;align-content:center;justify-items:center;gap:10px;min-height:var(--tut-stage-h);margin-bottom:14px;padding:10px 0;background:var(--px-deep);outline:var(--px) solid var(--px-black)}.tut-copy p{margin:0 0 8px;font-size:calc(13.5px * var(--ui));line-height:1.75;color:#e9eef6db}.tut-note{color:var(--ink-dim)!important;font-size:calc(12.5px * var(--ui))!important}.tut-note--verdict{padding-inline-start:9px;border-inline-start:var(--px) solid var(--red)}.tut-term{display:grid;gap:2px;margin:10px 0 0;padding:7px 10px 8px;background:var(--px-deep);border-inline-start:var(--px) solid var(--gold);outline:var(--px) solid var(--px-black)}.tut-term-word{font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--gold)}.tut-term-plain{font-size:calc(12.5px * var(--ui));line-height:1.6;color:var(--ink)}.tut-table{display:grid;grid-template-columns:repeat(3,minmax(0,var(--tut-cell)));grid-auto-rows:var(--tut-cell-h);gap:var(--tut-gap);max-width:100%;place-items:center}.tut-seat{justify-content:center;width:100%;padding:6px 8px}.tut-seat--mate{border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold)}.tut-tie{width:var(--px);height:100%;background:var(--gold)}.tut-turn{display:flex;align-items:center;gap:7px;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));color:var(--ink-faint)}.tut-count-big{line-height:0}.tut-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:0 0 auto;width:var(--tut-card-w);height:var(--tut-card-h);padding:0;background:linear-gradient(180deg,var(--tut-stock-top),var(--tut-stock-bottom));border:1px solid var(--px-black);box-shadow:3px 3px #0204088c;color:var(--tut-ink)}.tut-card .px-suit.is-black{--suit-base: #20242f;--suit-shade: #020b15;--suit-light: #525866}.tut-card--sm{width:var(--tut-card-sm-w);height:var(--tut-card-sm-h)}.tut-card--back{background:linear-gradient(180deg,var(--tut-back-top),var(--tut-back-bottom))}.tut-card--dim{opacity:.34;box-shadow:none}.tut-card--win,.tut-card--played{outline:var(--px) solid var(--gold);outline-offset:2px;transform:translateY(-5px)}.tut-card--btn{cursor:pointer}.tut-card--btn:disabled{cursor:default}.tut-card--refuse{animation:tut-refuse .2s steps(4,end)}@keyframes tut-refuse{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.tut-hand{display:flex;gap:4px}.tut-fan{display:flex}.tut-fan>.tut-card+.tut-card{margin-inline-start:calc(-1 * var(--tut-fan-lap))}.tut-ladder{display:grid;justify-items:center;gap:6px;width:100%}.tut-strip{max-width:100%;overflow-x:hidden;overscroll-behavior-inline:contain;scrollbar-width:none}.tut-strip::-webkit-scrollbar{display:none}.tut-scale{display:flex;align-items:center;gap:5px;padding:0 2px}.tut-rank{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:calc(24px * var(--ui));height:calc(28px * var(--ui));background:linear-gradient(180deg,var(--tut-stock-top),var(--tut-stock-bottom));border:1px solid var(--px-black);color:var(--tut-ink)}.tut-rank--gap{gap:3px;background:none;border:0;color:var(--ink-faint)}.tut-arrow{flex:0 0 auto;color:var(--ink-faint)}.tut-suit-cell{padding:6px 8px;min-width:0}.tut-cap{margin:0;font-size:calc(11.5px * var(--ui));color:var(--ink-faint);text-align:center}@media(max-width:640px){.tut-rank{width:calc(20px * var(--ui));height:calc(26px * var(--ui))}.tut-scale{gap:3px}}.tut-bids{display:grid;gap:6px}.tut-bid-row{display:grid;grid-template-columns:calc(52px * var(--ui)) auto;align-items:center;gap:10px}.tut-label{font-family:var(--font-pixel);font-size:calc(11px * var(--ui));color:var(--ink-dim)}.tut-tag{margin:0;font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--gold);text-align:center}.tut-guide{display:grid;gap:9px;padding:0 12px}.tut-guide-row{display:grid;grid-template-columns:calc(56px * var(--ui)) 1fr;align-items:center;gap:10px;font-size:calc(12.5px * var(--ui));color:var(--ink)}.tut-guide-mark{display:flex;align-items:center;justify-content:center;line-height:0;color:var(--ink)}.tut-suit-run{display:flex;gap:2px}.tut-crown{display:grid;justify-items:center;gap:6px;line-height:0}.tut-compare{display:grid;gap:8px}.tut-compare-row{display:grid;grid-template-columns:calc(84px * var(--ui)) 1fr;align-items:center;gap:9px}.tut-compare-cards{display:flex;gap:4px}.tut-play{display:grid;justify-items:center;gap:9px}.tut-lead{display:flex;align-items:center;gap:9px}.tut-divider{width:calc(180px * var(--ui));height:1px;background:var(--px-edge-light)}.tut-say{margin:0;min-height:calc(18px * var(--ui));font-size:calc(12.5px * var(--ui));color:var(--ink);text-align:center}.tut-retry[hidden]{display:none}.tut-verdict-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;padding:0 10px}.tut-verdict,.tut-price{display:grid;justify-items:center;gap:5px;padding:9px 8px 10px;background:var(--px-panel);outline:var(--px) solid var(--px-black)}.tut-verdict h4,.tut-price h4{margin:0;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-dim);text-align:center}.tut-verdict-value{line-height:0}.tut-verdict.is-made{border-inline-start:var(--px) solid var(--green)}.tut-verdict.is-failed{border-inline-start:var(--px) solid var(--red)}.tut-verdict.is-made .tut-verdict-value{color:var(--green)}.tut-verdict.is-failed .tut-verdict-value{color:var(--red)}.tut-verdict-note{margin:0;font-size:calc(11px * var(--ui));line-height:1.55;color:var(--ink-faint);text-align:center}.tut-target{display:flex;align-items:center;gap:8px;font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--gold)}.tut-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;padding:0 10px}.tut-price.is-good .tut-verdict-value{color:var(--green)}.tut-price.is-bad .tut-verdict-value{color:var(--red)}.tut-words{width:100%;padding:0 10px}.tut-word{font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--gold);white-space:nowrap}.tut-word-plain{margin:0;font-size:calc(12.5px * var(--ui));line-height:1.6;color:var(--ink)}.tut-nav{position:sticky;bottom:-14px;display:grid;gap:9px;margin:4px -18px -14px;padding:10px 18px calc(10px + env(safe-area-inset-bottom,0px));background:var(--px-panel);border-top:var(--px) solid var(--px-black)}.tut-ends{display:flex;align-items:center;gap:10px}.tut-ends .px-button{flex:1}.tut-count{flex:0 0 auto;font-family:var(--font-pixel);font-size:calc(10px * var(--ui));color:var(--ink-faint)}.tut-rail{display:flex;justify-content:center;gap:6px}.tut-step{padding:8px 2px;background:none;border:0;line-height:0;cursor:pointer}.tut-step>i{display:block;width:8px;height:8px;background:var(--px-edge-light);outline:1px solid var(--px-black);transition:width .12s steps(3,end)}.tut-step[data-current=true]>i{width:18px;background:var(--gold)}.tut-restart{width:100%;margin-top:4px}@media(min-width:900px){.help-card[data-tab=rules] .tut-body{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;align-items:start}.help-card[data-tab=rules] .tut-body>*{min-width:0}.help-card[data-tab=rules] .tut-stage{margin-bottom:0}.tut-nav{grid-template-columns:1fr auto;align-items:center}.tut-rail{justify-content:flex-start}.tut-ends{justify-content:flex-end}.tut-ends .px-button{flex:0 0 auto;min-width:calc(96px * var(--ui))}}@media(prefers-reduced-motion:reduce){.tut-card--refuse{animation:none;outline:var(--px) solid var(--red);outline-offset:2px}.tut-step>i{transition:none}}.loader{position:fixed;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:14px;background:#06090d;transition:opacity .55s steps(6,end)}.loader-name{margin:0 0 8px;font-family:var(--font-pixel);font-size:calc(34px * var(--ui));font-weight:700;letter-spacing:.14em;color:var(--ink);text-shadow:0 0 18px rgba(107,215,253,.35)}.loader[data-hidden=true]{opacity:0;pointer-events:none}.loader-bar{width:212px;height:12px;padding:2px;background:#2e41594d;box-shadow:inset 0 0 0 1px var(--px-edge-light)}.loader-bar-fill{height:100%;width:0;background:repeating-linear-gradient(to left,var(--gold) 0 6px,transparent 6px 8px)}.loader-label{margin:0;font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:400;color:var(--ink-faint)}.loader-tip{margin:0;min-height:2.6em;max-width:280px;font-family:var(--font-pixel);font-size:calc(13px * var(--ui));font-weight:400;line-height:1.3;text-align:center;color:var(--ink-faint)}.loader-retry{margin-top:2px}.back-toast{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:80;margin:0;padding:10px 18px;background:#0a0f16eb;box-shadow:inset 0 0 0 1px var(--px-edge-light);font-family:var(--font-pixel);font-size:calc(13px * var(--ui));color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s steps(4,end)}.back-toast[data-show=true]{opacity:1}.roster{position:fixed;right:var(--hud-gutter);top:calc(16px + env(safe-area-inset-top,0px));z-index:4;width:218px;padding:8px;pointer-events:none}.roster[hidden]{display:none}.roster{transition:opacity .35s steps(5,end),visibility .35s}.roster[data-open=false]{opacity:0;visibility:hidden}.roster-list{margin:0;padding:0;list-style:none;display:grid;gap:2px}.roster-seat{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:8px;padding:5px 7px}.roster-seat[data-turn=true]{background:#c9a55d21;box-shadow:inset 2px 0 0 0 var(--gold)}.roster-where{font-family:var(--font-pixel);font-size:calc(10px * var(--ui));font-weight:400;color:var(--ink-faint)}.roster-seat[data-turn=true] .roster-where{color:var(--gold)}.roster-name{font-size:calc(13px * var(--ui));font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster-seat[data-state=empty] .roster-name{color:var(--ink-faint)}.roster-seat[data-state=away] .roster-name{color:var(--ink-dim);text-decoration:line-through;text-decoration-color:var(--ink-faint)}.roster-seat[data-state=idle] .roster-name{color:var(--ink-dim)}.roster-seat[data-state=idle] .roster-name:after{content:"سرحان";display:inline-block;margin-inline-start:6px;font-family:var(--font-pixel);font-size:calc(10px * var(--ui));color:var(--red)}.roster-cards{font-family:var(--font-mono);font-size:calc(10px * var(--ui));font-variant-numeric:tabular-nums;color:var(--ink-faint)}.roster-actions{display:inline-flex;gap:4px;margin-inline-start:6px}.roster-action{padding:1px 6px;background:none;border:1px solid transparent;font-family:var(--font-pixel);font-size:calc(10px * var(--ui));color:var(--ink-faint);cursor:pointer;pointer-events:auto}.roster-action:hover:not(:disabled){border-color:var(--px-edge-light);color:var(--ink)}.roster-action:disabled{color:var(--gold);cursor:default}.roster-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:2px solid var(--px-edge-dark);box-shadow:0 -2px 0 -1px var(--px-black)}.roster-status{font-family:var(--font-pixel);font-size:calc(10.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.roster-status[data-state=live]{color:var(--green)}.roster-status[data-state=retrying]{color:#e0b05cd9}.roster-status[data-state=closed]{color:var(--red)}.start-cta{position:fixed;bottom:calc(58px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:6;display:grid;gap:9px;justify-items:center;pointer-events:auto}.start-cta-button{font-size:calc(15px * var(--ui));padding:13px 30px}.start-cta-note{margin:0;font-size:calc(12.5px * var(--ui));font-weight:400;color:var(--ink-dim);text-align:center;text-shadow:0 2px 0 rgba(0,0,0,.65)}.bid{position:fixed;top:calc(96px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:6;width:min(560px,calc(100vw - 24px));padding:12px 14px;pointer-events:auto;background:linear-gradient(180deg,#182132f7,#0d131ef7);border:0;outline:0;border-radius:calc(14px * var(--ui));box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #e9eef617,0 calc(18px * var(--ui)) calc(44px * var(--ui)) #0204088c}.bid[hidden]{display:none}.bid[data-enter=true]{animation:rise-in .28s steps(5,end) both}@keyframes rise-in{0%{transform:translate(-50%) translateY(18px);opacity:0}}.bid-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.bid-explain{flex:0 0 auto;order:-1;width:calc(28px * var(--ui));height:calc(28px * var(--ui));padding:0;font-size:calc(14px * var(--ui));line-height:1}.bid-title{margin:0;font-family:var(--font-pixel);font-size:calc(16px * var(--ui));font-weight:700;color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.6)}.bid-best{display:flex;align-items:center;gap:9px}.bid-best-value{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--px-deep);border:2px solid var(--px-edge-dark);box-shadow:inset 0 2px #00000080}.bid-best-caption{font-family:var(--font-pixel);font-size:calc(11.5px * var(--ui));font-weight:400;color:var(--ink-dim)}.bid-best-none{font-family:var(--font-pixel);font-size:calc(11.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.bid-seats{margin:0 0 10px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.bid-seat{display:grid;gap:3px;padding:5px 7px;background:var(--px-deep);border:2px solid var(--px-edge-dark);text-align:center}.bid-seat[data-turn=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-deep)}.bid-seat-name{font-size:calc(11px * var(--ui));font-weight:700;color:var(--ink-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid-seat[data-you=true] .bid-seat-name{color:var(--gold)}.bid-seat-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:15px;font-size:calc(10.5px * var(--ui));font-weight:700}.bid-seat-action[data-kind=pass]{color:var(--ink-faint)}.bid-seat-action[data-kind=none]{color:var(--ink-faint);font-weight:600}.bid-controls[hidden]{display:none}.bid-row-key{margin:0 0 4px;font-family:var(--font-pixel);font-size:calc(10.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.bid-row{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}.bid-row--suits .px-button--suit{flex-direction:column;gap:3px;min-width:56px;padding:6px 8px}.bid-suit-name{font-family:var(--font-pixel);font-size:calc(10.5px * var(--ui));font-weight:400}.bid-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.bid-confirm{flex:1;font-size:calc(13px * var(--ui));padding:10px 14px}.bid-keys{margin:4px 0 0;font-family:var(--font-pixel);font-size:calc(10px * var(--ui));font-weight:400;color:var(--ink-faint);text-align:center}.bid-keys[hidden]{display:none}.bid-waiting{margin:2px 0 0;font-size:calc(12.5px * var(--ui));font-weight:400;color:var(--ink-dim);text-align:center}.bid-waiting[hidden]{display:none}.bid-est-note{margin:0 0 8px;font-size:calc(12px * var(--ui));font-weight:400;line-height:1.6;color:var(--ink-dim);text-align:center}.bid-est-note[hidden]{display:none}.bid-actions--dash{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bid-actions--dash .px-button{width:100%}.chip-mark-value{flex-wrap:wrap;gap:5px}.chip-mark-tag{font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:700;color:var(--gold)}.banner-row-name{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.banner-title-tag{font-size:calc(9.5px * var(--ui))}.banner{position:fixed;inset:0;z-index:12;display:grid;place-content:center;justify-items:center;padding:24px;background:#04060999}.banner[hidden]{display:none}.banner[data-enter=true] .banner-card{animation:pop-in .3s steps(5,end) both}@keyframes pop-in{0%{transform:translateY(14px) scale(.97);opacity:0}}.banner-card{width:min(440px,calc(100vw - 32px));display:grid;gap:11px;padding:20px 22px 18px;text-align:center;background:linear-gradient(180deg,#182132f7,#0d131ef7);border:0;outline:0;border-radius:calc(14px * var(--ui));box-shadow:inset 0 1px #ffffff0f,inset 0 0 0 1px #e9eef617,0 calc(18px * var(--ui)) calc(44px * var(--ui)) #0204088c}.banner-eyebrow{margin:0;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--gold)}.banner-title{margin:0;font-family:var(--font-pixel);font-size:calc(23px * var(--ui));font-weight:700}.banner-title[data-tone=good]{color:var(--green)}.banner-title[data-tone=bad]{color:var(--red)}.banner-contract{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;font-size:calc(13px * var(--ui));font-weight:700;color:var(--ink-dim)}.banner-kaboot{margin:4px 0 0;width:100%;font-family:var(--font-pixel);font-size:calc(13px * var(--ui));font-weight:700;color:var(--gold)}.banner-table{display:grid;gap:4px;margin-top:3px}.banner-row{display:grid;grid-template-columns:56px 1fr 1fr 1fr;align-items:center;gap:6px;padding:8px 10px;background:var(--px-deep);border:2px solid var(--px-edge-dark)}.banner-row[data-us=true]{border-color:var(--px-edge-light)}.banner-row-name{font-size:calc(13px * var(--ui));font-weight:700;text-align:start}.banner-row-cell{display:inline-flex;align-items:baseline;justify-content:center;gap:5px}.banner-row-key{font-style:normal;font-family:var(--font-pixel);font-size:calc(9.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.banner-row-delta[data-tone=good]{color:var(--green)}.banner-row-delta[data-tone=bad]{color:var(--red)}.banner-row-delta[data-tone=flat]{color:var(--ink-faint)}.banner-goal{margin:0;display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-faint)}.banner-continue{margin-top:4px;font-size:calc(13px * var(--ui));padding:11px 14px}.banner-tally{margin:6px 0 -2px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--gold)}.banner-tally-slash{font-family:var(--font-pixel);font-size:calc(13px * var(--ui));color:var(--ink-faint)}.banner-refusal{margin:0;font-size:calc(12px * var(--ui));line-height:1.7;color:var(--red);text-align:center}.banner-wait{margin:2px 0 0;font-size:calc(12px * var(--ui));font-weight:400;color:var(--ink-faint);text-align:center}.banner-nudge{margin:8px 0 0;font-size:calc(12px * var(--ui));font-weight:400;color:var(--ink-faint);text-align:center}.banner-hold{height:6px;background:var(--px-deep);border:2px solid var(--px-edge-dark);overflow:hidden}.banner-hold-fill{height:100%;background:var(--gold);transform-origin:right center;animation:drain linear both}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.emote-bar{position:fixed;left:14px;bottom:30vh;z-index:7;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:auto}.emote-toggle{position:relative;width:var(--chip);height:var(--chip);padding:0;line-height:1}.emote-toggle .px-key,.egg-toggle .px-key{position:absolute;top:-6px;margin:0}.emote-toggle .px-key{right:-6px}.egg-toggle .px-key{left:-6px}.emote-strip{display:grid;gap:5px;justify-items:stretch;max-height:42vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.emote-strip::-webkit-scrollbar{display:none}.emote-chip{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;min-height:40px;font-size:calc(12.5px * var(--ui));white-space:nowrap}body:not(.is-touch) .emote-chip{justify-content:space-between}.emote-chip[data-said=true]{border-color:var(--gold);color:var(--gold)}.emote-mute{padding:7px 10px;font-size:calc(11px * var(--ui))}.emote-mute[data-muted=true]{color:var(--gold)}.emote-layer{position:fixed;inset:0;z-index:10;pointer-events:none}.emote-bubble{position:absolute;transform:translate(50%,-140%);padding:5px 10px 6px;background:var(--px-panel);border:var(--px) solid;border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold);outline:var(--px) solid var(--px-black);font-size:calc(var(--chat-bubble) * var(--ui));color:var(--ink);width:max-content;max-width:min(320px,44vw);text-align:center;opacity:0}.emote-bubble[data-on=true]{animation:emote-in .16s steps(3,end) both,emote-out .3s steps(3,end) var(--hold, 1.5s) both}@keyframes emote-in{0%{transform:translate(50%,-110%) scale(.86);opacity:0}to{transform:translate(50%,-140%) scale(1);opacity:1}}@keyframes emote-out{to{transform:translate(50%,-170%);opacity:0}}@media(prefers-reduced-motion:reduce){.emote-bubble[data-on=true]{animation:none;opacity:1}}.voice-bar{position:fixed;right:14px;bottom:calc(30vh + var(--rung) * 3);z-index:7;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:auto}.voice-toggle{position:relative;width:var(--chip);height:var(--chip);padding:0;line-height:1}.voice-toggle .px-key{position:absolute;top:-6px;left:-6px;margin:0}.voice-bar[data-state=off] .voice-toggle{color:color-mix(in srgb,var(--ink) 42%,transparent)}.voice-bar[data-state=live] .voice-toggle{color:var(--gold);border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold)}.voice-bar[data-state=muted] .voice-toggle{color:color-mix(in srgb,var(--ink) 55%,transparent)}.voice-bar[data-state=listen] .voice-toggle{color:var(--ink)}.voice-cross{position:absolute;right:3px;bottom:3px;color:var(--red)}.voice-bar[data-state=listen] .voice-cross{color:color-mix(in srgb,var(--ink) 50%,transparent)}.voice-bar[data-speaking=true] .voice-toggle{animation:voice-glow .9s steps(2,end) infinite}@keyframes voice-glow{50%{outline-color:var(--gold)}}@media(prefers-reduced-motion:reduce){.voice-bar[data-speaking=true] .voice-toggle{animation:none;outline-color:var(--gold)}}.voice-open{width:var(--chip);padding:4px 0 5px}.voice-strip{display:grid;gap:5px;justify-items:stretch;width:min(240px,62vw);max-height:42vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:8px;background:var(--px-panel);border:var(--px) solid;border-color:var(--px-edge-light) var(--px-edge-dark) var(--px-edge-dark) var(--px-edge-light);outline:var(--px) solid var(--px-black)}.voice-strip::-webkit-scrollbar{display:none}.voice-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px}.voice-row-name{font-size:calc(11px * var(--ui));color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-row[data-state=off] .voice-row-name{color:color-mix(in srgb,var(--ink) 40%,transparent)}.voice-row[data-speaking=true] .voice-row-name{color:var(--gold)}.voice-row[data-wire=failed] .voice-row-name{color:var(--red)}.voice-row-quiet{padding:5px 8px;font-size:calc(10.5px * var(--ui))}.voice-row[data-quiet=true] .voice-row-quiet{color:var(--red)}.voice-row-volume{grid-column:1 / -1;appearance:none;width:100%;height:18px;background:transparent}.voice-row-volume::-webkit-slider-runnable-track{height:4px;background:var(--px-deep);outline:1px solid var(--px-black)}.voice-row-volume::-webkit-slider-thumb{appearance:none;width:12px;height:12px;margin-top:-4px;background:var(--gold);outline:var(--px) solid var(--px-black);border:none}.voice-row-volume::-moz-range-track{height:4px;background:var(--px-deep);outline:1px solid var(--px-black)}.voice-row-volume::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:var(--gold);outline:var(--px) solid var(--px-black);border:none}.voice-leave{padding:7px 10px;font-size:calc(11px * var(--ui))}.voice-note{margin:0;padding:6px 8px;border:1px solid var(--red);outline:1px solid var(--px-black);font-size:calc(10.5px * var(--ui));line-height:1.6;color:var(--ink)}.voice-layer{position:fixed;inset:0;z-index:10;pointer-events:none}.voice-eq{position:absolute;transform:translate(50%);display:flex;align-items:flex-end;gap:2px;height:14px}.voice-eq i{width:3px;background:var(--gold);outline:1px solid var(--px-black);animation:voice-eq .7s steps(3,end) infinite}.voice-eq i:nth-child(1){height:6px}.voice-eq i:nth-child(2){height:12px;animation-delay:.18s}.voice-eq i:nth-child(3){height:8px;animation-delay:.34s}@keyframes voice-eq{50%{transform:scaleY(.45)}}@media(prefers-reduced-motion:reduce){.voice-eq i{animation:none}}.egg-bar{position:fixed;right:14px;bottom:30vh;z-index:7;display:flex;flex-direction:column;align-items:flex-start;gap:8px;pointer-events:auto}.egg-toggle{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;width:var(--chip);height:var(--chip);padding:0;line-height:1}.egg-toggle-icon{display:flex}.egg-chip-art{display:block;height:28px;width:auto;user-select:none;-webkit-user-drag:none}.egg-count{display:flex;color:var(--gold)}.egg-bar[data-empty=true] .egg-toggle,.egg-bar[data-cooling=true] .egg-toggle{opacity:.42}.egg-bar[data-empty=true] .egg-chip-art,.egg-bar[data-cooling=true] .egg-chip-art{filter:saturate(.15) brightness(.85)}.egg-bar[data-empty=true] .egg-count{color:var(--ink)}.egg-bar[data-armed=true] .egg-toggle{border-color:var(--gold);opacity:1}.egg-aim{position:fixed;inset:0;z-index:9;pointer-events:none;display:grid;place-items:center;align-content:center;gap:9px}.egg-aim-ring{width:26px;height:26px;--aim-ink: rgba(233, 238, 246, .62);background:linear-gradient(var(--aim-ink),var(--aim-ink)) 0 0 / 34% var(--px) no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 0 0 / var(--px) 34% no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 100% 0 / 34% var(--px) no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 100% 0 / var(--px) 34% no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 0 100% / 34% var(--px) no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 0 100% / var(--px) 34% no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 100% 100% / 34% var(--px) no-repeat,linear-gradient(var(--aim-ink),var(--aim-ink)) 100% 100% / var(--px) 34% no-repeat;filter:drop-shadow(0 var(--px) 0 rgba(5,7,11,.75));transition:width .12s steps(3,end),height .12s steps(3,end)}.egg-aim-ring[data-locked=true]{width:44px;height:44px;--aim-ink: var(--gold)}.egg-aim-ring[data-hot=true]{--aim-ink: #f2b833}.egg-aim-ring[data-crit=true]{--aim-ink: #fffdf5;animation:egg-crit-pulse .24s steps(2,end) infinite alternate}@keyframes egg-crit-pulse{0%{filter:drop-shadow(0 var(--px) 0 rgba(5,7,11,.75))}to{filter:drop-shadow(0 var(--px) 0 rgba(5,7,11,.75)) drop-shadow(0 0 6px rgba(255,246,214,.9))}}.egg-aim-name{font-size:calc(13px * var(--ui));color:var(--gold);text-shadow:0 var(--px) 0 var(--px-black)}.egg-aim-meter{width:92px;height:5px;background:linear-gradient(var(--gold-deep),var(--gold-deep)) 34% 0 / var(--px) 100% no-repeat,#05070b99;outline:var(--px) solid rgba(5,7,11,.7);opacity:0;transition:opacity .12s}.egg-aim-meter[data-on=true]{opacity:1}.egg-aim-meter{position:relative}.egg-aim-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--gold) 0%,#f2b833 100%);transform-origin:right center;transform:scaleX(0)}.egg-aim-zone{position:absolute;inset-block:0;background:repeating-linear-gradient(90deg,rgba(255,253,245,.5) 0,rgba(255,253,245,.5) var(--px),transparent var(--px),transparent calc(var(--px) * 2));box-shadow:inset var(--px) 0 0 #fffdf5bf,inset calc(var(--px) * -1) 0 0 #fffdf5bf}.egg-aim-meter[data-crit=true] .egg-aim-zone{background:#fffdf5eb}.egg-aim-hint{position:absolute;inset-inline:0;bottom:15%;margin:0;text-align:center;font-size:calc(11px * var(--ui));color:#e9eef699;text-shadow:0 var(--px) 0 var(--px-black)}.egg-screen{position:fixed;inset:0;z-index:11;pointer-events:none;overflow:hidden}.egg-splat-screen{position:absolute;inset:0;transition:opacity 1.6s ease-in,filter 1.6s ease-in}.egg-splat-screen[data-drying=true]{opacity:0;filter:blur(2px)}.egg-wash{position:absolute;inset:0;background:#fffcf00d;backdrop-filter:blur(7px) saturate(.86) brightness(1.05);animation:egg-wash-in .3s cubic-bezier(.2,1,.4,1) both}.egg-splat-screen[data-crit=true] .egg-wash{backdrop-filter:blur(12px) saturate(.78) brightness(1.08);animation-duration:.16s}@keyframes egg-wash-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}.egg-blob{position:absolute;transform:translate(-50%,-50%) scale(0);animation:egg-blob-in .22s cubic-bezier(.2,1.5,.4,1) both}.egg-blob[data-kind=white]{background:radial-gradient(closest-side,#fffcf033,#fffaeb1f 62%,#fffaeb0a);backdrop-filter:blur(6px) saturate(.85) brightness(1.1);box-shadow:inset 0 0 0 1px #ffffff29}.egg-blob[data-kind=yolk]{background:radial-gradient(circle at 36% 30%,#ffe89b,#f2b833 52%,#cf8a12);box-shadow:0 0 10px #f0b4294d}@keyframes egg-blob-in{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(1)}}.egg-drip{position:absolute;height:0;transform:translate(-50%);border-radius:40% 40% 60% 60%/6% 6% 94% 94%;animation:egg-drip-run 1.4s cubic-bezier(.1,.8,.3,1) both}.egg-drip[data-kind=yolk]{background:linear-gradient(180deg,#f2b833e6,#cf8a121f)}.egg-drip[data-kind=white]{background:linear-gradient(180deg,#ffffff38,#ffffff05);backdrop-filter:blur(3px)}@keyframes egg-drip-run{0%{height:0}to{height:var(--run, 20vmin)}}.egg-ray{position:absolute;transform-origin:0 50%;border-radius:50%;background:linear-gradient(90deg,#f2b833d9,#fffaeb47 45%,#fffaeb00);animation:egg-ray-out .26s cubic-bezier(.15,.9,.3,1) both}@keyframes egg-ray-out{0%{opacity:0;scale:.15 1}to{opacity:1;scale:1 1}}.egg-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fffcf080,#fffcf000 62%);animation:egg-flash-out .22s ease-out both}@keyframes egg-flash-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.egg-blob{animation:none;transform:translate(-50%,-50%) scale(1)}.egg-drip{animation:none;height:var(--run, 20vmin)}.egg-flash{display:none}}.table-call{position:fixed;inset:0;z-index:11;display:grid;place-content:center;pointer-events:none}.table-call[hidden]{display:none}.table-call-card{display:grid;justify-items:center;gap:6px;padding:16px 32px 14px;background:#06090dd1;border:var(--px) solid;border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold);outline:var(--px) solid var(--px-black);box-shadow:0 var(--px) 0 0 var(--px-black)}.table-call-mark{display:block;line-height:0}.table-call-word{font-family:var(--font-pixel);font-size:calc(30px * var(--ui));font-weight:700;line-height:1.1;color:var(--gold)}.table-call-who{font-size:calc(13px * var(--ui));color:var(--ink)}.table-call[data-tone=good] .table-call-card{border-color:var(--green) var(--px-edge-dark) var(--px-edge-dark) var(--green)}.table-call[data-tone=good] .table-call-word{color:var(--green)}.table-call[data-tone=bad] .table-call-card{border-color:var(--red) var(--px-edge-dark) var(--px-edge-dark) var(--red)}.table-call[data-tone=bad] .table-call-word{color:var(--red)}.table-call[data-kind=kaboot] .table-call-word{color:var(--gold);font-size:calc(34px * var(--ui))}.table-call[data-on=true] .table-call-card{animation:cut-in .18s steps(4,end) both,cut-out .25s steps(4,end) 1.15s both}.table-call[data-on=true] .table-call-mark{animation:cut-mark .28s steps(5,end) both}@keyframes cut-in{0%{transform:scale(.82) translateY(10px);opacity:0}}@keyframes cut-out{to{transform:scale(.96) translateY(-8px);opacity:0}}@keyframes cut-mark{0%{transform:scale(2.1) rotate(-14deg);opacity:0}60%{transform:scale(1.12) rotate(4deg);opacity:1}}@media(prefers-reduced-motion:reduce){.table-call[data-on=true] .table-call-card,.table-call[data-on=true] .table-call-mark{animation:none}}.lobby{position:fixed;inset:0;z-index:25;display:grid;place-content:safe center;justify-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) 24px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;animation:lobby-in .24s ease-out both}#auth{z-index:26}.lobby:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 90% at 50% 45%,#06090dd1,#040609f5);opacity:1;transition:opacity .22s steps(4,end)}.lobby[hidden]{display:none}.lobby[data-leaving=true]{opacity:0;pointer-events:none;transition:opacity .45s ease-out}@keyframes lobby-in{0%{opacity:0}}.lobby-card{width:min(360px,100%);display:grid;gap:13px;padding:24px 22px 20px}.lobby-eyebrow{margin:0;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--gold)}.dot-sep{display:inline-block;width:var(--px);height:var(--px);background:currentColor;vertical-align:.3em;margin:0 7px}.lobby-title{margin:0;font-family:var(--font-pixel);font-size:calc(26px * var(--ui));font-weight:700}.lobby-sub{margin:0 0 4px;font-size:calc(13px * var(--ui));line-height:1.8;color:var(--ink-dim)}.field{display:grid;gap:6px}.field-key{font-family:var(--font-pixel);font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-faint)}.field-input{width:100%;padding:calc(11px * var(--ui)) calc(13px * var(--ui));border:0;outline:none;border-radius:calc(9px * var(--ui));background:#04070c8c;box-shadow:inset 0 1px 2px #03050a99,inset 0 0 0 1px #e9eef61a;color:var(--ink);font-family:inherit;font-size:calc(14px * var(--ui));font-weight:600;transition:box-shadow .16s ease;-webkit-user-select:text;user-select:text}.field-input:focus{box-shadow:inset 0 1px 2px #03050a99,inset 0 0 0 calc(2px * var(--ui)) var(--gold)}.field-input--code{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;text-align:center}.lobby-step{display:grid;gap:13px}.lobby-step[hidden]{display:none}.lobby-go{margin-top:4px;font-size:calc(14px * var(--ui));padding:12px}.lobby-return{display:flex;flex-direction:column;gap:3px;margin-bottom:6px}.lobby-return-label{font-size:calc(14px * var(--ui))}.lobby-return-hint{font-size:calc(11px * var(--ui));opacity:.75;font-weight:400}.lobby-option{width:100%;padding:11px;font-size:calc(13px * var(--ui))}.lobby-hint{margin:-9px 0 0;font-size:calc(11.5px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.lobby-plate{margin:0;padding:12px;border:var(--px) solid;border-color:var(--px-edge-dark) var(--px-edge-light) var(--px-edge-light) var(--px-edge-dark);background:var(--px-deep);color:var(--gold);font-family:var(--font-mono);font-size:calc(26px * var(--ui));letter-spacing:.3em;text-indent:.3em;text-align:center;-webkit-user-select:text;user-select:text}.lobby-note{margin:0;min-height:14px;font-size:calc(12px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.lobby-note[data-tone=bad]{color:var(--red)}.auth-button{width:100%;padding:12px;font-size:calc(14px * var(--ui))}.auth-hint{margin:-4px 0 0;font-size:calc(11.5px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.me-chip{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));right:var(--hud-gutter);z-index:2;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;height:56px;max-width:190px;padding:calc(5px * var(--ui)) calc(5px * var(--ui)) calc(5px * var(--ui)) calc(13px * var(--ui));background:#141b2c8c;border:0;outline:0;border-radius:calc(14px * var(--ui));box-shadow:inset 0 0 0 1px #e9eef617;color:var(--ink);cursor:pointer;transition:background .2s ease,transform .2s cubic-bezier(.22,1,.36,1)}body:not(.is-touch) .me-chip:hover{background:#1c263cb8;transform:translateY(-1px)}.auth-legal,.me-legal{margin:10px 0 0;font-size:calc(11.5px * var(--ui));line-height:1.7;text-align:center;color:var(--ink-faint)}.auth-legal a,.me-legal a{color:var(--ink-faint);text-decoration:underline}.me-delete[data-armed=true]{border-color:var(--red);color:var(--red)}.me-chip[data-guest=true]:after{content:"";position:absolute;top:calc(-3px * var(--ui));left:calc(-3px * var(--ui));width:calc(10px * var(--ui));height:calc(10px * var(--ui));border-radius:50%;background:#e0a83c;box-shadow:0 0 0 calc(2px * var(--ui)) #080b12}.me-chip:active{transform:translateY(1px)}.me-face{display:grid;place-items:center;width:calc(44px * var(--ui));height:calc(44px * var(--ui));background:#0a0e1a;border:0;border-radius:calc(10px * var(--ui));box-shadow:inset 0 0 0 1px #e9eef617;overflow:hidden;font-family:var(--font-pixel);font-size:calc(20px * var(--ui));font-weight:700;color:var(--ink-dim)}.me-face img{display:block;width:100%;height:100%}.me-chip-text{min-width:0}.me-chip-name{display:block;font-family:var(--font-pixel);font-size:calc(12px * var(--ui));font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.me-sheet{position:fixed;inset:0;z-index:3;display:grid;place-content:safe center;padding:24px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;background:#040609e6;opacity:0;transition:opacity .16s steps(3,end)}.me-sheet[data-open=true]{opacity:1}.me-card{width:min(340px,100%);display:grid;gap:14px;padding:22px 20px 18px}.me-portrait{display:grid;place-items:center;justify-self:center;width:96px;height:96px;background:var(--px-black);border:var(--px) solid;border-color:var(--px-edge-dark) var(--px-edge-light) var(--px-edge-light) var(--px-edge-dark);overflow:hidden;font-family:var(--font-pixel);font-size:calc(40px * var(--ui));font-weight:700;color:var(--ink-dim)}.me-portrait img{display:block;width:100%;height:100%}.me-name{margin:0;font-family:var(--font-pixel);font-size:calc(22px * var(--ui));font-weight:700;color:var(--ink);text-align:center}#me-provider{justify-self:center}.me-rename{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}#me-save{padding:10px 14px}#me-edit{width:100%;padding:12px;font-size:calc(14px * var(--ui))}#me-logout,#me-close{width:100%;padding:11px}.me-guest{margin:-4px 0 0;font-size:calc(11.5px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.me-history{display:grid;gap:8px;padding-top:12px;border-top:var(--px) solid var(--px-edge-dark)}.me-history-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:700;color:var(--ink)}.me-history-tally{font-family:var(--font);font-size:calc(11.5px * var(--ui));font-weight:400;color:var(--ink-faint)}.me-history-list{display:grid;gap:4px;max-height:13rem;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none}.me-history-list:empty{display:none}.me-match{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:7px 9px;background:var(--px-deep);border:var(--px) solid var(--px-edge-dark)}.me-match[data-won=true]{border-inline-start:calc(var(--px) * 2) solid var(--green)}.me-match[data-won=false]{border-inline-start:calc(var(--px) * 2) solid var(--red)}.me-match-verdict{font-family:var(--font-pixel);font-size:calc(12px * var(--ui));font-weight:700}.me-match[data-won=true] .me-match-verdict{color:var(--green)}.me-match[data-won=false] .me-match-verdict{color:var(--red)}.me-match-score{display:inline-flex;align-items:center;justify-content:flex-start;gap:6px;color:var(--ink)}.me-match-dash{font-size:calc(11px * var(--ui));color:var(--ink-faint)}.me-match-with,.me-match-when{grid-column:1 / -1;font-size:calc(11px * var(--ui));line-height:1.6;color:var(--ink-faint)}.me-match-when{font-size:calc(10.5px * var(--ui));color:var(--ink-dim)}.me-history-note{margin:0;font-size:calc(11.5px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.me-crew{display:grid;gap:10px;padding-top:12px;border-top:var(--px) solid var(--px-edge-dark)}.me-crew-side{display:grid;gap:5px}.me-crew-key{margin:0;font-size:calc(11px * var(--ui));font-weight:400;color:var(--ink-faint)}.me-crew-list{display:grid;gap:3px;margin:0;padding:0;list-style:none}.me-crew-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:calc(12px * var(--ui))}.me-crew-name{color:var(--ink)}.me-crew-record{font-size:calc(11px * var(--ui));color:var(--ink-faint);white-space:nowrap}.me-crew-record[data-tone=good]{color:var(--green)}.me-crew-record[data-tone=bad]{color:var(--red)}.me-note{margin:0;min-height:14px;font-size:calc(12px * var(--ui));line-height:1.7;color:var(--ink-faint);text-align:center}.me-note[data-tone=bad]{color:var(--red)}@media(prefers-reduced-motion:reduce){.me-sheet{transition:none}}.fatal{position:fixed;inset:0;z-index:30;display:grid;place-content:center;margin:0;padding:32px;max-width:none;text-align:center;font-size:calc(14px * var(--ui));line-height:1.8;color:var(--ink-dim);background:#06090d}@media(max-width:640px){.bid{padding:10px}.bid-seats{grid-template-columns:repeat(4,1fr);gap:3px}.px-button--cell{min-width:34px;padding:6px 7px}.bid-row--suits .px-button--suit{min-width:48px}}@media(max-width:560px){:root{--hud-gutter: 12px}.me-chip{max-width:none;padding:4px;gap:0}.me-chip-name{display:none}.chip{padding:6px 10px;gap:7px}.chip-score{padding:6px 12px}.hint{font-size:calc(11.5px * var(--ui))}.roster{top:auto;bottom:calc(46px + env(safe-area-inset-bottom,0px));width:172px;padding:6px}.hud-top[data-visible=false]~.roster{top:calc(16px + env(safe-area-inset-top,0px));bottom:auto}body:has(.bid:not([hidden])) .roster{opacity:0;visibility:hidden}.roster-seat{grid-template-columns:40px 1fr auto;gap:6px;padding:4px 6px}.roster-name{font-size:calc(11px * var(--ui))}body.is-touch .roster{top:calc(248px + env(safe-area-inset-top,0px));bottom:auto;width:150px}body.is-touch{--hud-gutter: max(12px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}body.is-touch .bid{padding:8px 9px}body.is-touch .bid-head,body.is-touch .bid-seats,body.is-touch .bid-row{margin-bottom:6px}}.stage,.stage canvas{touch-action:none}body.is-touch .hud-bottom{bottom:auto;top:calc(58px + env(safe-area-inset-top,0px));padding-bottom:0}body.is-touch .hud-top[data-visible=false]~.hud-bottom{top:calc(200px + env(safe-area-inset-top,0px))}body.is-touch .px-button{min-height:44px}body.is-touch .emote-bar,body.is-touch .egg-bar{bottom:auto;top:calc(96px + env(safe-area-inset-top,0px));flex-direction:column-reverse}body.is-touch .voice-bar{bottom:auto;top:calc(152px + env(safe-area-inset-top,0px));flex-direction:column-reverse}body.is-touch:has(.bid:not([hidden])) .voice-bar{top:auto;bottom:calc(30vh + var(--rung) * 3);flex-direction:column}body.is-touch .voice-strip,body.is-touch .emote-strip{max-height:34vh}body.is-touch .hud-top[data-visible=false]~.emote-bar,body.is-touch .hud-top[data-visible=false]~.egg-bar{top:auto;bottom:30vh;flex-direction:column}body.is-touch .hud-top[data-visible=false]~.voice-bar{top:auto;bottom:calc(30vh + var(--rung) * 2);flex-direction:column}body.is-touch .bid{--px: 2px;top:calc(var(--sky-hint, 108px) + 36px)}body.is-touch{--hud-gutter: max(20px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}@media(max-height:520px){body.is-touch .bid{width:min(440px,calc(100vw - 24px));top:auto;bottom:calc(96px + env(safe-area-inset-bottom,0px));padding:6px 9px}body.is-touch .bid-seats{display:none}body.is-touch .hud-bottom{top:calc(50px + env(safe-area-inset-top,0px))}body.is-touch .emote-strip{grid-template-columns:1fr 1fr}body.is-touch .emote-mute{grid-column:1 / -1}}@media(max-width:460px){:root{--hud-gutter: 8px}.board{gap:5px;flex-wrap:wrap;justify-content:center}.chip{padding:4px 8px;gap:5px}.chip-score{padding:4px 9px;gap:6px}.score-seats{gap:5px}.score-seat-name{font-size:calc(8.5px * var(--ui))}.chip-key,.team-name{font-size:calc(9.5px * var(--ui))}.chip-value{font-size:calc(11px * var(--ui))}.score-rule{width:8px}.hint{font-size:calc(10.5px * var(--ui))}body.is-touch .hud-bottom{top:calc(96px + env(safe-area-inset-top,0px))}body.is-touch .roster{top:calc(248px + env(safe-area-inset-top,0px))}body.is-touch{--hud-gutter: max(8px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px))}}.chat-dock{position:fixed;left:14px;bottom:calc(30vh + var(--rung));z-index:8;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.chat-chip,.chat-panel{pointer-events:auto}.chat-chip{position:relative;width:var(--chip);height:var(--chip);padding:0;line-height:1;flex-shrink:0}.chat-chip .px-key{position:absolute;top:-6px;right:-6px;margin:0;font-size:calc(8px * var(--ui))}.chat-badge{position:absolute;bottom:-6px;left:-6px;display:flex;padding:2px 4px;background:var(--gold);color:var(--px-black);outline:var(--px) solid var(--px-black)}.chat-dock[data-open=true] .chat-chip{border-color:var(--gold);color:var(--gold)}.chat-panel{display:flex;flex-direction:column;gap:8px;width:min(300px,calc(100vw - 44px));padding:10px}.chat-head{display:flex;align-items:center;justify-content:space-between}.chat-title{font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--ink-dim)}.chat-log{display:flex;flex-direction:column;gap:6px;max-height:min(34vh,300px);margin:0;padding:0 2px;list-style:none;overflow-y:auto;overscroll-behavior:contain}.chat-log:empty:after{content:"لسه محدش قال حاجة — ابدأ انت";font-size:calc(11px * var(--ui));color:var(--ink-faint)}.chat-line{display:flex;direction:ltr;text-align:left;flex-direction:column;gap:2px;font-size:calc(var(--chat-text) * var(--ui));line-height:1.4;overflow-wrap:anywhere}.chat-name{font-family:var(--font-pixel);font-size:calc(var(--chat-name) * var(--ui));color:var(--ink-dim)}.chat-line[data-mine=true] .chat-name{color:var(--gold)}.chat-text{color:var(--ink)}.chat-row{display:flex;gap:6px}.chat-input{flex:1;min-width:0}.chat-send{flex-shrink:0;font-size:calc(12px * var(--ui))}.chat-peek{display:flex;flex-direction:column;align-items:flex-end;gap:4px;width:min(var(--chat-peek-width),calc(100vw - 44px));pointer-events:none}.chat-peek:empty{display:none}.chat-peek-line{margin:0;direction:ltr;text-align:left;padding:3px 7px 4px;background:var(--px-panel);outline:var(--px) solid var(--px-black);font-size:calc(var(--chat-peek) * var(--ui));line-height:1.4;color:var(--ink);overflow-wrap:anywhere;animation:peek-in .14s steps(3,end) both,peek-out .3s steps(3,end) var(--hold, 4s) both}.chat-peek-name{margin-inline-end:6px;font-family:var(--font-pixel);font-size:calc(var(--chat-peek-name) * var(--ui));color:var(--gold)}@keyframes peek-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes peek-out{to{opacity:0}}@media(prefers-reduced-motion:reduce){.chat-peek-line{animation:none}}body.is-touch .chat-dock{bottom:auto;top:calc(152px + env(safe-area-inset-top,0px));flex-direction:column-reverse}body.is-touch .chat-log{max-height:30vh}body.is-touch .hud-top[data-visible=false]~.chat-dock{top:auto;bottom:calc(30vh + var(--rung));flex-direction:column}body:not(.is-touch){--chat-text: 16px;--chat-name: 12px;--chat-peek: 17px;--chat-peek-name: 12px;--chat-peek-width: 340px;--chat-bubble: 17px}body:not(.is-touch) .chat-peek-line{padding:6px 11px 7px;border:var(--px) solid;border-color:var(--px-edge-light) var(--px-edge-dark) var(--px-edge-dark) var(--px-edge-light);box-shadow:var(--px) var(--px) 0 0 #0000008c}body:not(.is-touch) .chat-panel{width:min(380px,calc(100vw - 44px))}body:not(.is-touch) .chat-log{max-height:min(38vh,360px)}body:not(.is-touch) .chat-title{font-size:calc(13px * var(--ui))}body:not(.is-touch) .chat-log:empty:after{font-size:calc(13px * var(--ui))}.social-chip{position:fixed;top:calc(16px + env(safe-area-inset-top,0px));left:var(--hud-gutter);z-index:27;width:var(--chip);height:var(--chip);padding:0;line-height:1}.social-chip[hidden]{display:none}.social-chip .px-key{position:absolute;top:-6px;right:-6px;margin:0;font-size:calc(8px * var(--ui))}.social-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}.social-badge{position:absolute;bottom:-6px;right:-6px;display:flex;padding:2px 4px;background:var(--gold);color:var(--px-black);outline:var(--px) solid var(--px-black)}body.is-touch .hud-top[data-visible=true]~.social-chip{top:calc(208px + env(safe-area-inset-top,0px));left:auto;inset-inline-start:14px}.social-sheet{position:fixed;inset:0;z-index:26;display:grid;place-content:safe center;padding:16px;background:#040609e6;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;opacity:0;transition:opacity .16s steps(3,end)}.social-sheet[data-open=true]{opacity:1}.social-card{display:flex;flex-direction:column;gap:10px;width:min(420px,calc(100vw - 32px));max-height:min(80vh,640px);padding:12px}.social-tabs{display:flex;gap:6px}.help-tabs{display:flex;gap:6px;margin-bottom:12px}.help-tab{flex:1;font-size:calc(13px * var(--ui))}.help-tab[data-selected=true]{border-color:var(--gold);color:var(--gold)}.settings-row{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:calc(13.5px * var(--ui));color:#e9eef6d1;cursor:pointer}.settings-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.settings-row input[type=range]{flex:1;max-width:160px;accent-color:var(--gold)}.settings-lead{margin:0 0 10px;font-size:calc(13px * var(--ui));line-height:1.7;color:var(--ink-dim)}.lobby[data-step=names] .lobby-card{width:min(420px,100%)}.suit-picker{display:grid;gap:14px}.suit-dialects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.suit-dialect{display:grid;gap:6px;justify-items:start;padding:10px 11px 9px;text-align:start;cursor:pointer;color:var(--ink);background:var(--px-deep);border:var(--px) solid;border-color:var(--px-edge-dark) var(--px-edge-light) var(--px-edge-light) var(--px-edge-dark);font:inherit}.suit-dialect[data-on=true]{border-color:var(--gold-deep) var(--gold) var(--gold) var(--gold-deep);box-shadow:inset 0 0 0 1px #e8c26859}.suit-dialect-title{font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:700;color:var(--gold)}.suit-dialect-blurb{font-size:calc(11.5px * var(--ui));line-height:1.55;color:var(--ink-dim)}.suit-dialect-row{display:flex;gap:5px;align-items:center}.suit-mixer-head{margin:2px 0 8px;font-size:calc(12.5px * var(--ui));color:var(--ink-dim)}.suit-mix-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}.suit-mix-mark{flex:0 0 auto;padding-top:4px}.suit-mix-chips{display:flex;flex-wrap:wrap;gap:5px}.suit-chip{padding:5px 9px;cursor:pointer;color:var(--ink);background:var(--px-deep);border:var(--px) solid;border-color:var(--px-edge-dark) var(--px-edge-light) var(--px-edge-light) var(--px-edge-dark);font-family:inherit;font-size:calc(12px * var(--ui))}.suit-chip[data-on=true]{color:#1b1305;background:var(--gold);border-color:var(--gold-deep)}.social-tab{flex:1;font-size:calc(13px * var(--ui))}.social-tab[data-selected=true]{border-color:var(--gold);color:var(--gold)}.social-view{display:flex;flex-direction:column;gap:10px;min-height:120px;overflow-y:auto;overscroll-behavior:contain}.social-section-head{margin:0 0 6px;font-family:var(--font-pixel);font-size:calc(11px * var(--ui));color:var(--ink-dim)}.social-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.social-results:empty{display:none}.social-row{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--px-deep);outline:var(--px) solid var(--px-black)}.social-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(13px * var(--ui))}.social-row[data-status]:before{content:"";flex-shrink:0;width:8px;height:8px;background:var(--ink-faint);outline:var(--px) solid var(--px-black)}.social-row[data-status=online]:before{background:var(--green)}.social-row[data-status=table]:before{background:var(--gold)}.social-status{flex-shrink:0;font-size:calc(10.5px * var(--ui));color:var(--ink-faint)}.social-row[data-status=online] .social-status{color:var(--green)}.social-row[data-status=table] .social-status{color:var(--gold)}.social-action{flex-shrink:0;padding:4px 8px;font-size:calc(11px * var(--ui))}.social-note{margin:0;min-height:14px;font-size:calc(11px * var(--ui));color:var(--ink-faint);text-align:center;list-style:none}.social-chat-row{padding:0}.social-chat-open{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;padding:7px 9px;background:none;border:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.social-chat-open:hover .social-name{color:var(--gold)}.social-preview{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(11.5px * var(--ui));color:var(--ink-dim)}.social-when{grid-column:2;grid-row:1;font-size:calc(10px * var(--ui));color:var(--ink-faint)}.social-unread{grid-column:2;grid-row:2;justify-self:end;display:flex;padding:2px 4px;background:var(--gold);color:var(--px-black);outline:var(--px) solid var(--px-black)}.social-thread{flex:1;min-height:0}.thread-head{display:flex;align-items:center;gap:8px}.thread-back{flex-shrink:0;padding:4px 8px;font-size:calc(11px * var(--ui))}.thread-who{display:flex;flex-direction:column;gap:1px;min-width:0}.thread-name{font-family:var(--font-pixel);font-size:calc(13px * var(--ui));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-status{font-size:calc(10px * var(--ui));color:var(--ink-faint)}.thread-status[data-status=online]{color:var(--green)}.thread-status[data-status=table]{color:var(--gold)}.thread-log{display:flex;flex-direction:column;gap:6px;flex:1;min-height:140px;max-height:min(44vh,380px);margin:0;padding:2px;list-style:none;overflow-y:auto;overscroll-behavior:contain}.thread-line{display:flex;flex-direction:column;gap:1px;max-width:85%;align-self:flex-start;padding:5px 8px;background:var(--px-deep);outline:var(--px) solid var(--px-black);font-size:calc(13px * var(--ui));overflow-wrap:anywhere}.thread-line[data-mine=true]{align-self:flex-end;border-inline-start:var(--px) solid var(--gold-deep)}.thread-when{font-size:calc(9.5px * var(--ui));color:var(--ink-faint)}.social-close{font-size:calc(12px * var(--ui))}body:has(.emote-strip:not([hidden])) .chat-dock[data-open=false]{visibility:hidden;pointer-events:none}body.is-touch:has(.bid:not([hidden])) .chat-dock{top:auto;bottom:calc(30vh + var(--rung));flex-direction:column}body.is-touch:has(.bid:not([hidden])) .social-chip{display:none}.chat-dock[data-too-fast=true] .chat-input{border-color:var(--red)}.chat-dock[data-too-fast=true] .chat-row:after{content:"استنى ثانية";position:absolute;inset-inline-start:8px;bottom:-16px;font-size:calc(10px * var(--ui));color:var(--red)}.chat-row{position:relative}.joker-bar{position:fixed;inset-inline:0;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:8;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:0 12px;pointer-events:none}.joker-bar>*{pointer-events:auto}.joker-step{padding:5px 14px 6px;font-family:var(--font-pixel);font-size:calc(13px * var(--ui));font-weight:700;color:var(--ink);white-space:nowrap}.joker-step[data-step=wait]{color:var(--ink-dim)}.joker-step[data-step=draw],.joker-step[data-step=discard]{color:var(--gold)}.joker-count{display:flex;align-items:center;gap:8px;padding:5px 12px 6px;font-family:var(--font-pixel);font-size:calc(12px * var(--ui));color:var(--ink-dim);white-space:nowrap}.joker-count-value{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}.joker-count-slash{color:var(--ink-faint)}.joker-count[data-state=good] .joker-count-value,.joker-count[data-state=good] .joker-count-note{color:var(--green)}.joker-count[data-state=bad] .joker-count-value,.joker-count[data-state=bad] .joker-count-note{color:var(--red)}.joker-fire{display:flex;align-items:center;gap:7px;padding:4px 10px 5px;font-family:var(--font-pixel);font-size:calc(11px * var(--ui))}.joker-fire-face{display:inline-flex;align-items:center;gap:4px}.joker-fire-tag{color:var(--ink-dim)}.joker-fire[data-state=good] .joker-fire-tag{color:var(--green)}.joker-verbs{display:flex;align-items:center;gap:6px}.joker-verb{font-size:calc(12px * var(--ui));padding:6px 12px}body.is-touch .joker-bar{gap:6px;bottom:calc(6px + env(safe-area-inset-bottom,0px))}body.is-touch .joker-verb{min-height:44px;padding:6px 13px}body.is-touch .joker-step,body.is-touch .joker-count,body.is-touch .joker-fire{font-size:calc(11px * var(--ui));padding:4px 10px 5px}@media(max-height:520px){body.is-touch .joker-bar{flex-wrap:wrap;overflow-x:hidden}}body.is-touch.is-joker .turn-pill{display:none}body.is-touch.is-joker .hint{padding:3px 10px 4px;background:#06090dc7;outline:var(--px) solid rgba(0,0,0,.5);color:var(--ink);font-size:calc(11.5px * var(--ui))}body.is-touch.is-joker .hint:empty{display:none}body.is-touch.is-joker .joker-step{font-size:calc(13px * var(--ui));padding:6px 14px 7px}body.is-touch.is-joker .joker-step:not([data-step=wait]){color:var(--gold);border-color:var(--gold) var(--gold-deep) var(--gold-deep) var(--gold)}body.is-touch.is-joker .joker-step[data-enter=true]{animation:pill-in .26s steps(4,end) both}body.is-touch.is-joker .joker-verb{font-size:calc(14px * var(--ui));padding:6px 12px}body.is-touch.is-joker .joker-verb[data-off=true]{opacity:.55}@media(max-aspect-ratio:9/10){body.is-touch.is-joker .joker-fire{display:none}}body.is-touch.is-joker:has(.help:not([hidden])) .help-chip{visibility:hidden}body.is-touch.is-joker:has(.start-cta:not([hidden])) .joker-bar{opacity:0;visibility:hidden}body:has(.lobby:not([hidden])) .joker-bar{opacity:0;visibility:hidden}body.is-touch{--px: 2px}body.is-touch .hud-top{padding-top:calc(8px + env(safe-area-inset-top,0px))}body.is-touch .board{gap:5px;justify-content:center}body.is-touch .board .chip{padding:3px 7px;gap:4px}body.is-touch .board .chip:has(#hud-game),body.is-touch .board #hud-trump-key,body.is-touch .board #hud-contract-key{display:none}body.is-touch .board .chip-key,body.is-touch .board .team-name{font-size:calc(8.5px * var(--ui))}body.is-touch .board .chip-value{font-size:calc(10.5px * var(--ui))}body.is-touch .board .score-seats{gap:4px}body.is-touch .board .score-seat-name{font-size:calc(8px * var(--ui))}body.is-touch{--sky-row: calc(var(--hud-top-h, 44px) + 12px + env(safe-area-inset-top, 0px));--sky-hint: calc(var(--hud-top-h, 44px) + 64px + env(safe-area-inset-top, 0px))}body.is-touch .hud-top[data-visible=true]~.hud-bottom{top:var(--sky-hint)}body.is-touch .hud-top[data-visible=true]~.emote-bar{top:var(--sky-row);inset-inline-end:14px}body.is-touch .hud-top[data-visible=true]~.chat-dock{top:var(--sky-row);inset-inline-end:calc(14px + var(--chip) + 6px)}body.is-touch .more-chip{position:fixed;top:var(--sky-row);right:14px;z-index:13;width:var(--chip);height:var(--chip);padding:0;line-height:1;font-family:var(--font-pixel);font-size:calc(18px * var(--ui));font-weight:700;letter-spacing:1px;pointer-events:auto}body.is-touch .more-chip[hidden]{display:none}body.is-touch .more-chip[data-open=true]{border-color:var(--gold);color:var(--gold)}body.is-touch:has(.voice-bar[data-state=live]) .more-chip:after{content:"";position:absolute;top:5px;inset-inline-start:5px;width:7px;height:7px;background:var(--green);outline:var(--px) solid var(--px-black)}body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.help-chip:not([data-open=true]),body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.leave-chip:not([data-open=true]),body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.social-chip:not([data-open=true]),body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.egg-bar:not([data-armed=true]),body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.fs-chip,body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.voice-bar:not([data-open=true]):not([data-state=live]){visibility:hidden;pointer-events:none}body.is-touch .hud-top[data-visible=true]~:is(.help-chip,.leave-chip,.social-chip,.egg-bar,.fs-chip,.voice-bar){bottom:auto;left:auto;inset-inline-end:auto;inset-inline-start:14px}body.is-touch .hud-top[data-visible=true]~.help-chip{top:calc(var(--sky-row) + (var(--chip) + 6px) * 1)}body.is-touch .hud-top[data-visible=true]~.leave-chip{top:calc(var(--sky-row) + (var(--chip) + 6px) * 2)}body.is-touch .hud-top[data-visible=true]~.egg-bar{top:calc(var(--sky-row) + (var(--chip) + 6px) * 3)}body.is-touch .hud-top[data-visible=true]~.voice-bar{top:calc(var(--sky-row) + (var(--chip) + 6px) * 4)}body.is-touch .hud-top[data-visible=true]~.fs-chip{top:calc(var(--sky-row) + (var(--chip) + 6px) * 6)}body.is-touch .hud-top[data-visible=true]~.social-chip{top:calc(var(--sky-row) + (var(--chip) + 6px) * 7)}body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.egg-bar[data-armed=true],body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.voice-bar[data-state=live]:not([data-open=true]){top:calc(var(--sky-row) + var(--chip) + 6px)}body.is-touch:not([data-more=open]) .hud-top[data-visible=true]~.voice-bar[data-state=live]:not([data-open=true]) .voice-open{display:none}body.is-touch.is-joker{--sky-row: calc(var(--hud-top-h, 44px) + 8px + env(safe-area-inset-top, 0px))}body.is-touch.is-joker .board #hud-trump-key,body.is-touch.is-joker .board #hud-contract-key{display:inline}body.is-touch.is-joker .hud-top~.hud-bottom{top:auto;bottom:calc(360px + env(safe-area-inset-bottom,0px));padding-bottom:0}@media(max-height:520px){body.is-touch.is-joker .hud-top~.hud-bottom{bottom:auto;top:var(--sky-hint)}}.refusal{position:fixed;inset-inline:0;top:36%;z-index:12;display:grid;place-items:center;pointer-events:none}.refusal[hidden]{display:none}.refusal-plate{display:flex;align-items:center;gap:10px;max-width:min(86vw,460px);padding:9px 16px 10px;background:#1e080ceb;border:var(--px) solid;border-color:var(--red) #7d2634 #7d2634 var(--red);outline:var(--px) solid var(--px-black);box-shadow:0 var(--px) 0 0 var(--px-black);font-family:var(--font-pixel);font-size:calc(15px * var(--ui));color:var(--ink);text-shadow:0 2px 0 rgba(0,0,0,.7);opacity:0;transform:translateY(6px);transition:opacity .14s steps(3,end),transform .14s steps(3,end)}.refusal[data-on=true] .refusal-plate{opacity:1;transform:translateY(0);animation:refusal-shake .26s steps(2,end) .06s}.refusal-mark{display:grid;place-items:center;fill:var(--red)}.refusal-text{line-height:1.35}@keyframes refusal-shake{0%{transform:translate(0)}25%{transform:translate(calc(var(--px) * -2))}50%{transform:translate(calc(var(--px) * 2))}75%{transform:translate(calc(var(--px) * -1))}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.refusal-plate{transition:none}.refusal[data-on=true] .refusal-plate{animation:none}}.tut-scale{flex-wrap:wrap;justify-content:center}@font-face{font-family:"Jersey 10";src:url(./Jersey10-Regular-CR4usw7e.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block;size-adjust:136%}@font-face{font-family:Tajarib;src:url(./Tajarib-Light-CTpGKr6H.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Regular-DrqmmHEr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Medium-m2PgcYF_.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Bold-DQvkUOZe.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Black-DAbr0Kc5.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}.lx{--lx-void: #07060e;--lx-rail-top: #14121f;--lx-rail: #0d0b18;--lx-rail-btm: #0a0912;--lx-field: #16142a;--lx-line: #241f3d;--lx-lip: #2a2450;--lx-ink: #e9eaf7;--lx-dim: #a9a8c6;--lx-faint: #8a88a8;--lx-cyan: #38dbf5;--lx-magenta: #c9309a;--lx-violet: #6d2fd6;--lx-purple: #a97bff;--lx-gold: #e8c268;--lx-red: #e35a6c;--lx-green: #6ec487;--lx-chrome: var(--font);--lx-read: var(--font);--lx-num: var(--font);--lx-side-w: calc(208px * var(--ui));--lx-band-h: calc(52px * var(--ui));--lx-hero-w: calc(430px * var(--ui));--lx-hero-in: calc(64px * var(--ui));--lx-feather: calc(120px * var(--ui));--lx-deck-h: calc(104px * var(--ui));--lx-dir: -1;--lx-text-dir: rtl}:root[data-lang=en] .lx{--lx-text-dir: ltr;--lx-dir: 1}.lx{position:fixed;inset:0;z-index:6;overflow:hidden;background:var(--lx-void);color:var(--lx-ink);direction:ltr;display:grid;grid-template-columns:var(--lx-side-w) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"side stage" "side deck";opacity:1;transition:opacity .42s ease}.lx[hidden]{display:none}.lx[data-leaving=true]{opacity:0;pointer-events:none}.lx-art{position:absolute;inset:0 0 0 var(--lx-side-w);background-image:var(--lx-art);background-size:cover;background-position:50% 46%;filter:saturate(.94) brightness(.82)}.lx[data-ground=fan] .lx-art{background-color:#0b0910;background-image:radial-gradient(52% 46% at 66% 42%,#e8c26829,#e8c26800),radial-gradient(84% 70% at 62% 54%,#241a2c,#100c18 58%,#07060e);filter:none}.lx-fan{position:absolute;inset:0 0 var(--lx-deck-h) var(--lx-side-w);display:grid;place-items:center;pointer-events:none;--lx-fan-h: min(calc(322px * var(--ui)), 46vh, 26vw);perspective:calc(900px * var(--ui))}.lx-fan[hidden]{display:none}.lx-fan-card{position:absolute;left:68%;top:47%;height:var(--lx-fan-h);width:auto;transform-origin:50% 118%;filter:drop-shadow(0 calc(10px * var(--ui)) calc(22px * var(--ui)) rgba(0,0,0,.72)) drop-shadow(0 0 calc(2px * var(--ui)) rgba(232,194,104,.18))}.lx-fan-card--l{transform:translate(-50%,-50%) rotate(-15deg) translate(calc(var(--lx-fan-h) * -.3)) scale(.94)}.lx-fan-card--r{transform:translate(-50%,-50%) rotate(15deg) translate(calc(var(--lx-fan-h) * .3)) scale(.94)}.lx-fan-card--c{transform:translate(-50%,-50%) translateY(calc(var(--lx-fan-h) * -.045))}.lx-veil{position:absolute;inset:0 0 0 var(--lx-side-w);background:linear-gradient(to top,#07060eb8,#07060e2e 22%,#07060e00 46%),radial-gradient(128% 96% at 62% 44%,#07060e00 30%,#07060eb3)}.lx-scrim{position:absolute;top:0;bottom:var(--lx-deck-h);left:var(--lx-side-w);width:var(--lx-feather);background:linear-gradient(to right,#0a0912f0,#0a09128c 34%,#0a091200)}.lx-winbar{position:absolute;top:0;left:0;right:0;height:calc(52px * var(--ui));-webkit-app-region:drag;app-region:drag;z-index:2}.lx-wincontrols{position:absolute;top:0;right:0;display:flex;-webkit-app-region:no-drag;app-region:no-drag}.lx-wincontrols[hidden]{display:none}.lx-winbtn{width:calc(46px * var(--ui));height:calc(32px * var(--ui));display:grid;place-items:center;border:0;background:none;color:var(--lx-faint);cursor:pointer;transition:background .12s ease,color .12s ease}.lx-winbtn svg{width:calc(11px * var(--ui));height:calc(11px * var(--ui));fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square}.lx-winbtn:hover{background:#ffffff14;color:var(--lx-ink)}.lx-winbtn--close:hover{background:#c4283c;color:#fff}.lx-side{grid-area:side;position:relative;z-index:2;direction:var(--lx-text-dir);display:flex;flex-direction:column;min-height:0;box-sizing:border-box;background:linear-gradient(180deg,var(--lx-rail-top) 0%,var(--lx-rail) 42%,var(--lx-rail-btm) 100%);padding:calc(var(--lx-band-h) + 14px * var(--ui)) calc(16px * var(--ui)) calc(14px * var(--ui));border-right:var(--px) solid var(--lx-lip);box-shadow:var(--px) 0 0 #38dbf538}.lx-side-brand{flex:none;display:grid;gap:calc(4px * var(--ui));padding-bottom:calc(16px * var(--ui));margin-bottom:calc(14px * var(--ui));border-bottom:1px solid var(--lx-line)}.lx-game{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(10px * var(--ui));padding:calc(5px * var(--ui)) 0;border:0;border-radius:0;background:none;text-align:start;cursor:pointer;transition:opacity .14s ease}.lx-game-face{width:calc(38px * var(--ui));height:calc(38px * var(--ui));border-radius:calc(8px * var(--ui));object-fit:cover;box-shadow:0 0 0 1px var(--lx-lip),0 calc(3px * var(--ui)) calc(12px * var(--ui)) #00000080}.lx-game-face[hidden]{display:none}.lx-game-face--court{object-position:50% 8%}.lx-side-name{min-width:0;display:grid;justify-items:start;text-align:start}.lx-game[aria-pressed=false]{opacity:.46;filter:saturate(.55)}.lx-game[aria-pressed=false]:hover{opacity:.78;filter:none}.lx-game[aria-pressed=true]:before{content:"";position:absolute;top:calc(2px * var(--ui));bottom:calc(2px * var(--ui));left:calc(-16px * var(--ui));width:calc(3px * var(--ui));background:var(--lx-cyan);box-shadow:0 0 calc(10px * var(--ui)) #38dbf599}.lx-nav{flex:none;display:grid;gap:calc(2px * var(--ui))}.lx-nav-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(10px * var(--ui));padding:calc(10px * var(--ui)) calc(10px * var(--ui));border:0;border-radius:2px;background:none;color:var(--lx-dim);font-family:var(--lx-chrome);font-weight:700;font-size:calc(14px * var(--ui));line-height:1.45;text-align:start;cursor:pointer;transition:background .14s ease,color .14s ease}.lx-nav-item svg{width:calc(19px * var(--ui));height:calc(19px * var(--ui));fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.lx-nav-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root[data-lang=en] .lx-nav-item{gap:calc(8px * var(--ui));padding-inline:calc(8px * var(--ui))}.lx-nav-item:hover{background:#ffffff0d;color:var(--lx-ink)}.lx-nav-item[aria-current=page]{background:linear-gradient(to right,#38dbf529,#38dbf500);color:var(--lx-ink)}.lx-nav-item[aria-current=page]:before{content:"";position:absolute;top:calc(4px * var(--ui));bottom:calc(4px * var(--ui));left:calc(-16px * var(--ui));width:calc(3px * var(--ui));background:var(--lx-cyan);box-shadow:0 0 calc(10px * var(--ui)) #38dbf599}.lx-nav-item[data-soon=true]{color:var(--lx-faint);cursor:default}.lx-nav-item[data-soon=true]:hover{background:#ffffff08;color:var(--lx-dim)}.lx-soon{flex:none;font-family:var(--lx-chrome);font-style:normal;font-weight:500;font-size:calc(12px * var(--ui));line-height:1.5;padding:calc(1px * var(--ui)) calc(6px * var(--ui));border:1px solid var(--lx-line);border-radius:2px;color:var(--lx-faint);background:#ffffff08;white-space:nowrap}.lx-side-foot{margin-top:auto;flex:none;display:grid;gap:calc(10px * var(--ui));padding-top:calc(16px * var(--ui))}.lx-me{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(9px * var(--ui));padding:calc(8px * var(--ui));border:1px solid var(--lx-line);border-radius:2px;background:#ffffff09}.lx-me-face{width:calc(34px * var(--ui));height:calc(34px * var(--ui));border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px var(--lx-lip)}.lx-me-face[hidden]{display:none}.lx-me-who{min-width:0}.lx-me-name{margin:0;font-family:var(--lx-chrome);font-weight:700;font-size:calc(13px * var(--ui));line-height:1.45;color:var(--lx-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-me-sub{margin:calc(1px * var(--ui)) 0 0;font-family:var(--lx-read);font-size:calc(10.5px * var(--ui));line-height:1.5;color:var(--lx-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-me-prog{display:grid;gap:calc(5px * var(--ui));padding-inline:calc(2px * var(--ui))}.lx-me-lvl{margin:0;display:flex;align-items:center;gap:calc(6px * var(--ui));font-family:var(--lx-chrome);font-size:calc(10.5px * var(--ui));line-height:1.5;color:var(--lx-faint)}.lx-me-lvl>span{flex:1 1 auto}.lx-me-rail{height:calc(5px * var(--ui));border-radius:2px;background:#100e1e;box-shadow:inset 0 0 0 1px var(--lx-line);overflow:hidden}.lx-me-rail>i{display:block;height:100%;width:100%;background:repeating-linear-gradient(115deg,#ffffff0f 0 calc(4px * var(--ui)),#fff0 calc(4px * var(--ui)) calc(9px * var(--ui)))}.lx-tools{display:grid;grid-auto-flow:column;justify-content:start;gap:calc(6px * var(--ui))}.lx-tool{width:calc(34px * var(--ui));height:calc(30px * var(--ui));display:grid;place-items:center;border:1px solid var(--lx-line);border-radius:2px;background:#ffffff08;color:var(--lx-faint);cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.lx-tool[hidden]{display:none}.lx-tool[data-soon=true]{cursor:default}.lx-tool svg{width:calc(15px * var(--ui));height:calc(15px * var(--ui));fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.lx-tool:hover{color:var(--lx-dim);border-color:var(--lx-lip)}.lx-tool[data-soon=true]:hover{color:var(--lx-faint);border-color:var(--lx-line)}.lx-tool--quit:hover{color:#ff8f9e;border-color:#e35a6c8c;background:#e35a6c1f}.lx-top{position:absolute;top:0;right:0;height:var(--lx-band-h);z-index:3;direction:var(--lx-text-dir);display:flex;align-items:center;gap:calc(8px * var(--ui));padding-inline:calc(16px * var(--ui));-webkit-app-region:no-drag;app-region:no-drag;pointer-events:none}.lx-top>*{pointer-events:auto}.lx[data-controls=true] .lx-top{padding-inline-start:calc(104px * var(--ui))}:root[data-lang=en] .lx[data-controls=true] .lx-top{padding-inline-start:calc(16px * var(--ui));padding-inline-end:calc(104px * var(--ui))}.lx-glyph{width:calc(36px * var(--ui));height:calc(36px * var(--ui));display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:2px;background:#0a0912eb;color:var(--lx-dim);cursor:pointer;transition:color .14s ease,border-color .14s ease}.lx-glyph svg{width:calc(17px * var(--ui));height:calc(17px * var(--ui));fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.lx-glyph[data-soon=true]{color:var(--lx-faint);cursor:default}.lx-glyph:hover{color:var(--lx-ink);border-color:var(--lx-lip)}.lx-lang{display:flex;direction:ltr;align-items:stretch;height:calc(36px * var(--ui));padding:calc(3px * var(--ui));gap:calc(2px * var(--ui));box-sizing:border-box;border:1px solid rgba(255,255,255,.08);border-radius:2px;background:#0a0912eb}.lx-lang-option{display:grid;place-items:center;min-width:calc(56px * var(--ui));padding-inline:calc(9px * var(--ui));border:0;border-radius:1px;background:transparent;color:var(--lx-faint);font-family:var(--lx-chrome);font-weight:700;font-size:calc(13px * var(--ui));line-height:1;letter-spacing:.2px;cursor:pointer;transition:color .14s ease,background-color .14s ease,transform .15s cubic-bezier(.34,1.56,.64,1)}.lx-lang-option:hover{color:var(--lx-ink);background:#ffffff0d}.lx-lang-option:active{transform:scale(.94);transition-duration:60ms}.lx-lang-option[aria-checked=true]{color:var(--lx-cyan);background:#38dbf524;box-shadow:inset 0 0 0 1px #38dbf552;cursor:default}.lx-lang-option:focus-visible{outline:2px solid var(--lx-cyan);outline-offset:1px}.lx-account{position:relative}.lx-account[hidden]{display:none}.lx-chip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:calc(9px * var(--ui));padding:calc(4px * var(--ui)) calc(10px * var(--ui)) calc(4px * var(--ui)) calc(6px * var(--ui));max-width:calc(230px * var(--ui));border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#0a0912eb;cursor:pointer;transition:border-color .14s ease,background .14s ease}.lx-chip[hidden]{display:none}.lx-chip:hover{border-color:var(--lx-lip);background:#14121ff5}.lx-chip-face{width:calc(28px * var(--ui));height:calc(28px * var(--ui));border-radius:2px;object-fit:cover}.lx-chip-face[hidden]{display:none}.lx-chip-who{display:grid;min-width:0;text-align:start}.lx-chip-name{font-family:var(--lx-chrome);font-weight:700;font-size:calc(12.5px * var(--ui));line-height:1.4;color:var(--lx-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-chip-sub{font-family:var(--lx-read);font-size:calc(10px * var(--ui));line-height:1.45;color:var(--lx-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lx-chip-caret{width:0;height:0;border-inline:calc(4px * var(--ui)) solid transparent;border-top:calc(5px * var(--ui)) solid var(--lx-faint);transition:transform .14s ease}.lx-chip[aria-expanded=true] .lx-chip-caret{transform:scaleY(-1)}.lx-account-menu{position:absolute;top:calc(100% + 6px * var(--ui));inset-inline-start:0;z-index:2;min-width:100%;display:grid;gap:calc(2px * var(--ui));padding:calc(4px * var(--ui));border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#0a0912f5;box-shadow:0 calc(8px * var(--ui)) calc(20px * var(--ui)) #00000073}.lx-account-menu[hidden]{display:none}.lx-account-item{display:block;width:100%;padding:calc(8px * var(--ui)) calc(10px * var(--ui));border:0;border-radius:2px;background:transparent;color:var(--lx-ink);font-family:var(--lx-chrome);font-size:calc(12.5px * var(--ui));font-weight:700;line-height:1.4;text-align:start;white-space:nowrap;cursor:pointer}.lx-account-item:hover{background:#ffffff0f}.lx-get{position:relative;display:flex;align-items:stretch;height:calc(36px * var(--ui));border:1px solid rgba(255,255,255,.08);border-radius:2px;background:#0a0912eb;transition:border-color .14s ease}.lx-get[hidden]{display:none}.lx-get:hover{border-color:var(--lx-lip)}.lx-get-main{display:flex;align-items:center;gap:calc(7px * var(--ui));padding-inline:calc(11px * var(--ui)) calc(9px * var(--ui));color:var(--lx-dim);text-decoration:none;cursor:pointer}.lx-get-main:not([href]){cursor:default}.lx-get:hover .lx-get-main{color:var(--lx-ink)}.lx-get-arrow{width:calc(15px * var(--ui));height:calc(15px * var(--ui));flex:none;fill:none;stroke:var(--lx-cyan);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.lx-get-label{font-family:var(--lx-chrome);font-size:calc(12.5px * var(--ui));font-weight:700;line-height:1.2;white-space:nowrap;color:inherit}.lx-get-size{font-family:var(--lx-num);font-size:calc(10.5px * var(--ui));font-style:normal;line-height:1.2;white-space:nowrap;color:var(--lx-faint)}.lx-get-size[hidden]{display:none}.lx-get-more{width:calc(24px * var(--ui));display:grid;place-items:center;padding:0;border:0;border-inline-start:1px solid rgba(255,255,255,.08);background:transparent;color:var(--lx-faint);cursor:pointer}.lx-get-more:hover{color:var(--lx-ink)}.lx-get-caret{width:0;height:0;border-inline:calc(3.5px * var(--ui)) solid transparent;border-top:calc(4px * var(--ui)) solid currentColor;transition:transform .14s ease}.lx-get-more[aria-expanded=true] .lx-get-caret{transform:scaleY(-1)}.lx-get-menu{position:absolute;top:calc(100% + 6px * var(--ui));inset-inline-start:0;z-index:2;min-width:calc(232px * var(--ui));display:grid;gap:calc(1px * var(--ui));padding:calc(5px * var(--ui));border:1px solid rgba(255,255,255,.09);border-radius:2px;background:#0a0912f5;box-shadow:0 calc(8px * var(--ui)) calc(20px * var(--ui)) #00000073}.lx-get-menu[hidden]{display:none}.lx-get-row{display:flex;align-items:baseline;justify-content:space-between;gap:calc(12px * var(--ui));padding:calc(7px * var(--ui)) calc(9px * var(--ui));border-radius:2px;color:var(--lx-ink);font-family:var(--lx-chrome);font-size:calc(12px * var(--ui));font-weight:700;line-height:1.35;text-decoration:none;white-space:nowrap}.lx-get-row:hover{background:#ffffff0f}.lx-get-row em{font-family:var(--lx-num);font-size:calc(10.5px * var(--ui));font-style:normal;font-weight:400;color:var(--lx-faint)}.lx-get-head{margin:calc(4px * var(--ui)) calc(9px * var(--ui)) calc(2px * var(--ui));font-family:var(--lx-chrome);font-size:calc(10px * var(--ui));font-weight:700;letter-spacing:.08em;color:var(--lx-faint)}@media(max-width:560px){.lx-get-size{display:none}}.lx-get-note{margin:calc(3px * var(--ui)) calc(9px * var(--ui)) calc(5px * var(--ui));max-width:calc(240px * var(--ui));font-family:var(--lx-read);font-size:calc(11px * var(--ui));line-height:1.6;color:var(--lx-dim);white-space:normal}.lx-account-item--danger{color:#ff8f9e}.lx-account-item--danger:hover{background:#e35a6c1f;color:#ffb3bd}.lx-account-item[hidden]{display:none}.lx-stage{grid-area:stage;position:relative;z-index:1;min-height:0;display:grid}.lx-hero{position:relative;min-height:0;justify-content:center;justify-content:safe center;display:flex;flex-direction:column;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--lx-line) transparent;box-sizing:border-box;padding:calc(var(--lx-band-h) + 8px * var(--ui)) var(--lx-hero-in) calc(18px * var(--ui))}.lx-hero-col{position:relative;direction:var(--lx-text-dir);flex:none;width:var(--lx-hero-w);max-width:100%}.lx-stage:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(var(--lx-hero-in) + var(--lx-hero-w) + 64px * var(--ui));background:radial-gradient(78% 66% at 50% 50%,#05040bf0,#05040be0 44%,#05040b70,#05040b00);pointer-events:none}.lx-brand{position:relative;display:flex;justify-content:center;margin-bottom:calc(16px * var(--ui))}.lx-logo{display:block;height:calc(148px * var(--ui));width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 calc(6px * var(--ui)) calc(20px * var(--ui)) rgba(5,4,11,.82));transition:height .28s cubic-bezier(.22,1,.36,1)}.lx[data-face=form] .lx-logo,.lx[data-face=settling] .lx-logo{height:calc(76px * var(--ui))}.lx-logo[hidden],.lx-wordmark[hidden]{display:none}.lx-wordmark{text-align:center}.lx-mark{margin:0;font-family:var(--font);font-weight:900;font-size:calc(56px * var(--ui));line-height:1.06;color:var(--lx-purple);text-shadow:calc(4px * var(--ui)) calc(4px * var(--ui)) 0 #2a1250,calc(8px * var(--ui)) calc(8px * var(--ui)) 0 #05040b}.lx-mark--small{font-size:calc(24px * var(--ui));text-shadow:calc(2px * var(--ui)) calc(2px * var(--ui)) 0 #2a1250,calc(4px * var(--ui)) calc(4px * var(--ui)) 0 #05040b}.lx-sub-mark{margin:calc(7px * var(--ui)) 0 0;font-family:var(--lx-chrome);font-weight:700;font-size:calc(13px * var(--ui));letter-spacing:calc(9px * var(--ui));color:var(--lx-gold);text-shadow:0 calc(2px * var(--ui)) 0 #05040b}.lx-sub-mark--small{margin-top:calc(4px * var(--ui));font-size:calc(9px * var(--ui));letter-spacing:calc(4.5px * var(--ui))}.lx-tagline{margin:0 0 calc(20px * var(--ui));font-family:var(--lx-chrome);font-weight:700;font-size:calc(16px * var(--ui));line-height:1.5;color:var(--lx-cyan);text-shadow:0 calc(2px * var(--ui)) 0 rgba(5,4,11,.85)}.lx-tagline[hidden]{display:none}.lx-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding:calc(16px * var(--ui)) calc(22px * var(--ui)) calc(14px * var(--ui));border:1px solid var(--lx-lip);border-radius:2px;background:linear-gradient(180deg,var(--lx-rail-top) 0%,var(--lx-rail) 100%);box-shadow:inset 0 1px #ffffff0d,0 calc(20px * var(--ui)) calc(54px * var(--ui)) #030208b3}.lx-card[hidden]{display:none}.lx-settling{margin:0;font-family:var(--lx-read);font-size:calc(13.5px * var(--ui));line-height:1.75;color:var(--lx-dim)}.lx-settling[hidden]{display:none}.lx-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:calc(4px * var(--ui));border-bottom:1px solid var(--lx-line);margin-bottom:calc(12px * var(--ui))}.lx-tabs[hidden]{display:none}.lx-tab{appearance:none;border:0;background:none;padding:calc(8px * var(--ui)) 0;color:var(--lx-faint);font-family:var(--lx-chrome);font-weight:700;font-size:calc(16px * var(--ui));line-height:1.3;cursor:pointer;transition:color .16s ease}.lx-tab:hover{color:var(--lx-dim)}.lx-tab[aria-selected=true]{color:var(--lx-ink)}.lx-tab-rail{position:absolute;bottom:-1px;inset-inline-start:0;width:calc(50% - calc(2px * var(--ui)));height:calc(2px * var(--ui));background:var(--lx-cyan);box-shadow:0 0 calc(10px * var(--ui)) #38dbf58c;transition:transform .22s cubic-bezier(.4,0,.2,1)}.lx-tabs[data-mode=new] .lx-tab-rail{transform:translate(calc(var(--lx-dir) * (100% + calc(4px * var(--ui)))))}.lx-form{display:grid;gap:calc(8px * var(--ui))}.lx-form[hidden]{display:none}.lx-field{display:grid;gap:calc(3px * var(--ui))}.lx-field[hidden]{display:none}.lx-field>span{font-family:var(--lx-chrome);font-weight:500;font-size:calc(11.5px * var(--ui));line-height:1.4;color:var(--lx-dim)}.lx-field input{width:100%;box-sizing:border-box;padding:calc(9px * var(--ui)) calc(13px * var(--ui));border:1px solid var(--lx-line);border-radius:2px;background:var(--lx-field);color:var(--lx-ink);font-family:var(--lx-chrome);font-size:max(16px,calc(15px * var(--ui)));line-height:1.35;outline:0;transition:border-color .14s ease,box-shadow .14s ease}.lx-field input::placeholder{color:var(--lx-faint)}.lx-field input:focus-visible{border-color:var(--lx-cyan);box-shadow:0 0 0 2px #38dbf552}.lx-field[data-bad=true] input{border-color:var(--lx-red)}.lx-secret{position:relative;display:block}.lx-secret input{padding-right:calc(44px * var(--ui));padding-left:calc(13px * var(--ui))}.lx-eye{position:absolute;right:calc(5px * var(--ui));top:50%;transform:translateY(-50%);width:calc(32px * var(--ui));height:calc(32px * var(--ui));display:grid;place-items:center;border:0;background:none;cursor:pointer;color:var(--lx-faint);transition:color .14s ease}.lx-eye:hover,.lx-eye[aria-pressed=true]{color:var(--lx-cyan)}.lx-eye:before{content:"";width:calc(17px * var(--ui));height:calc(11px * var(--ui));border:1.5px solid currentColor;border-radius:50%/60% 60% 40% 40%}.lx-eye:after{content:"";position:absolute;width:calc(5px * var(--ui));height:calc(5px * var(--ui));border-radius:50%;background:currentColor}.lx-eye[aria-pressed=true]:after{box-shadow:0 0 0 calc(1px * var(--ui)) var(--lx-field)}.lx-note{margin:0;min-height:calc(15px * var(--ui));font-family:var(--lx-read);font-size:calc(12.5px * var(--ui));line-height:1.4;color:var(--lx-dim)}.lx-note[data-tone=bad]{color:var(--lx-red)}.lx-note[data-tone=good]{color:var(--lx-green)}.lx-go,.lx-switch{font-family:var(--lx-chrome);border-radius:2px;transition:filter .12s ease,transform 80ms ease}.lx-go{margin-top:calc(2px * var(--ui));width:100%;padding-block:calc(10px * var(--ui));font-size:calc(16px * var(--ui));line-height:1.3;font-weight:700;font-family:var(--lx-chrome);border:1px solid var(--lx-lip);background:linear-gradient(180deg,#211b3d,#171230);color:var(--lx-ink)}.lx-go:not([disabled]):hover{filter:brightness(1.18)}.lx-go:not([disabled]):active{transform:translateY(1px)}.lx-go[disabled]{opacity:.55;cursor:progress}.lx-live{display:grid;gap:calc(22px * var(--ui));justify-items:start}.lx-play{justify-self:center}.lx-live[hidden]{display:none}.lx-lede{margin:0;font-family:var(--lx-read);font-weight:400;font-size:calc(14.5px * var(--ui));line-height:1.85;color:var(--lx-dim);text-wrap:balance}.lx-lede[hidden]{display:none}.lx-lede[data-shut=true]{padding-inline-start:calc(12px * var(--ui));border-inline-start:calc(2px * var(--ui)) solid var(--lx-gold)}.lx-or{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:calc(10px * var(--ui));margin:calc(9px * var(--ui)) 0 calc(8px * var(--ui));color:var(--lx-faint);font-family:var(--lx-chrome);font-size:calc(11px * var(--ui));line-height:1.4}.lx-or[hidden]{display:none}.lx-or:before,.lx-or:after{content:"";height:1px;background:var(--lx-line)}.lx-social{display:grid;grid-template-columns:1fr 1fr;gap:calc(9px * var(--ui));align-items:stretch}.lx-social[hidden]{display:none}.lx-brand-button{display:grid;grid-auto-flow:column;justify-content:center;align-items:center;gap:calc(9px * var(--ui));padding-block:calc(9px * var(--ui));border:1px solid var(--lx-line);border-radius:2px;background:var(--lx-field);cursor:pointer;transition:border-color .14s ease,filter .12s ease,transform 80ms ease}.lx-brand-button:hover{border-color:var(--lx-lip);filter:brightness(1.25)}.lx-brand-button:active{transform:translateY(1px)}.lx-brand-button svg{width:calc(18px * var(--ui));height:calc(18px * var(--ui));display:block}.lx-brand-word{font-family:var(--lx-chrome);font-size:calc(13px * var(--ui));line-height:1.3;font-weight:600;color:var(--lx-dim)}.lx-brand-button:hover .lx-brand-word{color:var(--lx-ink)}.lx-legal{flex:none;margin:calc(7px * var(--ui)) 0 0;font-family:var(--lx-read);font-size:calc(11px * var(--ui));line-height:1.6;color:var(--lx-faint)}.lx-legal{margin-top:auto;padding-top:calc(10px * var(--ui))}:root[data-lang=en] .lx-legal-join{margin-inline:.34em}.lx-legal a{color:#d4b8ff;text-decoration-color:#d4b8ff66}.lx-foot{grid-area:deck;position:relative;z-index:1;direction:var(--lx-text-dir);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:calc(22px * var(--ui));box-sizing:border-box;height:var(--lx-deck-h);padding-inline:calc(30px * var(--ui));background:linear-gradient(180deg,#0b0a15 0%,var(--lx-void) 100%);border-top:1px solid rgba(56,219,245,.18)}.lx-foot:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(84px * var(--ui));background:linear-gradient(to top,var(--lx-void),rgba(7,6,14,0));pointer-events:none}.lx-gauge{display:grid;place-items:center;box-sizing:border-box;width:calc(88px * var(--ui));height:calc(66px * var(--ui));border:1px solid var(--lx-line);border-radius:2px;background:linear-gradient(180deg,#38dbf51c,#38dbf505);box-shadow:inset 0 1px #ffffff0d;transition:border-color .24s ease,background .24s ease}.lx-pct{font-family:var(--lx-num);font-weight:600;font-size:calc(30px * var(--ui));line-height:1.2;color:var(--lx-cyan)}.lx-foot[data-phase=offline] .lx-pct{font-family:var(--lx-chrome);font-size:calc(19px * var(--ui));color:var(--lx-gold)}.lx-foot[data-phase=offline] .lx-gauge{border-color:#e8c2685c;background:linear-gradient(180deg,#e8c2681a,#e8c26805)}.lx-foot[data-phase=ready] .lx-pct{color:var(--lx-green)}.lx-foot[data-phase=ready] .lx-gauge{border-color:#6ec4875c;background:linear-gradient(180deg,#6ec4871c,#6ec48705)}.lx-patch{display:grid;gap:calc(7px * var(--ui));min-width:0}.lx-patch-head{display:flex;align-items:baseline;justify-content:space-between;gap:calc(12px * var(--ui));margin:0;min-width:0}.lx-patch-state{font-family:var(--lx-chrome);font-weight:700;font-size:calc(15px * var(--ui));line-height:1.35;color:var(--lx-ink);white-space:nowrap}.lx-foot[data-phase=ready] .lx-patch-state{color:var(--lx-green)}.lx-foot[data-phase=offline] .lx-patch-state{color:var(--lx-gold)}.lx-build{font-family:var(--lx-num);font-size:calc(10px * var(--ui));color:var(--lx-faint);white-space:nowrap;letter-spacing:.5px;flex:none}.lx-status{margin:0;min-width:0}.lx-patch-line{display:block;font-family:var(--lx-read);font-size:calc(12.5px * var(--ui));line-height:1.45;color:var(--lx-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.lx-bar{position:relative;height:calc(10px * var(--ui));border-radius:2px;background:#100e1e;box-shadow:inset 0 0 0 1px var(--lx-line);overflow:hidden}.lx-bar>i{display:block;height:100%;width:0%;border-radius:2px;background:linear-gradient(270deg,#1f7fa6,var(--lx-cyan));transition:width .22s ease}.lx-foot[data-phase=ready] .lx-bar>i{background:linear-gradient(270deg,#2c7a48,var(--lx-green))}.lx-foot[data-phase=offline] .lx-bar>i{width:100%;background:repeating-linear-gradient(115deg,#e8c26829 0 calc(5px * var(--ui)),#e8c26800 calc(5px * var(--ui)) calc(12px * var(--ui)))}.lx-bar[data-live=true]>i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-100%);animation:lx-sheen 1.5s linear infinite}@keyframes lx-sheen{to{transform:translate(100%)}}.lx-play{--lx-ring: #d06bff;--lx-corner: #e7b0ff;--lx-px: calc(2px * var(--ui));--lx-s1: var(--lx-px);--lx-s2: calc(var(--lx-px) * 2);--lx-chip-sq: calc(var(--lx-px) * 3);--lx-stair: polygon( 0 var(--lx-s2), var(--lx-s1) var(--lx-s2), var(--lx-s1) var(--lx-s1), var(--lx-s2) var(--lx-s1), var(--lx-s2) 0, calc(100% - var(--lx-s2)) 0, calc(100% - var(--lx-s2)) var(--lx-s1), calc(100% - var(--lx-s1)) var(--lx-s1), calc(100% - var(--lx-s1)) var(--lx-s2), 100% var(--lx-s2), 100% calc(100% - var(--lx-s2)), calc(100% - var(--lx-s1)) calc(100% - var(--lx-s2)), calc(100% - var(--lx-s1)) calc(100% - var(--lx-s1)), calc(100% - var(--lx-s2)) calc(100% - var(--lx-s1)), calc(100% - var(--lx-s2)) 100%, var(--lx-s2) 100%, var(--lx-s2) calc(100% - var(--lx-s1)), var(--lx-s1) calc(100% - var(--lx-s1)), var(--lx-s1) calc(100% - var(--lx-s2)), 0 calc(100% - var(--lx-s2)) );position:relative;isolation:isolate;direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:var(--lx-px);min-width:calc(300px * var(--ui));padding:calc(6px * var(--ui));box-sizing:border-box;border:0;border-radius:0;background:none;filter:drop-shadow(0 0 calc(3px * var(--ui)) rgba(240,180,255,.85)) drop-shadow(0 0 calc(24px * var(--ui)) rgba(196,74,232,.5)) drop-shadow(0 calc(10px * var(--ui)) calc(44px * var(--ui)) rgba(140,38,214,.42));color:#fff;font-family:var(--lx-chrome);font-weight:700;font-size:calc(27px * var(--ui));line-height:1.3;cursor:pointer;transition:transform .14s ease-out,filter .14s ease}.lx-play:before{content:"";position:absolute;inset:0;z-index:0;padding:calc(2px * var(--ui));box-sizing:border-box;background:linear-gradient(#180a33,#180a33) content-box,linear-gradient(var(--lx-ring),var(--lx-ring)) border-box;clip-path:var(--lx-stair);pointer-events:none}.lx-play:after{content:"";position:absolute;inset:0;z-index:2;clip-path:var(--lx-stair);background:linear-gradient(var(--lx-corner),var(--lx-corner)) 0 0 / var(--lx-chip-sq) var(--lx-chip-sq) no-repeat,linear-gradient(var(--lx-corner),var(--lx-corner)) 100% 0 / var(--lx-chip-sq) var(--lx-chip-sq) no-repeat,linear-gradient(var(--lx-corner),var(--lx-corner)) 0 100% / var(--lx-chip-sq) var(--lx-chip-sq) no-repeat,linear-gradient(var(--lx-corner),var(--lx-corner)) 100% 100% / var(--lx-chip-sq) var(--lx-chip-sq) no-repeat;pointer-events:none}.lx-play-label{direction:var(--lx-text-dir);display:grid;place-items:center;position:relative;z-index:1;padding:calc(15px * var(--ui)) calc(18px * var(--ui));clip-path:polygon(0 var(--lx-s2),var(--lx-s1) var(--lx-s2),var(--lx-s1) var(--lx-s1),var(--lx-s2) var(--lx-s1),var(--lx-s2) 0,100% 0,100% 100%,var(--lx-s2) 100%,var(--lx-s2) calc(100% - var(--lx-s1)),var(--lx-s1) calc(100% - var(--lx-s1)),var(--lx-s1) calc(100% - var(--lx-s2)),0 calc(100% - var(--lx-s2)));background:linear-gradient(180deg,#ffffff3d,#fff0 52%),linear-gradient(96deg,#9b46f2,#d94ae4 52%,#8f34ef);text-shadow:0 calc(2px * var(--ui)) 0 rgba(34,4,60,.8)}.lx-play-chevron{display:grid;place-items:center;position:relative;z-index:1;width:calc(68px * var(--ui));clip-path:polygon(0 0,calc(100% - var(--lx-s2)) 0,calc(100% - var(--lx-s2)) var(--lx-s1),calc(100% - var(--lx-s1)) var(--lx-s1),calc(100% - var(--lx-s1)) var(--lx-s2),100% var(--lx-s2),100% calc(100% - var(--lx-s2)),calc(100% - var(--lx-s1)) calc(100% - var(--lx-s2)),calc(100% - var(--lx-s1)) calc(100% - var(--lx-s1)),calc(100% - var(--lx-s2)) calc(100% - var(--lx-s1)),calc(100% - var(--lx-s2)) 100%,0 100%);background:linear-gradient(180deg,#191141,#0b0722)}.lx-play-chevron:before{content:"";width:calc(13px * var(--ui));height:calc(13px * var(--ui));border-top:calc(3px * var(--ui)) solid currentColor;border-right:calc(3px * var(--ui)) solid currentColor;transform:rotate(45deg) translate(calc(-2px * var(--ui)),calc(2px * var(--ui)));transition:transform .16s ease-out}.lx-play:not([disabled]):hover{transform:translateY(calc(-1px * var(--ui)));filter:drop-shadow(0 0 calc(3px * var(--ui)) rgba(240,180,255,.95)) drop-shadow(0 0 calc(34px * var(--ui)) rgba(196,74,232,.7)) drop-shadow(0 calc(12px * var(--ui)) calc(54px * var(--ui)) rgba(140,38,214,.5)) brightness(1.07)}.lx-play:not([disabled]):hover .lx-play-chevron:before{transform:rotate(45deg) translate(calc(1px * var(--ui)),calc(-1px * var(--ui)))}.lx-play:not([disabled]):active{transform:translateY(calc(1px * var(--ui)))}.lx-play[disabled]{--lx-ring: #3a3252;--lx-corner: #4a4166;filter:saturate(.12) brightness(.62);cursor:not-allowed}@keyframes lx-rise{0%{opacity:0;transform:translateY(calc(10px * var(--ui)))}}@keyframes lx-slide-in{0%{opacity:0;transform:translate(calc(-26px * var(--ui)))}}@keyframes lx-art-in{0%{opacity:0;transform:translate(calc(14px * var(--ui)))}}.lx[data-entered=true] .lx-art{animation:lx-art-in .9s cubic-bezier(.16,1,.3,1) both}.lx[data-entered=true] .lx-side{animation:lx-slide-in .42s cubic-bezier(.22,1,.36,1) both}.lx[data-entered=true] .lx-brand,.lx[data-entered=true] .lx-hero-col>:not(.lx-brand),.lx[data-entered=true] .lx-top,.lx[data-entered=true] .lx-foot{animation:lx-rise .34s cubic-bezier(.22,1,.36,1) both}.lx[data-entered=true] .lx-brand{animation-delay:.14s}.lx[data-entered=true] .lx-hero-col>:not(.lx-brand){animation-delay:.2s}.lx[data-entered=true] .lx-top{animation-delay:.24s}.lx[data-entered=true] .lx-foot{animation-delay:.28s}@keyframes lx-field-in{0%{opacity:0;transform:translateY(calc(8px * var(--ui)))}}.lx-field[data-fresh=true]{animation:lx-field-in .26s cubic-bezier(.22,1,.36,1) both}@media(max-width:900px){.lx{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"side" "stage" "deck"}.lx-side{flex-direction:row;justify-content:center;padding:calc(var(--lx-band-h) + 6px * var(--ui)) calc(16px * var(--ui)) 0;background:none;border-right:0;box-shadow:none}.lx-nav,.lx-side-foot{display:none}.lx-side-brand{grid-auto-flow:column;gap:calc(18px * var(--ui));padding-bottom:0;margin-bottom:0;border-bottom:0}.lx-game[aria-pressed=true]:before{top:auto;bottom:calc(-6px * var(--ui));left:0;right:0;width:auto;height:calc(2px * var(--ui))}.lx-art,.lx-veil{inset:0}.lx-fan{inset:0 0 var(--lx-deck-h) 0}.lx-fan{--lx-fan-h: min(calc(268px * var(--ui)), 34vh, 46vw);opacity:.45}.lx-fan-card{left:50%}.lx-scrim{left:0;right:0;width:auto;background:#07060e80}.lx-hero{align-items:center;padding-inline:calc(20px * var(--ui))}.lx-hero-col{width:min(var(--lx-hero-w),100%)}.lx-live{justify-items:stretch}.lx-play{width:100%}.lx-foot{height:auto;grid-template-columns:minmax(0,1fr);gap:calc(12px * var(--ui));padding-block:calc(14px * var(--ui));padding-bottom:calc(14px * var(--ui) + env(safe-area-inset-bottom,0px))}.lx-gauge{display:none}.lx[data-entered=true] .lx-side{animation-name:lx-rise}}@media(max-height:727px){.lx{--lx-deck-h: calc(92px * var(--ui))}.lx-gauge{height:calc(54px * var(--ui));width:calc(74px * var(--ui))}.lx-pct{font-size:calc(24px * var(--ui))}.lx-logo{height:calc(104px * var(--ui))}.lx[data-face=form] .lx-logo,.lx[data-face=settling] .lx-logo{height:calc(60px * var(--ui))}.lx-mark{font-size:calc(40px * var(--ui))}.lx-brand{margin-bottom:calc(12px * var(--ui))}.lx[data-face=form] .lx-brand,.lx[data-face=settling] .lx-brand{display:none}.lx-live{gap:calc(14px * var(--ui))}}@media(prefers-reduced-motion:reduce){.lx,.lx-bar>i,.lx-tab-rail,.lx-play,.lx-play-chevron{transition:none}.lx[data-entered=true] .lx-art,.lx[data-entered=true] .lx-side,.lx[data-entered=true] .lx-brand,.lx[data-entered=true] .lx-hero-col>:not(.lx-brand),.lx[data-entered=true] .lx-top,.lx[data-entered=true] .lx-foot,.lx-field[data-fresh=true]{animation:none}.lx-bar[data-live=true]>i:after{animation:none}}@media(orientation:landscape)and (max-height:600px){.lx{--lx-band-h: 44px;--lx-side-w: 150px;--lx-deck-h: 48px;grid-template-columns:150px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 48px;grid-template-areas:"side stage" "side deck"}.lx-side{flex-direction:column;justify-content:center;padding:48px 10px 10px;overflow-y:auto}.lx-side-brand{grid-auto-flow:row;gap:10px}.lx-game{min-height:44px}.lx-game-face{max-height:72px;object-fit:contain}.lx-nav,.lx-side-foot{display:none}.lx-hero{align-items:center;padding:48px 14px 10px}.lx-hero-col{width:min(430px,100%)}.lx-foot{height:48px;min-height:0;padding:4px 14px;gap:4px;box-sizing:border-box;overflow:auto}.lx-gauge{display:none}.lx-card{padding:10px 14px}.lx-field input{min-height:44px;font-size:16px}.lx-tabs button,.lx-form button,.lx-provider{min-height:44px}.lx-logo{height:66px}.lx-brand{margin-bottom:6px}.lx-live{gap:8px}.lx-lede{font-size:12px}}@media(orientation:landscape)and (max-height:600px){.lx-side{min-width:0;overflow-x:hidden}.lx-side-brand{width:100%;min-width:0}.lx-game{width:100%;gap:6px}.lx-game .lx-mark--small{font-size:24px}.lx-game .lx-sub-mark--small{font-size:8px;letter-spacing:2px}.lx-game-face{width:28px;height:28px}.lx-foot .lx-patch-head,.lx-foot .lx-status{margin:0;font-size:10px;line-height:1.4}.lx-foot .lx-bar{margin-top:3px}}@media(orientation:landscape)and (max-height:600px){body.is-touch .lx{top:var(--touch-view-top,0px);bottom:auto;height:var(--touch-view-height,100dvh)}}@media(orientation:landscape)and (max-height:600px){.lx[data-face=form] .lx-top{left:8px;right:auto;max-width:134px}.lx[data-face=form] .lx-hero{padding-top:8px}.lx[data-face=form] .lx-hero-col{width:580px}.lx[data-face=form] .lx-card{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:6px 12px}.lx[data-face=form] .lx-tabs{grid-column:1 / -1;margin-bottom:2px}.lx[data-face=form] .lx-form{grid-column:1;grid-row:2 / 4;gap:4px}.lx[data-face=form] .lx-social{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-self:start;gap:6px}.lx[data-face=form] .lx-social[hidden]{display:none}.lx[data-face=form] .lx-brand-button{min-height:44px;padding:6px}.lx[data-face=form] .lx-or{display:none}.lx[data-face=form] .lx-legal{grid-column:2;grid-row:3;padding:0;margin:0;font-size:10px}.lx[data-face=form] .lx-go{min-height:44px;padding:6px}.lx[data-face=form] .lx-note{font-size:11px;line-height:1.4}}@media(orientation:landscape)and (max-height:600px){.lx-account-menu,.lx-get-menu{max-height:calc(var(--touch-view-height,100dvh) - 64px);overflow-y:auto;box-sizing:border-box}.lx-account-item{min-height:44px}}@font-face{font-family:"Jersey 10";src:url(./Jersey10-Regular-CR4usw7e.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:block;size-adjust:136%}@font-face{font-family:Tajarib;src:url(./Tajarib-Light-CTpGKr6H.woff2) format("woff2");font-weight:300;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Regular-DrqmmHEr.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Medium-m2PgcYF_.woff2) format("woff2");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Bold-DQvkUOZe.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Tajarib;src:url(./Tajarib-Black-DAbr0Kc5.woff2) format("woff2");font-weight:900;font-style:normal;font-display:block}:root{--font: "Jersey 10", "Tajarib", sans-serif;--font-pixel: "Jersey 10", "Tajarib", sans-serif;--text-dir: rtl}html[dir=ltr]{--text-dir: ltr}html[lang=en] .term-gloss{display:none}.lobby[data-step=game],.lobby[data-step=kind]{--pick-void: #06080f;--pick-ink: #eef2fa;--pick-dim: #98a2b8;--pick-faint: #6d7789;--pick-line: rgba(233, 238, 246, .09);--pick-accent: #e2455c;--pick-gutter: clamp(16px, 3.6vw, 68px);--pick-gap: clamp(10px, 2.1vw, 34px);--pick-card-w: min( calc(430px * var(--ui)), calc((100vw - var(--pick-gutter) * 2 - var(--pick-gap) * 2) / 3), 40.064svh );--pick-radius: calc(var(--pick-card-w) * .0569);place-content:normal;justify-items:stretch;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding:calc(clamp(18px,3.4vh,42px) + env(safe-area-inset-top,0px)) var(--pick-gutter) calc(clamp(14px,2.6vh,30px) + env(safe-area-inset-bottom,0px));color:var(--pick-ink);background:var(--pick-void);pointer-events:auto}.lobby[data-step=game]:before,.lobby[data-step=kind]:before{content:"";position:absolute;inset:0;z-index:-2;opacity:1;transition:none;background:radial-gradient(78% 62% at 50% 44%,rgba(35,49,78,.55),transparent 68%),radial-gradient(46% 40% at 8% 0%,rgba(226,69,92,.1),transparent 70%),radial-gradient(52% 46% at 96% 100%,rgba(47,214,198,.06),transparent 72%),linear-gradient(180deg,#080b14 0%,var(--pick-void) 46%,#04060b 100%)}.lobby[data-step=game]:after,.lobby[data-step=kind]:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.lobby[data-step=game] #lobby-game{grid-row:2;display:grid;grid-template-rows:1fr auto;gap:0;min-height:0}.pick-head{grid-row:1;direction:ltr;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:calc(16px * var(--ui));padding-inline-start:calc(var(--hud-gutter) + var(--chip) + 14px - var(--pick-gutter));padding-inline-end:calc(244px * var(--ui));pointer-events:none}.pick-mark{grid-column:1;display:grid;place-items:center;width:calc(56px * var(--ui));height:calc(56px * var(--ui));overflow:hidden;border-radius:calc(14px * var(--ui));background:linear-gradient(160deg,#16203a,#0a0e1a);box-shadow:inset 0 0 0 1px var(--pick-line),0 calc(6px * var(--ui)) calc(18px * var(--ui)) #03050a99}.pick-mark img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 26%}.pick-head-text{grid-column:2;direction:var(--text-dir);display:grid;row-gap:calc(4px * var(--ui));text-align:left}.pick-title{margin:0;font-family:var(--font-pixel);font-size:calc(26px * var(--ui));font-weight:700;line-height:1.15;color:var(--pick-ink)}.pick-sub{margin:0;font-family:var(--font);font-size:calc(13px * var(--ui));line-height:1.5;color:var(--pick-dim)}.pick-rule{grid-column:1 / -1;height:calc(2px * var(--ui));margin-top:calc(14px * var(--ui));background:linear-gradient(90deg,var(--pick-accent) 0%,rgba(226,69,92,.55) 26%,rgba(226,69,92,.12) 62%,transparent 100%);clip-path:polygon(0 0,100% 0,calc(100% - 26px) 100%,0 100%);transform-origin:0 50%}.pick-foot{grid-row:2;align-self:end;justify-self:end;display:inline-flex;align-items:center;gap:calc(9px * var(--ui));margin:0;font-family:var(--font);font-size:calc(12.5px * var(--ui));color:var(--pick-faint);pointer-events:none}body.is-touch .pick-foot{display:none}.pick-key{display:inline-grid;place-items:center;min-width:calc(34px * var(--ui));height:calc(24px * var(--ui));padding:0 calc(7px * var(--ui));border-radius:calc(6px * var(--ui));background:#e9eef60d;box-shadow:inset 0 0 0 1px var(--pick-line);font-family:var(--font);font-size:calc(13px * var(--ui));line-height:1;color:var(--pick-dim)}.pick-cards{grid-row:1;align-self:center;justify-self:center;display:flex;align-items:center;justify-content:center;gap:var(--pick-gap);max-width:100%;perspective:calc(1400px * var(--ui))}.pick-card{position:relative;flex:0 0 auto;width:var(--pick-card-w);aspect-ratio:457 / 730;padding:0;border:0;outline:0;background:none;box-shadow:none;color:inherit;cursor:pointer;transform:translateZ(0);transition:transform .11s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}#game-joker{--tint: 255, 77, 99}#game-tarneeb{--tint: 46, 230, 214}#game-estimation{--tint: 255, 196, 77}.pick-card-rise,.pick-card-float,.pick-card-lift,.pick-card-body{display:block;position:relative;width:100%;height:100%}.lobby[data-step=game] .pick-card-float,.lobby[data-step=game] .pick-card-lift{will-change:transform}.pick-card-lift{transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translate3d(0,var(--lift, 0px),0) scale(var(--swell, 1));transform-style:preserve-3d;transition:transform .34s cubic-bezier(.22,1,.36,1),opacity .26s ease}.pick-card-aura{position:absolute;inset:-14% -16%;z-index:0;pointer-events:none;background:radial-gradient(closest-side ellipse,rgba(var(--tint),.42),rgba(var(--tint),.14) 52%,transparent 76%);opacity:.3;transform:scale(.93);transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1)}.pick-card-body{z-index:1;overflow:hidden;border-radius:var(--pick-radius);box-shadow:0 calc(18px * var(--ui)) calc(38px * var(--ui)) #0204088c}.pick-card-art{display:block;width:100%;height:100%;image-rendering:auto;-webkit-user-drag:none;user-select:none}.pick-card-sheen{position:absolute;inset:0;pointer-events:none;background:linear-gradient(104deg,transparent 38%,rgba(255,255,255,.16) 48%,rgba(255,255,255,.28) 51%,rgba(255,255,255,.14) 54%,transparent 64%);opacity:0;transform:translate3d(-140%,0,0)}.pick-card:hover,.pick-card:focus-visible{--lift: calc(-16px * var(--ui));--swell: 1.035}.pick-card:hover .pick-card-aura,.pick-card:focus-visible .pick-card-aura{opacity:1;transform:scale(1.06)}.pick-card:focus-visible{outline:0}.pick-card:focus-visible .pick-card-body{box-shadow:0 0 0 calc(2px * var(--ui)) rgba(var(--tint),.9),0 calc(18px * var(--ui)) calc(38px * var(--ui)) #0204088c}.pick-card:active{transform:translate3d(0,calc(3px * var(--ui)),0)}.pick-cards:not([data-picked]):hover .pick-card:not(:hover) .pick-card-lift,.pick-cards:not([data-picked]):focus-within .pick-card:not(:focus-visible):not(:hover) .pick-card-lift{opacity:.46;--swell: .985}.pick-cards[data-picked] .pick-card .pick-card-lift{transition:transform .4s cubic-bezier(.32,0,.24,1),opacity .4s ease-in}.pick-cards[data-picked] .pick-card:not([data-chosen=true]) .pick-card-lift{transition:transform .34s cubic-bezier(.32,0,.24,1),opacity .28s ease}.pick-cards[data-picked] .pick-card[data-chosen=true] .pick-card-lift{--tilt-x: 0deg;--tilt-y: 0deg;--lift: calc(-26px * var(--ui));--swell: 1.12;opacity:0}.pick-cards[data-picked] .pick-card[data-chosen=true] .pick-card-aura{opacity:0;transform:scale(1.5)}.pick-cards[data-picked] .pick-card:not([data-chosen=true]) .pick-card-lift{--lift: calc(34px * var(--ui));--swell: .9;opacity:0}.lobby[data-step=game][data-leaving-step=true] .pick-head,.lobby[data-step=game][data-leaving-step=true] .pick-foot,.lobby[data-step=game][data-leaving-step=true] .me-chip{opacity:0;transform:translate3d(0,calc(-8px * var(--ui)),0);transition:opacity .26s ease,transform .26s ease}.lobby[data-step=game] .pick-head{animation:pick-head-in .5s cubic-bezier(.16,1,.3,1) both}.lobby[data-step=game] .pick-rule{animation:pick-rule-in .62s cubic-bezier(.16,1,.3,1) .16s both}.lobby[data-step=game] .pick-foot{animation:pick-fade-in .5s ease .5s both}.lobby[data-step=game] .pick-card-rise{animation:pick-rise .62s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.14s + var(--seat, 0) * .09s)}.lobby[data-step=game] .pick-card-sheen{animation:pick-sheen .72s cubic-bezier(.33,0,.2,1) both;animation-delay:calc(.42s + var(--seat, 0) * .09s)}.lobby[data-step=game] .pick-card-float{animation:pick-float 7s ease-in-out infinite;animation-delay:calc(.9s + var(--seat, 0) * 1.4s)}@keyframes pick-head-in{0%{opacity:0;transform:translate3d(0,calc(-14px * var(--ui)),0)}}@keyframes pick-rule-in{0%{transform:scaleX(0);opacity:0}}@keyframes pick-fade-in{0%{opacity:0}}@keyframes pick-rise{0%{opacity:0;transform:translate3d(0,calc(46px * var(--ui)),0) scale(.94)}}@keyframes pick-sheen{0%{opacity:0;transform:translate3d(-140%,0,0)}18%{opacity:1}82%{opacity:1}to{opacity:0;transform:translate3d(140%,0,0)}}@keyframes pick-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,calc(-5px * var(--ui)),0)}}.lobby[data-step=game] .me-chip,.lobby[data-step=kind] .me-chip{top:calc(clamp(18px,3.4vh,42px) + env(safe-area-inset-top,0px));right:var(--pick-gutter);height:auto;max-width:calc(230px * var(--ui));padding:calc(7px * var(--ui));gap:calc(11px * var(--ui));animation:pick-head-in .5s cubic-bezier(.16,1,.3,1) .08s both}.lobby[data-step=game] .me-chip-text,.lobby[data-step=kind] .me-chip-text{display:grid;row-gap:calc(2px * var(--ui));min-width:0;text-align:start}.lobby[data-step=game] .me-chip-name,.lobby[data-step=kind] .me-chip-name{font-family:var(--font);font-size:calc(13px * var(--ui));font-weight:700;color:var(--pick-ink)}.me-chip-door{display:none;font-family:var(--font);font-size:calc(11px * var(--ui));line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--pick-faint)}.lobby[data-step=game] .me-chip-door,.lobby[data-step=kind] .me-chip-door{display:block}@media(max-width:840px){.lobby[data-step=game]{--pick-gutter: clamp(12px, 4vw, 28px);--pick-card-w: min(calc(320px * var(--ui)), 64vw, 45.072svh )}.pick-head{padding-inline-end:calc(164px * var(--ui))}.pick-title{font-size:calc(20px * var(--ui))}.pick-sub{font-size:calc(12px * var(--ui))}.pick-mark{width:calc(44px * var(--ui));height:calc(44px * var(--ui));border-radius:calc(11px * var(--ui))}.pick-cards{justify-self:stretch;max-width:100%;flex-wrap:wrap;justify-content:center;margin-inline:0;padding:12px;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;box-sizing:border-box}.pick-cards::-webkit-scrollbar{display:none}.pick-card{scroll-snap-align:center}.pick-cards:not([data-picked]):hover .pick-card:not(:hover) .pick-card-lift{opacity:1;--swell: 1}.lobby[data-step=game] .me-chip,.lobby[data-step=kind] .me-chip{max-width:calc(150px * var(--ui))}.lobby[data-step=game] .me-face,.lobby[data-step=kind] .me-face{width:calc(34px * var(--ui));height:calc(34px * var(--ui))}}@media(max-width:560px){.pick-mark{display:none}.pick-head{grid-template-columns:1fr;padding-inline-end:calc(140px * var(--ui))}.pick-head-text{grid-column:1}.pick-title{font-size:calc(18px * var(--ui))}.lobby[data-step=game] .me-chip-door,.lobby[data-step=kind] .me-chip-door{display:none}}@media(prefers-reduced-motion:reduce){.lobby[data-step=game] .pick-head,.lobby[data-step=game] .me-chip,.lobby[data-step=game] .pick-foot,.lobby[data-step=game] .pick-card-rise{animation:pick-fade-in .3s ease both;animation-delay:0s}.lobby[data-step=game] .pick-rule{animation:pick-fade-in .3s ease .1s both}.lobby[data-step=game] .pick-card-float,.lobby[data-step=game] .pick-card-sheen{animation:none}.pick-card,.pick-card-lift,.pick-card-aura{transition-duration:.12s}.pick-card:hover,.pick-card:focus-visible{--lift: 0px;--swell: 1}.pick-cards[data-picked] .pick-card .pick-card-lift{--lift: 0px;--swell: 1;transition-duration:.2s}}.lobby[data-step=kind]{grid-template-rows:minmax(0,1fr);padding:calc(clamp(14px,2.6vh,32px) + env(safe-area-inset-top,0px)) var(--pick-gutter) calc(clamp(12px,2.2vh,26px) + env(safe-area-inset-bottom,0px))}.kpick{direction:ltr;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(16px,2.4vw,40px);min-height:0;gap:clamp(16px,2.4vw,40px)}.kpick-rail{direction:var(--text-dir);display:grid;align-content:start;row-gap:calc(18px * var(--ui));width:clamp(132px,14vw,190px);padding-top:calc(var(--chip) + 16px - clamp(14px,2.6vh,32px))}.kpick-rail-plate{display:block;aspect-ratio:457 / 420;overflow:hidden;border-radius:calc(var(--pick-radius) * .42);box-shadow:inset 0 0 0 1px var(--pick-line),0 calc(10px * var(--ui)) calc(24px * var(--ui)) #02040880}.kpick-rail-art{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;image-rendering:auto;-webkit-user-drag:none;user-select:none}.kpick-fam{display:grid;row-gap:calc(6px * var(--ui))}.kpick-fam-item{position:relative;display:flex;align-items:center;gap:calc(10px * var(--ui));padding:calc(9px * var(--ui)) calc(12px * var(--ui));border:0;outline:0;border-radius:calc(10px * var(--ui));background:none;font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:700;color:var(--pick-dim);cursor:pointer;transition:background .18s ease,color .18s ease}.kpick-fam-item:before{content:"";position:absolute;inset-block:calc(8px * var(--ui));inset-inline-start:0;width:calc(3px * var(--ui));border-radius:calc(2px * var(--ui));background:rgb(var(--tint));transform:scaleY(0);transition:transform .22s cubic-bezier(.22,1,.36,1)}.kpick-fam-mark{display:block;width:calc(19px * var(--ui));height:calc(19px * var(--ui));color:var(--pick-faint);transition:color .18s ease}.kpick-fam-mark svg{display:block;width:100%;height:100%;stroke-width:1.9}body:not(.is-touch) .kpick-fam-item:hover{background:#e9eef60d;color:var(--pick-ink)}.kpick-fam-item:focus-visible{background:#e9eef60d;box-shadow:inset 0 0 0 calc(2px * var(--ui)) rgba(var(--tint),.85);color:var(--pick-ink)}.kpick-fam-item[data-on=true]{background:rgba(var(--tint),.12);color:rgb(var(--tint))}.kpick-fam-item[data-on=true]:before{transform:scaleY(1)}.kpick-fam-item[data-on=true] .kpick-fam-mark{color:rgb(var(--tint))}.kpick-main{direction:var(--text-dir);display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:clamp(10px,1.8vh,22px);min-height:0}.kpick-head{display:grid;justify-items:center;row-gap:calc(5px * var(--ui));text-align:center;padding-inline-end:calc(56px * var(--ui))}.kpick-title{position:relative;margin:0;padding-bottom:calc(9px * var(--ui));font-family:var(--font-pixel);font-size:calc(26px * var(--ui));font-weight:700;line-height:1.15;color:var(--pick-ink)}.kpick-title:after{content:"";position:absolute;inset-inline:12%;bottom:0;height:calc(2px * var(--ui));border-radius:calc(2px * var(--ui));background:linear-gradient(90deg,transparent,rgb(var(--fam-tint, 226, 69, 92)),transparent)}.kpick-sub{margin:0;max-width:52ch;font-family:var(--font);font-size:calc(13px * var(--ui));line-height:1.6;color:var(--pick-dim)}.kpick-board{min-height:0;display:grid}.kpick-cols{grid-area:1 / 1;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(176px,100%),1fr));justify-content:center;align-content:safe center;gap:clamp(10px,1.4vw,20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(233,238,246,.18) transparent;padding-block:calc(6px * var(--ui))}.kpick-cols[hidden]{display:none}.kcol{display:grid;align-content:start;justify-self:center;width:100%;max-width:calc(268px * var(--ui));row-gap:calc(9px * var(--ui))}.kcol-head{display:flex;align-items:center;justify-content:center;gap:calc(8px * var(--ui));margin:0;padding:calc(7px * var(--ui)) calc(10px * var(--ui));border-radius:calc(10px * var(--ui));background:linear-gradient(180deg,rgba(var(--tint),.16),rgba(var(--tint),.06));box-shadow:inset 0 0 0 1px rgba(var(--tint),.3);font-family:var(--font-pixel);font-size:calc(14px * var(--ui));font-weight:700;color:rgb(var(--tint))}.kcol-mark{display:block;width:calc(17px * var(--ui));height:calc(17px * var(--ui))}.kcol-mark svg{display:block;width:100%;height:100%;stroke-width:1.9}.kcard-slot{position:relative}.kcard{position:relative;display:grid;justify-items:center;row-gap:calc(7px * var(--ui));width:100%;padding:calc(38px * var(--ui)) calc(12px * var(--ui)) calc(13px * var(--ui));border:0;outline:0;border-radius:calc(13px * var(--ui));background:linear-gradient(170deg,#131a2ae6,#090d16e6);box-shadow:inset 0 0 0 1px var(--pick-line);color:var(--pick-ink);text-align:center;cursor:pointer;transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease,background .24s ease;-webkit-tap-highlight-color:transparent}body:not(.is-touch) .kcard:hover{transform:translate3d(0,calc(-3px * var(--ui)),0);box-shadow:inset 0 0 0 1px rgba(var(--tint),.45)}.kcard:focus-visible{box-shadow:inset 0 0 0 calc(2px * var(--ui)) rgba(var(--tint),.85)}.kcard[data-on=true]{background:radial-gradient(120% 68% at 50% 0%,rgba(var(--tint),.16),transparent 70%),linear-gradient(170deg,#182134f2,#0b101bf2);box-shadow:inset 0 0 0 calc(2px * var(--ui)) rgba(var(--tint),.75),0 calc(12px * var(--ui)) calc(26px * var(--ui)) #02040880}.kcard:active{transform:translate3d(0,calc(1px * var(--ui)),0)}.kcard-mark{display:flex;align-items:center;justify-content:center;height:calc(54px * var(--ui));color:rgba(var(--tint),.5);transition:color .24s ease}.kcard-mark svg{display:block;width:calc(48px * var(--ui));height:calc(48px * var(--ui));stroke-width:1.5}.kcard[data-on=true] .kcard-mark{color:rgb(var(--tint))}.kcard-name{font-family:var(--font-pixel);font-size:calc(15px * var(--ui));font-weight:700;line-height:1.2;color:var(--pick-ink)}.kcard[data-on=true] .kcard-name{color:rgb(var(--tint))}.kcard-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(5px * var(--ui))}.kcard .px-tag{padding:calc(2px * var(--ui)) calc(7px * var(--ui));border:0;border-radius:999px;background:#e9eef612;box-shadow:none;font-family:var(--font);font-size:calc(10.5px * var(--ui));font-weight:400;line-height:1.6;color:var(--pick-dim)}.kcard-mode{position:absolute;top:calc(11px * var(--ui));inset-inline-start:calc(11px * var(--ui))}.kcard[data-mode=partner] .kcard-mode{background:rgba(var(--tint),.16);color:rgb(var(--tint))}.kcard-chips{position:absolute;top:calc(11px * var(--ui));inset-inline-end:calc(11px * var(--ui));z-index:2;display:flex;gap:calc(5px * var(--ui))}.kchip{min-width:calc(28px * var(--ui));padding:calc(2px * var(--ui)) calc(6px * var(--ui));border:0;outline:0;border-radius:calc(7px * var(--ui));background:#e9eef612;font-family:var(--font);font-size:calc(15px * var(--ui));line-height:1.35;color:var(--pick-dim);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s cubic-bezier(.22,1,.36,1)}body:not(.is-touch) .kchip:hover{background:#e9eef624;color:var(--pick-ink);transform:translate3d(0,calc(-1px * var(--ui)),0)}.kchip:focus-visible{box-shadow:0 0 0 calc(2px * var(--ui)) rgba(var(--tint),.85);color:var(--pick-ink)}.kchip[data-on=true]{background:rgb(var(--tint));color:#080b12;font-weight:700}.kcard-blurb{display:grid;grid-template-rows:0fr;width:100%;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1)}.kcard-blurb>span{overflow:hidden;font-family:var(--font);font-size:calc(11.5px * var(--ui));line-height:1.7;color:var(--pick-dim);opacity:0;transition:opacity .2s ease}.kcard[data-on=true] .kcard-blurb{grid-template-rows:1fr}.kcard[data-on=true] .kcard-blurb>span{padding-top:calc(3px * var(--ui));opacity:1;transition-delay:.1s}.kpick-actions{display:grid;grid-template-columns:2fr 1fr;gap:calc(10px * var(--ui))}.kpick-go,.kpick-back{font-size:calc(14px * var(--ui));padding:calc(12px * var(--ui))}.lobby[data-step=kind] .kpick-rail{animation:kpick-rail-in .5s cubic-bezier(.16,1,.3,1) both}.lobby[data-step=kind] .kpick-head{animation:pick-head-in .5s cubic-bezier(.16,1,.3,1) .06s both}.lobby[data-step=kind] .kpick-actions{animation:pick-fade-in .45s ease .3s both}.lobby[data-step=kind] .kcol{animation:pick-rise .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--seat, 0) * .07s)}@keyframes kpick-rail-in{0%{opacity:0;transform:translate3d(calc(-20px * var(--ui)),0,0)}}@media(max-width:900px){.lobby[data-step=kind]{padding-top:calc(clamp(18px,3.4vh,42px) + 64px + env(safe-area-inset-top,0px))}.kpick{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:clamp(10px,1.6vh,18px)}.kpick-rail{direction:var(--text-dir);grid-template-columns:repeat(3,minmax(0,1fr));align-content:normal;column-gap:calc(6px * var(--ui));width:auto;padding-top:0}.kpick-rail-plate{display:none}.kpick-fam{display:contents}.kpick-fam-item{justify-content:center;padding-block:calc(8px * var(--ui));background:#e9eef60a}.kpick-fam-item:before{display:none}.kpick-fam-item[data-on=true]{box-shadow:inset 0 0 0 1px rgba(var(--tint),.45)}.kpick-head{padding-inline-end:0}.kpick-title{font-size:calc(21px * var(--ui))}.kpick-sub{font-size:calc(12px * var(--ui))}.lobby[data-step=kind] .me-chip{max-width:calc(150px * var(--ui))}.lobby[data-step=kind] .kpick-rail{animation:pick-fade-in .4s ease both}}@media(prefers-reduced-motion:reduce){.lobby[data-step=kind] .kpick-rail,.lobby[data-step=kind] .kpick-head,.lobby[data-step=kind] .kcol{animation:pick-fade-in .3s ease both;animation-delay:0s}.kcard,.kchip,.kcard-blurb,.kpick-fam-item:before{transition-duration:.12s}body:not(.is-touch) .kcard:hover{transform:none}}