:root{--bg:#3b2417;--bg-2:#4a2e1d;--panel:#f2cfa0;--panel-2:#f7ddb8;--panel-3:#fbe9cc;--field:#fff4e0;--line:#d9ad73;--scrim:#1e1008b8;--ink:#3a2015;--cream:#f6ead2;--mustard:#d99a2b;--yellow:#f2b134;--orange:#e8692b;--rust:#c9461f;--stripes:linear-gradient(var(--orange) 0 33%, var(--yellow) 33% 66%, var(--rust) 66%);--card-r1:#d4372b;--card-r2:#df4d3c;--card-y1:#e99d14;--card-y2:#f2b134;--card-g1:#2c8a3c;--card-g2:#3b9b4a;--card-b1:#1e6cbd;--card-b2:#2c7fd0;--card-p1:#74299a;--card-p2:#8338aa;--card-10a:#2b2725;--card-10b:#403936;--ok:#2f8f45;--ok-bg:#c7e8c0;--bad:#b3261e;--bad-bg:#f5c9bd;--urgent:#ff3b2f;--f-logo:"Shrikhand", "Cooper Black", Georgia, serif;--f-ui:"Fredoka", "Trebuchet MS", system-ui, sans-serif;--t-xs:clamp(11px, 10.3px + .19vw, 13px);--t-sm:clamp(13px, 12.3px + .19vw, 15px);--t-md:clamp(15px, 14.3px + .19vw, 17px);--t-lg:clamp(17px, 15.7px + .37vw, 21px);--t-xl:clamp(22px, 19.3px + .74vw, 30px);--t-logo:clamp(18px, 15.3px + .74vw, 26px);--t-hero:clamp(46px, 36px + 2.8vw, 84px);--r-xs:6px;--r-sm:10px;--r-md:14px;--r-lg:22px;--r-pill:999px;--line-w:2.5px;--line-w-panel:3px;--shadow-panel:6px 6px 0 var(--orange), 6px 6px 0 3px var(--ink);--shadow-btn:0 4px 0 var(--ink);--shadow-chip:2px 2px 0 var(--ink);--shadow-btn-sm:0 2px 0 var(--ink);--shadow-press:0 1px 0 var(--ink);--grain: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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--gutter:max(16px, env(safe-area-inset-left,0px));--pile-w:clamp(50px, min(13vw, 11.5dvh), 104px);--hand-w:clamp(40px, min(10vw, 11.5dvh), 108px);--bar-h:40px;--side-w:clamp(260px, 22vw, 340px);--hit:44px;--d-fast:.12s;--d-base:.22s;--d-move:.42s;--d-slow:.7s;--d-loop:1.2s;--e-out:cubic-bezier(.2, .8, .2, 1);--e-pop:cubic-bezier(.2, .9, .3, 1.3);--e-in:cubic-bezier(.4, 0, 1, 1)}@font-face{font-family:Fredoka;font-weight:300 700;font-display:swap;src:url(/fonts/fredoka.woff2)format("woff2")}@font-face{font-family:Shrikhand;font-display:block;src:url(/fonts/shrikhand-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Shrikhand;font-display:block;src:url(/fonts/shrikhand-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--grain), var(--bg);color:var(--cream);font-family:var(--f-ui);font-size:var(--t-md);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;line-height:1.4}button,input,select{font:inherit;color:inherit}h2{margin:0;font-weight:700}:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.card:focus-visible{box-shadow:var(--ring), 0 0 0 4px var(--ink), 0 0 0 7px var(--yellow)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.logo{font-family:var(--f-logo);color:var(--cream);line-height:.9;font-size:var(--t-logo);letter-spacing:.01em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--orange), 5px 5px 0 var(--ink);transform:rotate(-4deg)}.logo br{display:none}.logo.big{font-size:var(--t-hero);text-align:center;text-shadow:4px 4px 0 var(--orange), 7px 7px 0 var(--yellow), 10px 10px 0 var(--ink)}.logo.big br{display:inline}.logo .mark{vertical-align:middle;width:2em;height:2em;box-shadow:2px 2px 0 var(--ink);border-radius:24%;margin:-.5em .35em -.4em 0}.logo.big .mark{width:76px;height:76px;box-shadow:4px 4px 0 var(--ink);margin:0 auto 14px;display:block}.topbar .logo,.privacy-head .logo{transform:none}.btn{border:var(--line-w) solid var(--ink);background:var(--panel-3);color:var(--ink);font-weight:600;font-size:var(--t-lg);border-radius:var(--r-pill);box-shadow:var(--shadow-btn);cursor:pointer;transition:transform var(--d-fast), box-shadow var(--d-fast), filter var(--d-fast);white-space:nowrap;padding:8px 20px;line-height:1.1}.btn:active:not(:disabled){box-shadow:var(--shadow-press);transform:translateY(2px)}.btn.primary{background:var(--yellow)}.btn.big{font-size:var(--t-xl);padding:10px 30px}.btn.small{font-size:var(--t-sm);box-shadow:var(--shadow-btn-sm);min-height:34px;padding:4px 12px}.btn.ghost{color:var(--cream);border-color:var(--cream);box-shadow:none;background:0 0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn{min-height:44px}.topbar .btn{min-height:36px;font-size:var(--t-md)}@media (orientation:landscape) and (height<=560px){.btn,.topbar .btn{min-height:0}.fxbtn{width:32px;height:32px;padding:5px;top:6px;bottom:auto}}.btn.ghost:active:not(:disabled){box-shadow:none;transform:translateY(1px)}@media (hover:hover){.btn:hover:not(:disabled),.tabs button:not(.on):hover,.room-row:hover,.code-chip:hover,.emopick .phrases button:hover,.fxbtn:hover,.emobtn:hover,.x:hover{filter:brightness(1.06);transform:translateY(-1px)}.link:has(.ic):hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.ghost:hover:not(:disabled){background:color-mix(in srgb, var(--cream) 10%, transparent)}.link:hover{text-decoration-thickness:3px}}.link{color:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:-8px -6px;padding:8px 6px;font-weight:500;text-decoration:underline;text-decoration-thickness:2px}.screen{flex-direction:column;min-height:100%;display:flex}.screen.center{padding:max(24px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) max(24px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));justify-content:center;align-items:center}.topbar{padding:max(10px, env(safe-area-inset-top,0px)) max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));border-bottom:12px solid;border-image:var(--stripes) 1;background:var(--bg-2);justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .who,.topbar .info{flex-wrap:wrap;align-items:center;gap:14px;font-weight:500;display:flex}.topbar .info>span:not(.spect-wrap){opacity:.9}.panel{background:var(--grain), var(--panel);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;grid-template-columns:minmax(0,1fr);align-content:start;gap:14px;min-width:0;padding:22px;display:grid}.panel .btn.big{white-space:normal;text-wrap:balance}.panel h2{font-size:var(--t-xl)}.panel h2 small{font-size:var(--t-md);opacity:.6;font-weight:600}.hint{opacity:.75;margin:0}.fine{font-size:var(--t-sm);opacity:.65;margin:0}.lbl{font-size:var(--t-sm);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row>input,.row>select{flex:160px;min-width:0}input,select{background:var(--field);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-md);min-width:0;padding:9px 12px}.tag{font-size:var(--t-xs);background:var(--ink);color:var(--cream);border-radius:var(--r-lg);vertical-align:2px;margin-left:6px;padding:1px 8px;font-weight:600}.chip{background:var(--panel-2);border:2px solid var(--ink);border-radius:var(--r-lg);margin:0 6px 6px 0;padding:2px 10px;font-weight:500;display:inline-block}.pill{font-size:var(--t-sm);border-radius:var(--r-lg);border:2px solid var(--ink);padding:2px 10px;font-weight:600}.pill.lobby{background:var(--ok-bg)}.pill.playing{background:var(--yellow)}.pill.finished{background:var(--line)}.avatar{width:44px;height:44px;color:var(--cream);font-weight:700;font-size:var(--t-lg);border:3px solid var(--cream);box-shadow:0 0 0 3px var(--ink);text-shadow:0 1px 0 color-mix(in srgb, var(--ink) 35%, transparent);border-radius:50%;flex:none;place-items:center;display:grid}.avatar.small{width:30px;height:30px;font-size:var(--t-md);box-shadow:0 0 0 2px var(--ink);border-width:2px}.toast{left:50%;top:max(10px, env(safe-area-inset-top,0px));pointer-events:none;background:var(--ink);color:var(--cream);border:3px solid var(--yellow);border-radius:var(--r-md);z-index:70;max-width:calc(100% - 32px);animation:rise var(--d-base) var(--e-out);box-shadow:var(--shadow-chip);padding:10px 18px;font-weight:500;position:fixed;transform:translate(-50%)}.conn{background:var(--rust);color:var(--cream);text-align:center;padding:max(4px, env(safe-area-inset-top,0px)) 16px 4px;z-index:60;font-weight:600;position:fixed;top:0;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translate(-50%,-10px)}}.toast:before{content:"";background:var(--yellow);vertical-align:1px;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.toast.ok{border-color:var(--ok)}.toast.ok:before{background:var(--ok)}.toast.err{border-color:var(--rust)}.toast.err:before{background:var(--bad)}.fxbtn{right:max(8px, env(safe-area-inset-right,0px));z-index:3;background:color-mix(in srgb, var(--ink) 55%, transparent);border:2px solid var(--cream);width:36px;height:36px;color:var(--cream);cursor:pointer;opacity:.75;border-radius:50%;padding:6px;position:absolute;bottom:8px}.fxbtn.on{opacity:1;background:var(--ink);border-color:var(--yellow);color:var(--yellow)}.ic{vertical-align:-.22em;fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.2em;height:1.2em}.fxbtn .ic,.emobtn .ic{width:100%;height:100%;display:block}.emobtn.on{color:var(--yellow)}.x .ic{width:18px;height:18px;margin:auto;display:block}.me-name .ic{width:1em;height:1em}.login{text-align:center;justify-items:center;gap:18px;width:min(420px,100%)}.login form{text-align:left;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.login label{font-weight:600}.fan{--w:64px;justify-content:center;padding:8px 0;display:flex}.fan .card{margin:0 -10px}.fan .card:first-child{transform:rotate(-14deg)translateY(8px)}.fan .card:nth-child(2){transform:rotate(-5deg)}.fan .card:nth-child(3){transform:rotate(5deg)}.fan .card:nth-child(4){transform:rotate(14deg)translateY(8px)}.join{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.join label{font-weight:600}.rooms{gap:10px;margin:0;padding:0;list-style:none;display:grid}.room-row{text-align:left;background:var(--panel-2);border:2.5px solid var(--ink);border-radius:var(--r-md);cursor:pointer;width:100%;transition:transform var(--d-fast);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 14px;display:flex}.room-row:hover{background:var(--panel-3)}.room-row span:first-of-type{flex:10em;min-width:0}.code{font-family:var(--f-logo);font-size:var(--t-xl);letter-spacing:.06em;font-weight:400}.code-big{font-family:var(--f-logo);letter-spacing:.1em;color:var(--orange);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);font-size:clamp(30px,6dvh,56px);line-height:1}.seats ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.seats li{background:var(--panel-2);border:2px solid var(--ink);border-radius:var(--r-md);animation:row-in var(--d-base) var(--e-out);align-items:center;gap:10px;padding:8px 12px;display:flex}.seats li.off{opacity:.55}.seats .grow b{overflow-wrap:anywhere}.seats .grow{flex-wrap:wrap;flex:1;align-items:center;gap:2px 0;min-width:0;display:flex}.seats small{opacity:.7;flex-basis:100%}.add-bot select{flex:140px}.spect{gap:6px;display:grid}.settings fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.field{gap:4px;font-weight:600;display:grid}.field select{font-weight:400}.check{align-items:flex-start;gap:10px;display:flex}.check input{appearance:none;border:2.5px solid var(--ink);border-radius:var(--r-sm);background:var(--field);cursor:pointer;flex:none;place-items:center;width:22px;height:22px;margin:1px 0 0;display:grid}.check input:checked{background:var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}select{appearance:none;cursor:pointer;background:var(--field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%233a2015' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 14px;padding-right:36px;line-height:1.3}select:disabled,.check input:disabled{opacity:.55;cursor:default}.settings .head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.settings fieldset .lbl{border-top:2px dashed color-mix(in srgb, var(--ink) 20%, transparent);margin-top:6px;padding-top:8px}.settings fieldset .lbl:first-child{border-top:0;margin-top:0;padding-top:0}.changed>span:first-child:after,.check.changed:after{content:"•";color:var(--orange);margin-left:6px;font-weight:700}.seats li.empty{opacity:.6;background:0 0;border-style:dashed;justify-content:center;min-height:46px;font-weight:500}.tag.bot{background:var(--mustard);color:var(--ink)}.add-bot{gap:6px;display:grid}.add-bot .link{justify-self:start}button.code-big{cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.codein{font-family:var(--f-logo);letter-spacing:.15em;text-transform:uppercase;font-size:var(--t-lg);text-align:center}.hint.wait{animation:pulse-o var(--d-loop) ease-in-out infinite alternate}@keyframes pulse-o{to{opacity:.45}}.slogan{opacity:.8;text-wrap:balance;margin:-6px 0 0;font-weight:600}.room-row:active{transform:translateY(2px)}.card{--w:64px;width:var(--w);aspect-ratio:5/7;border-radius:calc(var(--w) * .1);--ring:0 0 0 max(1.5px, calc(var(--w) * .025)) var(--ink);--drop:0 max(2px, calc(var(--w) * .045)) 0 var(--ink);background:var(--cream);color:var(--cream);box-shadow:var(--ring), var(--drop);font-family:var(--f-ui);transition:transform var(--d-fast) var(--e-out), box-shadow var(--d-fast), filter var(--d-fast);-webkit-user-select:none;user-select:none;border:0;flex:none;padding:0;position:relative}.card.xs{--w:22px}.card.sm{--w:40px}.card.md{--w:var(--hand-w,64px)}.card.lg{--w:var(--pile-w)}.card .face{inset:calc(var(--w) * .055);border-radius:calc(var(--w) * .065);background:repeating-radial-gradient(circle at 50% 50%, var(--c1) 0 calc(var(--w) * .1), var(--c2) calc(var(--w) * .1) calc(var(--w) * .2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 25%, transparent), inset 0 0 0 2px color-mix(in srgb, var(--cream) 14%, transparent), inset 0 0 calc(var(--w) * .3) color-mix(in srgb, var(--ink) 22%, transparent);position:absolute}.k-r{--c1:var(--card-r1);--c2:var(--card-r2)}.k-y{--c1:var(--card-y1);--c2:var(--card-y2)}.k-g{--c1:var(--card-g1);--c2:var(--card-g2)}.k-b{--c1:var(--card-b1);--c2:var(--card-b2)}.k-p{--c1:var(--card-p1);--c2:var(--card-p2)}.k-ten{--c1:var(--card-10a);--c2:var(--card-10b);background:var(--yellow)}.k-ten .num,.k-ten .cn{color:var(--yellow)}.card.k-ten.dim{filter:brightness(.6)saturate(.6)}.card .glyph{place-items:center;display:grid;position:absolute;inset:0}.num{font-weight:700;font-size:calc(var(--w) * .62);letter-spacing:-.03em;color:var(--cream);-webkit-text-stroke:calc(var(--w) * .05) var(--ink);paint-order:stroke fill;line-height:1}.num.narrow{font-size:calc(var(--w) * .42)}.num.strike{text-decoration:line-through;text-decoration-thickness:.13em;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.icon{width:64%;overflow:visible}.icon *{fill:none;stroke-linecap:round;stroke-linejoin:round}.icon .ol *{stroke:var(--ink);stroke-width:10px}.icon .in *{stroke:var(--cream);stroke-width:5px}.icon .ol .fill{fill:var(--ink)}.icon .in .fill{fill:var(--cream);stroke:none}.cn{font-weight:700;font-size:max(11px, calc(var(--w) * .2));color:var(--cream);-webkit-text-stroke:clamp(1px, calc(var(--w) * .03), 3px) var(--ink);paint-order:stroke fill;white-space:nowrap;line-height:1;position:absolute}.k-p .cn,.k-ten .cn{font-size:max(10px, calc(var(--w) * .16))}.k-y .cn{color:var(--ink);-webkit-text-stroke:0}.cn.tl{top:max(3px, calc(var(--w) * .1));left:max(3px, calc(var(--w) * .11))}.cn.br{bottom:calc(var(--w) * .1);right:calc(var(--w) * .11)}.card.xs{border-radius:var(--r-xs);box-shadow:0 0 0 1px var(--ink)}.card.xs .face{border-radius:var(--r-xs);background:var(--c1);box-shadow:none;inset:1.5px}.card.xs .num{font-size:calc(var(--w) * .6);-webkit-text-stroke:1.5px var(--ink);letter-spacing:-.04em}.card.xs .num.narrow{font-size:calc(var(--w) * .42)}.card.xs .icon{width:62%}.card.xs .icon .ol{display:none}.card.xs .icon .in *{stroke-width:7px}.scoreboard.cards .minis .card.xs .glyph{place-items:start;padding:2px 0 0 2px}.scoreboard.cards .minis .card.xs .num{font-size:calc(var(--w) * .46)}.scoreboard.cards .minis .card.xs .num.narrow{font-size:calc(var(--w) * .34)}.scoreboard.cards .minis .card.xs .icon{width:46%}.back .face{background:radial-gradient(ellipse 41% 43% at 50% 50%, var(--bg) 0 30%, var(--yellow) 30% 44%, var(--orange) 44% 58%, var(--rust) 58% 72%, var(--bg) 72% 80%, var(--yellow) 80% 88%, var(--orange) 88% 96%, var(--bg) 96%)}.card.landed{animation:land var(--d-move) var(--e-out)}@keyframes land{0%{transform:translate(var(--dx,0), var(--dy,-30px)) rotate(-14deg) scale(var(--s0,.6));opacity:.6}70%{transform:scale(1.06)}}.card.drawn{animation:draw-in var(--d-move) var(--e-out)}@keyframes draw-in{0%{opacity:0;transform:translateY(-60%)scale(.8)}}@keyframes pop{0%{opacity:.3;transform:scale(.6)}}.delta{z-index:6;pointer-events:none;background:var(--rust);color:var(--cream);border:2px solid var(--ink);border-radius:var(--r-lg);font-weight:700;font-size:var(--t-sm);white-space:nowrap;animation:delta 1.4s var(--e-out) forwards;padding:0 8px;line-height:1.4;position:absolute;top:-8px;left:50%}@keyframes delta{0%{opacity:0;transform:translate(-50%,10px)scale(.6)}20%{opacity:1;transform:translate(-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%,-6px)scale(1)}to{opacity:0;transform:translate(-50%,-16px)}}.me-bar{position:relative}.me-bar .delta{top:-10px;left:28px}.screen.game{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100dvh;min-height:0;overflow:hidden}.tablewrap{--turn-scale:1.14;--oh:84px;--ov:76px;min-height:0;margin-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);flex:1;position:relative;container-type:size}.felt{border-radius:var(--r-pill);background:var(--grain), var(--mustard);box-shadow:0 0 0 10px var(--yellow), 0 0 0 18px var(--orange), 0 0 0 24px var(--bg), 0 0 0 31px var(--rust);position:absolute;inset:9% 6% 7%}.opp{z-index:2;width:max-content;max-width:calc(2 * var(--oh) / var(--turn-scale));justify-items:center;gap:4px;display:grid;position:absolute;transform:translate(-50%,-50%)}.opp.off{opacity:.55}.tagline{background:var(--ink);border-radius:var(--r-lg);border:2px solid var(--cream);white-space:nowrap;align-items:center;gap:8px;padding:2px 3px 2px 12px;font-weight:600;display:flex}.nm{text-overflow:ellipsis;min-width:0;max-width:8.5em;overflow:hidden}.tagline{min-width:0;max-width:100%}.pts{background:var(--yellow);color:var(--ink);border-radius:var(--r-lg);font-variant-numeric:tabular-nums;padding:0 9px;font-weight:700}.backs{padding-right:6px;display:flex;position:relative}.backs .card{margin-left:-14px}.backs .card:first-child{margin-left:0}.count{background:var(--ink);color:var(--cream);border:2px solid var(--cream);border-radius:var(--r-lg);height:24px;font-size:var(--t-sm);white-space:nowrap;align-items:center;gap:3px;padding:0 7px 0 4px;font-weight:700;display:inline-flex;position:absolute;bottom:-6px;right:-10px}.opp .backs:not(:has(.card)) .count{position:static}.count.low{background:var(--rust);color:var(--cream);border-color:var(--cream)}.count i{border-radius:var(--r-xs);border:1.5px solid var(--cream);background:repeating-radial-gradient(ellipse 50% 60% at 50% 50%, var(--orange) 0 25%, var(--yellow) 25% 50%);flex:none;width:10px;height:14px}.flags{gap:4px;min-height:0;display:flex}.flag{font-size:var(--t-xs);background:color-mix(in srgb, var(--ink) 80%, transparent);border-radius:var(--r-lg);padding:0 8px;font-weight:600}@keyframes pulse{to{transform:scale(1.1)}}.ring{place-items:center;display:inline-grid;position:relative}.ring svg{width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;inset:-8px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5px}.ring .track{stroke:color-mix(in srgb, var(--ink) 55%, transparent)}.ring .bar{stroke:var(--orange);stroke-linecap:round;transition:stroke-dasharray var(--d-base) linear;transition:stroke-dasharray var(--d-base) linear, stroke var(--d-base)}.ring.urgent .bar{stroke:var(--urgent)}.ring.urgent .secs{background:var(--urgent);border-color:var(--cream);color:var(--cream);animation:pulse var(--d-move) ease-in-out infinite alternate}.ring .secs{background:var(--ink);color:var(--cream);border:2px solid var(--orange);border-radius:var(--r-lg);min-width:26px;height:26px;font-size:var(--t-sm);place-items:center;font-weight:700;display:grid;position:absolute;bottom:-10px;left:-12px}.opp.turn .avatar,.me.turn .avatar{animation:glow var(--d-loop) ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 0 3px var(--ink), 0 0 8px 3px color-mix(in srgb, var(--yellow) 50%, transparent)}to{box-shadow:0 0 0 3px var(--ink), 0 0 22px 10px color-mix(in srgb, var(--yellow) 95%, transparent)}}.opp{transition:transform var(--d-base)}.opp.turn{transform:translate(-50%, -50%) scale(var(--turn-scale));z-index:4}.opp.turn .tagline{background:var(--orange);color:var(--cream);border-color:var(--ink)}.opp.turn:before{content:"";z-index:-1;border-radius:var(--r-lg);background:radial-gradient(closest-side, color-mix(in srgb, var(--cream) 95%, transparent), color-mix(in srgb, var(--cream) 50%, transparent) 60%, transparent);animation:halo var(--d-loop) ease-in-out infinite alternate;position:absolute;inset:-16px -14px}@keyframes halo{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.opp.turn .tagline .pts{background:var(--cream);color:var(--ink)}.whose{background:var(--orange);color:var(--cream);border:3px solid var(--ink);border-radius:var(--r-lg);font-size:var(--t-lg);box-shadow:0 3px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:100%;animation:pop var(--d-move) var(--e-pop);align-items:center;gap:6px;margin-bottom:4px;padding:2px 14px 2px 6px;font-weight:700;display:inline-flex;overflow:hidden}.whose i{border:2px solid var(--cream);border-radius:50%;flex:none;width:14px;height:14px}.whose.mine{background:var(--rust);color:var(--cream)}.me.turn .me-bar b{color:var(--yellow)}.pile{z-index:2;align-items:center;gap:22px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stack{justify-items:center;gap:6px;display:grid}.stack .back{box-shadow:2px 2px 0 var(--cream), 4px 4px 0 var(--ink)}.under{font-size:var(--t-sm);color:var(--ink);background:color-mix(in srgb, var(--cream) 75%, transparent);border-radius:var(--r-lg);white-space:nowrap;padding:0 8px;font-weight:600}.dir{width:44px;height:44px;stroke:var(--cream);filter:drop-shadow(1px 2px 0 var(--ink));animation:dir-in var(--d-move) var(--e-out)}.dir.ccw{transform:scaleX(-1)}@keyframes dir-in{0%{opacity:0;transform:rotate(-200deg)scale(1.9)}60%{opacity:1}}.pending{animation:pending-in var(--d-base) var(--e-pop);background:var(--rust);color:var(--cream);border:3px solid var(--ink);border-radius:var(--r-lg);white-space:nowrap;padding:2px 14px;font-weight:700;position:absolute;top:-34px;left:50%;transform:translate(-50%)}.log{left:50%;top:calc(50% + var(--pile-w) * .7 + 24px);text-align:center;color:var(--ink);font-weight:600;font-size:var(--t-sm);z-index:1;width:min(90%,420px);position:absolute;transform:translate(-50%)}.log .entries div:first-child:not(:last-child){opacity:.6;font-size:var(--t-sm)}.log .hint{display:none}.me{background:var(--bg-2);border-top:12px solid;border-image:var(--stripes) 1;padding:10px max(12px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;display:grid;position:relative}.me-bar{font-size:var(--t-lg);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.secret{background:var(--ink);border:2px solid var(--cream);border-radius:var(--r-lg);font-size:var(--t-sm);align-items:center;gap:6px;padding:2px 10px 2px 4px;font-weight:600;display:inline-flex}.secret i{background:var(--c2);border:2px solid var(--cream);border-radius:50%;width:18px;height:18px}.status{text-align:center;min-height:1.4em;color:var(--cream);margin:0;font-weight:500}.me.turn .status{color:var(--yellow);font-weight:700}.hand{--hand-w:clamp(40px, min(7.2vw, 10.5dvh), 84px);width:100%;max-width:1000px;padding:calc(var(--hand-w) * .42 + 4px) 4px 2px;flex-direction:column;align-items:center;display:flex}.hand-row{justify-content:center;width:100%;display:flex}.hand.two .hand-row+.hand-row{margin-top:calc(var(--hand-w) * -.72)}.slot{flex:0 1 var(--hand-w);min-width:12px}.slot:last-child{flex:none}.hand .card:disabled{cursor:default;opacity:1;color:var(--cream)}.card.playable{cursor:pointer;box-shadow:var(--ring), 0 0 0 3px var(--yellow), 0 0 8px 3px color-mix(in srgb, var(--yellow) 55%, transparent)}.card.k-y.playable{box-shadow:var(--ring), 0 0 0 3px var(--cream), 0 0 8px 3px color-mix(in srgb, var(--cream) 50%, transparent)}.hand:has(.picked) .card.playable:not(.picked){box-shadow:var(--ring), var(--drop);filter:brightness(.9)}@media (hover:hover){.card.playable:not(.picked):hover{transform:translateY(-8%)}}.card.dim{filter:brightness(.72)saturate(.7)}.card.picked{z-index:3;box-shadow:var(--ring), 0 0 0 5px var(--yellow), 0 0 0 7px var(--ink), 0 calc(var(--w) * .09) 0 var(--ink);transform:translateY(-30%)rotate(-2deg)}.giving .card{cursor:pointer}.actions{gap:12px;padding-top:4px;display:flex}.spectating{text-align:center;padding:12px 16px max(12px, env(safe-area-inset-bottom,0px));background:var(--bg-2);border-top:12px solid;border-image:var(--stripes) 1;margin:0}.topbar{z-index:20;position:relative}.spect-panel{top:calc(100% + 12px);left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px));z-index:30;background:var(--ink);border:2px solid var(--yellow);border-radius:var(--r-md);width:fit-content;box-shadow:var(--shadow-chip);font-size:var(--t-sm);flex-wrap:wrap;align-items:center;gap:8px;margin-inline:auto;padding:10px 12px;display:flex;position:absolute}.spect-panel select{font-size:var(--t-md);padding:3px 8px}.overlay{background:var(--scrim);overscroll-behavior:contain;z-index:40;animation:fade var(--d-base);padding:max(36px, env(safe-area-inset-top,0px)) max(36px, env(safe-area-inset-right,0px)) max(36px, env(safe-area-inset-bottom,0px)) max(36px, env(safe-area-inset-left,0px));display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fade{0%{opacity:0}}.scoreboard{background:var(--grain), var(--panel);width:min(980px,100%);color:var(--ink);border-radius:var(--r-lg);border:var(--line-w-panel) solid var(--ink);box-shadow:var(--shadow-panel);animation:pop var(--d-base) var(--e-pop);flex-direction:column;gap:10px;margin:auto;padding:22px clamp(12px,3vw,28px);display:flex}.striped{font-size:var(--t-xl);text-align:center;justify-content:center;align-items:center;gap:18px;font-weight:700;line-height:1;display:flex}.striped:before,.striped:after{content:"";background:var(--stripes);border-radius:var(--r-lg);flex:0 180px;height:12px}.sub{text-align:center;opacity:.7;margin:-4px 0 0;font-weight:500}.score-scroll{min-height:0;overflow:auto}.scoreboard table{border-collapse:separate;border-spacing:0 6px;font-variant-numeric:tabular-nums;width:100%}.scoreboard th{text-align:left;font-weight:600;font-size:var(--t-md);background:var(--panel-2);white-space:nowrap;padding:6px 12px}.scoreboard td:nth-child(2){white-space:nowrap}.scoreboard th:first-child{border-radius:var(--r-md) 0 0 var(--r-md)}.scoreboard th:last-child{border-radius:0 var(--r-md) var(--r-md) 0}.scoreboard td{background:var(--panel-2);border-block:2px solid var(--line);vertical-align:middle;padding:6px 12px;font-weight:500}.scoreboard td:first-child{border-left:2px solid var(--line);border-radius:var(--r-md) 0 0 var(--r-md)}.scoreboard td:last-child{border-right:2px solid var(--line);border-radius:0 var(--r-md) var(--r-md) 0}.scoreboard tr.win td{background:var(--yellow);border-color:var(--orange)}.scoreboard .ncol{text-align:right}.scoreboard td.ncol{font-size:var(--t-xl);font-weight:700}.scoreboard td.total{font-size:var(--t-xl)}.scoreboard td.pos{color:var(--ok)}.scoreboard td.neg{color:var(--rust)}.scoreboard .who{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.scoreboard .nmcol{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.scoreboard .nmcol b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.scoreboard.cards .nmcol{flex-direction:row;align-items:center;gap:6px}.minis .more{font-size:var(--t-xs);white-space:nowrap;align-self:center;margin-left:4px;font-weight:700;flex:none!important}.scoreboard.cards .minis>span:has(+.more){flex:none}.scoreboard.cards .minis .more{font-size:var(--t-xs);margin-left:2px}.scoreboard.cards .minis>span{min-width:5px}.scoreboard .who b{font-size:var(--t-lg)}.scoreboard .rank{font-weight:700;font-size:var(--t-lg);text-align:right;font-variant-numeric:tabular-nums;opacity:.75;min-width:1.4em}.badge{background:var(--rust);color:var(--cream);border-radius:var(--r-lg);font-size:var(--t-sm);padding:1px 10px;font-weight:600}.ready{color:var(--ok);font-weight:700}.dot{background:var(--c2);border:2px solid var(--ink);vertical-align:-3px;border-radius:50%;width:18px;height:18px;margin-right:6px;display:inline-block}.minis{flex-wrap:wrap;gap:4px;display:flex}.minis .card.xs{--w:26px}.muted{opacity:.65}.score-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;padding-top:4px;display:flex}.score-foot .ring{width:40px;height:40px}.score-foot .ring svg{width:100%;height:100%;inset:0}.score-foot .ring .secs{color:var(--ink);background:0 0;border:0;position:static}.score-foot .ring .track{stroke:var(--line)}@media (width<=640px){.logo{font-size:var(--t-logo);white-space:nowrap}.topbar{border-bottom-width:8px;gap:8px;padding-bottom:6px}.topbar .info{font-size:var(--t-sm);white-space:nowrap;flex-wrap:nowrap;gap:8px}.topbar .btn{font-size:var(--t-sm);padding:3px 12px}.nm{max-width:6.5em}.felt{box-shadow:0 0 0 6px var(--yellow), 0 0 0 11px var(--orange), 0 0 0 15px var(--bg), 0 0 0 19px var(--rust);inset:6% 4% 5%}.opp .avatar{width:34px;height:34px;font-size:var(--t-md)}.tablewrap{--turn-scale:1;--oh:58px;--ov:32px}.opp .backs{padding:0;position:absolute;top:7px;left:calc(50% + 15px)}.opp .backs .card{display:none}.opp .count{min-width:20px;height:20px;font-size:var(--t-xs);position:static}.opp .flags{position:absolute;top:100%}.log{width:max(96px, calc(100% - 4 * var(--oh) - 12px))}.log .entries div{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.me-bar b{text-overflow:ellipsis;white-space:nowrap;max-width:7.5em;overflow:hidden}.tagline{font-size:var(--t-sm);gap:4px;padding-left:8px}.pts{padding:0 6px}.pile{gap:12px}.dir{width:30px;height:30px}.me{border-top-width:8px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bar act""status status""hand hand";gap:2px 8px;padding-top:6px}.me-bar{font-size:var(--t-md);grid-area:bar;justify-content:flex-start;justify-self:start;gap:4px 8px}.me-bar .avatar{width:34px;height:34px;font-size:var(--t-md)}.secret{font-size:var(--t-xs)}.status{font-size:var(--t-sm);grid-area:status}.hand{--hand-w:min(54px, 13.5vw);padding-top:calc(var(--hand-w) * .42 + 2px);grid-area:hand}.actions{grid-area:act;align-self:center;padding:0}.actions .btn{padding:6px 14px}.logo.big{font-size:var(--t-hero)}}@media (width>=641px) and (height<=860px){.tablewrap{--ov:44px}.opp .backs{padding:0;position:absolute;top:-6px;left:calc(50% + 10px)}.opp .backs .card{display:none}.opp .count{position:static}.opp .flags{position:absolute;top:100%}}@media (orientation:landscape) and (height<=560px){:root{--pile-w:clamp(40px, 13dvh, 70px)}.tablewrap{--turn-scale:1;--oh:78px;--ov:20px}.topbar{padding-top:max(4px, env(safe-area-inset-top,0px));border-bottom-width:6px;padding-bottom:4px}.logo{font-size:var(--t-logo);text-shadow:2px 2px 0 var(--orange), 3px 3px 0 var(--ink)}.topbar .info{font-size:var(--t-sm);gap:10px}.screen.game:has(.hand.two) .log{display:none}.topbar .btn{font-size:var(--t-sm);border-width:2px;padding:2px 12px}.felt{box-shadow:0 0 0 5px var(--yellow), 0 0 0 9px var(--orange), 0 0 0 12px var(--bg), 0 0 0 15px var(--rust);inset:8% 3% 6%}.opp{grid-template-columns:auto minmax(0,auto);place-items:center start;gap:2px 6px}.opp>:first-child{grid-row:span 2}.opp .avatar{width:34px;height:34px;font-size:var(--t-md)}.opp .backs{padding:0;position:static}.opp .backs .card{display:none}.opp .count{min-width:20px;height:20px;font-size:var(--t-xs);position:static}.opp .flags{position:absolute;top:100%;left:0}.tagline{font-size:var(--t-sm);border-width:1.5px;gap:4px;padding:0 2px 0 8px}.nm{max-width:6em}.ring .secs{min-width:20px;height:20px;font-size:var(--t-xs);bottom:-8px;left:-9px}.ring svg{width:calc(100% + 12px);height:calc(100% + 12px);inset:-6px}.pile{gap:14px}.stack{gap:3px}.under{font-size:var(--t-xs)}.dir{width:28px;height:28px}.pending{font-size:var(--t-sm);border-width:2px;padding:0 10px;top:-24px}.log{font-size:var(--t-xs);top:calc(50% + var(--pile-w) * .7 + 16px)}.log .entries div:first-child:not(:last-child){display:none}.log .hint{color:var(--ink);font-weight:700;font-size:var(--t-xs);line-height:1.25;display:block}.me .status{display:none}.log:has(.hint) .entries{display:none}.me{padding-top:2px;padding-bottom:max(6px, env(safe-area-inset-bottom,0px));border-top-width:6px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"bar hand act";align-items:end;gap:0 12px}.me-bar{max-width:168px;font-size:var(--t-sm);grid-area:bar;justify-content:flex-start;align-self:center;gap:4px 6px}.me-bar .avatar{width:30px;height:30px;font-size:var(--t-md)}.secret{font-size:var(--t-xs);padding:1px 8px 1px 3px}.secret i{width:14px;height:14px}.status{font-size:var(--t-sm);grid-area:status;min-height:1.3em;line-height:1.3}.hand{--hand-w:clamp(34px, min(6.5vw, 13.5dvh), 62px);padding-top:calc(var(--hand-w) * .42 + 2px);grid-area:hand}.whose{font-size:var(--t-sm);box-shadow:none;border-width:2px;margin-bottom:1px;padding:0 10px 0 4px}.whose i{width:11px;height:11px}.actions{flex-direction:column;grid-area:act;align-self:center;padding:0}.actions .btn{font-size:var(--t-md);padding:6px 14px}}.scoreboard.cards{gap:8px}.scoreboard.cards table,.scoreboard.cards tbody{gap:6px;display:grid}.scoreboard.cards thead{display:none}.scoreboard.cards tr{background:var(--panel-2);border:2px solid var(--line);border-radius:var(--r-md);grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"who who pts tot""col cards cards cards";align-items:center;gap:2px 8px;padding:4px 10px;display:grid}.scoreboard.cards tr.win{background:var(--yellow);border-color:var(--orange)}.scoreboard.cards td,.scoreboard.cards td:first-child,.scoreboard.cards td:last-child{background:0 0;border:0;border-radius:0;padding:0}.scoreboard.cards td:first-child{grid-area:who;min-width:0}.scoreboard.cards td:nth-child(2){grid-area:col;font-size:0}.scoreboard.cards td:nth-child(2) .dot{width:16px;height:16px;margin:0}.scoreboard.cards td:nth-child(3){grid-area:cards}.scoreboard.cards td:nth-child(4){grid-area:pts}.scoreboard.cards td:nth-child(5){grid-area:tot}.scoreboard.cards td.ncol{font-size:var(--t-lg)}.scoreboard.cards td.total{font-size:var(--t-lg);min-width:2.4ch}.scoreboard.cards td:nth-child(5):before{content:attr(data-l) " ";font-size:var(--t-xs);opacity:.6;font-weight:600}.scoreboard.cards .who{flex-wrap:nowrap;min-width:0}.scoreboard.cards .who b{font-size:var(--t-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scoreboard.cards .avatar.small{width:24px;height:24px;font-size:var(--t-xs)}.scoreboard.cards .minis{flex-wrap:nowrap;gap:0}.scoreboard.cards .minis>span{flex:0 1 calc(var(--mini-w,20px) + 3px);min-width:7px}.scoreboard.cards .minis>span:last-child{flex:none}.scoreboard.cards .minis .card.xs{--w:var(--mini-w,20px)}@media (width<=640px) and (orientation:portrait){.overlay{padding:max(20px, env(safe-area-inset-top,0px)) 18px max(20px, env(safe-area-inset-bottom,0px))}.scoreboard{border-radius:var(--r-lg);padding:12px 10px}.striped{font-size:var(--t-xl);gap:10px}.striped:before,.striped:after{flex-basis:44px;height:10px}.score-foot{gap:12px}.score-foot .btn.big{font-size:var(--t-lg);padding:6px 26px}}@media (width<=359px) and (orientation:portrait){.scoreboard.cards .btxt{display:none}}@media (width<=640px) and (orientation:portrait) and (height<=700px){.striped{font-size:var(--t-xl)}.sub{display:none}.scoreboard.cards tr{padding:3px 8px}.scoreboard.cards{--mini-w:17px}.scoreboard.cards td.ncol,.scoreboard.cards td.total{font-size:var(--t-lg)}}@media (orientation:landscape) and (height<=560px){.overlay{padding:max(12px, env(safe-area-inset-top,0px)) max(22px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(22px, env(safe-area-inset-left,0px))}.scoreboard{border-radius:var(--r-lg);gap:6px;padding:8px 14px}.scoreboard.cards tbody{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px 8px}.scoreboard.cards tr{grid-template-columns:minmax(0,auto) auto minmax(48px,1fr) auto auto;grid-template-areas:"who col cards pts tot";gap:0 6px;padding:3px 8px}.scoreboard.cards .rank{font-size:var(--t-sm);min-width:1.2em}.scoreboard.cards{--mini-w:17px}.scoreboard.cards td:nth-child(5):before{content:none}.scoreboard.cards td.ncol{font-size:var(--t-md)}.scoreboard.cards td.total{font-size:var(--t-lg);min-width:2.2ch}.scoreboard.cards td:nth-child(4){min-width:2.6ch}.scoreboard.cards .who b{font-size:var(--t-sm);max-width:6.5em}.scoreboard.cards .btxt{display:none}.scoreboard.cards td:nth-child(3) .muted{font-size:var(--t-xs);white-space:nowrap}.scoreboard.cards td:nth-child(3){overflow:hidden}.scoreboard.cards td:nth-child(3) .muted{font-size:var(--t-xs);white-space:normal;line-height:1.05;display:block}}@media (orientation:landscape) and (height<=560px) and (width<=700px){.scoreboard.cards .avatar.small{display:none}.scoreboard.cards .who b{max-width:4.6em}.scoreboard.cards .badge{display:none}.striped{font-size:var(--t-xl)}.striped:before,.striped:after{flex-basis:70px;height:8px}.sub{display:none}.score-foot{gap:12px;padding-top:0}.score-foot .btn.big{font-size:var(--t-md);padding:3px 22px}.score-foot .ring{width:30px;height:30px}}@media (width<=359px),(orientation:landscape) and (height<=340px){.opp .avatar{width:28px;height:28px;font-size:var(--t-sm);box-shadow:0 0 0 2px var(--ink);border-width:2px}.tagline{font-size:var(--t-xs);gap:3px;padding-left:6px;line-height:1.2}.pts{padding:0 5px}.nm{max-width:4.8em}.opp{gap:1px}.whose{font-size:var(--t-sm);box-shadow:none;border-width:2px;padding:0 10px 0 4px}.whose i{width:11px;height:11px}}@media (orientation:portrait) and (height<=600px){.overlay{padding:max(10px, env(safe-area-inset-top,0px)) 14px max(10px, env(safe-area-inset-bottom,0px))}.scoreboard{gap:5px;padding:8px}.scoreboard.cards tbody{gap:4px}.scoreboard.cards tr{padding:2px 8px}.striped{font-size:var(--t-xl)}.score-foot .btn.big{padding:4px 22px}}@media (width>=641px) and (height>=561px) and (height<=800px){.overlay{padding-block:22px}.scoreboard{gap:6px;padding-block:14px}.striped{font-size:var(--t-xl)}.scoreboard table{border-spacing:0 4px}.scoreboard td{padding-block:4px}}.opp .ring .secs{inset:50% calc(100% + 2px) auto auto;transform:translateY(-50%)}@media (width<=640px){.whose .pre{display:none}.whose{font-size:var(--t-sm);box-shadow:var(--shadow-btn-sm);border-width:2px;padding:1px 10px 1px 4px}.whose i{width:12px;height:12px}}@media (orientation:landscape) and (height<=560px){.log .hint{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (width<=389px){.logo{font-size:var(--t-logo)}.topbar,.topbar .info{gap:6px}.topbar .info{font-size:var(--t-xs)}.topbar{padding-left:max(10px, env(safe-area-inset-left,0px));padding-right:max(10px, env(safe-area-inset-right,0px))}.topbar .btn{padding:3px 9px}.topbar .long{display:none}}@media (width<=359px) and (orientation:portrait){:root{--pile-w:44px}}@media (width<=359px){.scoreboard.cards td:nth-child(5):before{content:none}.score-foot{flex-wrap:nowrap;gap:8px}.score-foot .btn.big{font-size:var(--t-md);padding:6px 14px}}@keyframes pending-in{0%{opacity:0;transform:translate(-50%)scale(.6)}}.scoreboard tbody tr{animation:row-in var(--d-base) var(--e-out) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes row-in{0%{opacity:0;transform:translateY(10px)}}@media (width>=1200px) and (height>=720px){:root{--pile-w:clamp(44px, min(9vw, 13dvh), 120px)}.pile{gap:32px}.log{font-size:var(--t-md)}.under{font-size:var(--t-sm)}}.quick-timer{justify-content:center;align-items:baseline;gap:10px;padding:6px 0;font-weight:600;display:flex}.quick-timer b{font-family:var(--f-logo);color:var(--orange);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);font-size:clamp(30px,6dvh,56px);line-height:1}.tag.ok{background:var(--ok);color:var(--cream)}.rules{gap:6px;margin:0;padding-left:20px;display:grid}.verified{vertical-align:-.08em;flex:none;width:.82em;height:.82em;margin-left:.25em;display:inline-block}.verified circle{fill:var(--orange)}.verified path{fill:none;stroke:var(--cream);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.panel.account{flex-direction:column;gap:12px;width:min(420px,100%);margin:auto;display:flex}.panel.account h2{margin:0;padding-right:36px}.panel.account form{flex-direction:column;gap:10px;display:flex}.panel.account .close{align-self:center;margin-top:4px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.stats div{background:var(--panel-2);border:2px solid var(--ink);border-radius:var(--r-md);padding:10px 12px}.stats dt{font-size:var(--t-sm);opacity:.7}.stats dd{font-weight:700;font-size:var(--t-xl);margin:0}.stats small{font-family:var(--f-ui);font-size:var(--t-sm);opacity:.7}.link.danger{color:var(--bad);align-self:center}.btn.danger{background:var(--rust);color:var(--cream)}.confirm{border:2px dashed var(--rust);border-radius:var(--r-md);flex-direction:column;gap:8px;padding:12px;display:flex}.confirm p{margin:0}.link:disabled{opacity:.5;cursor:default}.screen.fit{height:100dvh;min-height:0;overflow:hidden}.fit-body{width:100%;min-height:0;padding:12px max(16px, env(safe-area-inset-right,0px)) max(14px, env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));flex:1;display:flex}.panes{flex-direction:column;flex:1;min-width:0;min-height:0;padding:0 9px 9px 0;display:flex}.panes.wide{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:28px;display:grid}.tabcol{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;display:flex}.tabs{flex-shrink:0;gap:6px;display:flex}.tabs button,.tabs .tab-title{border:2.5px solid var(--ink);border-radius:var(--r-md);background:var(--panel-2);min-width:0;min-height:40px;color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;padding:6px 8px;font-weight:700;overflow:hidden}.tabs button.on,.tabs .tab-title{background:var(--yellow);box-shadow:3px 3px 0 var(--ink)}.tabs .badge{background:var(--ink);color:var(--cream);border-radius:var(--r-lg);font-size:var(--t-xs);vertical-align:1px;margin-left:6px;padding:0 7px}.pane{flex-direction:column;flex:1;gap:0;min-height:0;padding:16px 18px;display:flex}.pane h2{font-size:var(--t-xl);flex-shrink:0;margin:0 0 10px}.pane-body{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.pane-body>.seats,.pane-body>.settings,.pane-body>.invite{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.push-end{margin-top:auto}.periods{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.periods .btn{min-width:0;padding-inline:2px}@media (width<=400px){.tabs button{font-size:var(--t-sm)}}.periods .btn.on{background:var(--yellow)}.ranks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ranks li{background:var(--panel-2);border:var(--line-w) solid var(--ink);border-radius:var(--r-md);align-items:center;gap:10px;min-width:0;padding:6px 12px;display:flex}.ranks li.mine{background:var(--panel-3)}.ranks .pos{text-align:right;flex:none;width:2.2em}.ranks .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ranks .val{font-variant-numeric:tabular-nums;flex:none}.ranks-foot{gap:6px;padding-top:8px;display:grid}.ranks-foot .fine{margin:0}.ranks-foot .link{margin-block:0;padding-block:0}.pane .seats li{padding:5px 10px}.pane .seats li.empty{min-height:38px}.pane .seats ol{gap:6px}.pane .invite .code-big{align-self:flex-start}.code-chip{font-family:var(--f-logo);letter-spacing:.1em;background:var(--field);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-md);font-size:var(--t-lg);cursor:pointer;box-shadow:var(--shadow-chip);padding:1px 10px}.rules-pager{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.rules-pager h3{font-size:var(--t-lg);margin:0}.rules-intro p{margin:0}.rules-body{flex-direction:column;flex:1;gap:14px;min-height:0;display:flex;position:relative;overflow:hidden}.rules-body.over{overflow-y:auto}.rules-body section{gap:6px;display:grid}.rules-body p,.rules-body ul{margin:0;line-height:1.45}.rules-body ul{gap:6px;padding-left:20px;display:grid}.rules-nav{flex-shrink:0;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}.rules-nav select{flex:1;min-width:0}.rules-nav .btn{min-width:44px;font-size:var(--t-xl);padding:4px 12px;line-height:1}@media (height<=640px){.pane{padding:12px 14px}.pane-body{font-size:var(--t-md);gap:8px}.pane .fine{font-size:var(--t-xs)}.pane .btn.big{min-height:48px;padding-block:8px}.quick-timer b{font-size:clamp(30px,6dvh,56px)}.fit-body{padding-top:8px}}@media (orientation:landscape) and (height<=500px){.pane .seats ol{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tabs button{min-height:34px;padding-block:3px}.pane .add-bot .fine,.pane .invite .hint{display:none}}@media (height<=700px){.login .fan,.logo.big .mark{display:none}.login{gap:12px}}@media (orientation:landscape) and (height<=500px){.screen.center{padding-block:10px}.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;padding:16px 22px}.login .hero,.login .side{align-content:center;justify-items:center;gap:8px;min-width:0;display:grid}.login .logo.big{font-size:var(--t-hero)}}@media (height<=760px){.pane .seats small,.pane .add-bot .fine{display:none}.pane .seats li{min-height:38px;padding-block:3px}.pane .seats ol{gap:5px}}@media (height<=640px){.rules-body{font-size:var(--t-sm)}.rules-body p,.rules-body ul{line-height:1.35}.rules-body ul{gap:4px}}.pane .add-bot .row{flex-wrap:nowrap}.pane .add-bot .row>select{flex:1 1 0}@media (orientation:landscape) and (height<=500px){.pane .settings fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px}.pane .settings fieldset .lbl,.pane .settings>.fine,.pane .seats>.fine{display:none}.pane .btn.big{min-height:34px;font-size:var(--t-lg);padding-block:3px}.quick-timer{padding:0}.quick-timer b{font-size:var(--t-xl)}.pane .seats li{min-height:34px;padding-block:2px}.pane .seats ol,.pane-body>.seats{gap:4px}}@media (width<=400px){.tabs{gap:4px}.tabs button{font-size:var(--t-sm);padding-inline:4px}.tabs .badge{margin-left:3px;padding:0 5px}}.panel.account{position:relative}.account .x{border:2.5px solid var(--ink);background:var(--panel-2);width:36px;height:36px;color:var(--ink);font-size:var(--t-md);cursor:pointer;border-radius:50%;font-weight:700;position:absolute;top:12px;right:12px}@media (orientation:landscape) and (height<=500px){.overlay:has(.panel.account){padding-block:8px}.panel.account{gap:8px;width:min(560px,100%);padding:12px 18px}.panel.account form{gap:6px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.stats div{padding:6px 8px}.stats dd{font-size:var(--t-lg)}.account .confirm{gap:6px;padding:8px}}.rating{font-size:var(--t-sm);background:var(--panel-2);border:1.5px solid var(--ink);border-radius:var(--r-sm);margin-left:6px;padding:0 6px;font-weight:700}.rated-note{font-size:var(--t-sm);opacity:.75;margin:0;font-weight:600}.rated-note.on{opacity:1;color:var(--rust)}.rdelta{font-size:var(--t-xs);border-radius:var(--r-sm);border:1.5px solid var(--ink);white-space:nowrap;padding:0 6px;font-weight:700}.rdelta.pos{background:var(--ok-bg)}.rdelta.neg{background:var(--bad-bg)}.rating-line{font-size:var(--t-lg);margin:0}.rating-line b{font-family:var(--f-logo);font-size:var(--t-xl)}.rating-line small{font-size:var(--t-sm);opacity:.7}@media (height<=640px){.pane .seats>.fine{display:none}}.row.create{flex-wrap:nowrap}.row.create>select{flex:1 1 0}.join .row{flex-wrap:nowrap}.join .row>input{flex:1 1 0}.settings .rated-hint{margin-top:-6px}@media (height<=700px){.pane .settings fieldset .lbl,.pane .settings>.fine{display:none}}@media (orientation:landscape) and (height<=500px){.pane-oyna .fine{display:none}}.emobtn{right:calc(max(8px, env(safe-area-inset-right,0px)) + 44px);z-index:3;border:2px solid var(--cream);background:color-mix(in srgb, var(--ink) 55%, transparent);width:36px;height:36px;font-size:var(--t-lg);cursor:pointer;color:var(--cream);border-radius:50%;padding:6px;line-height:1;position:absolute;bottom:8px}.emobtn.on{background:var(--ink);border-color:var(--yellow)}.emopick{right:max(8px, env(safe-area-inset-right,0px));z-index:30;background:var(--grain), var(--panel);width:min(300px,100% - 16px);max-height:calc(100% - 60px);color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);animation:fade var(--d-fast);gap:8px;padding:10px;display:grid;position:absolute;bottom:52px;overflow:hidden}.emopick .emojis{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.emopick .emojis button{font-size:var(--t-xl);border-radius:var(--r-sm);cursor:pointer;background:0 0;border:2px solid #0000;padding:6px 0;line-height:1}.emopick .emojis button:hover{border-color:var(--ink);background:var(--panel-2)}.emopick .phrases{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;display:grid}.emopick .phrases button{font:inherit;font-size:var(--t-sm);border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--panel-2);color:var(--ink);cursor:pointer;text-wrap:balance;padding:5px 6px;font-weight:600;line-height:1.15}.emopick .link{font-size:var(--t-sm);justify-self:center}.emote{z-index:8;pointer-events:none;white-space:nowrap;background:var(--panel-3);color:var(--ink);border:2.5px solid var(--ink);border-radius:var(--r-md);font-size:var(--t-sm);box-shadow:var(--shadow-chip);animation:emote-in var(--d-base) var(--e-out);padding:2px 9px;font-weight:700;position:absolute;top:-6px;left:50%;transform:translate(-50%,-100%)}.emote.big{font-size:var(--t-xl);padding:0 6px;line-height:1.3}.my-emote{z-index:8;width:0;height:0;position:absolute;bottom:14px;left:50%}.my-emote .emote{top:0}@keyframes emote-in{0%{opacity:0;transform:translate(-50%,-60%)scale(.6)}}@media (orientation:landscape) and (height<=560px){.emobtn{width:32px;height:32px;font-size:var(--t-md);top:6px;bottom:auto;right:calc(max(8px, env(safe-area-inset-right,0px)) + 40px)}.emopick{width:min(560px,100% - 16px);max-height:calc(100% - 52px);top:44px;bottom:auto}.emopick .phrases{grid-template-columns:repeat(4,minmax(0,1fr))}.emopick .emojis{grid-template-columns:repeat(8,minmax(0,1fr))}.emopick .emojis button{font-size:var(--t-lg);padding:3px 0}}.panel.login{position:relative}.login>.lang{margin:0;position:absolute;top:18px;right:22px}.link.lang{letter-spacing:.04em;font-weight:700}@media (orientation:landscape) and (height<=500px){.rules-intro{display:none}}.card.back.img .face{background-position:50%;background-size:cover}.avatar.pic{padding:0;overflow:hidden}.avatar.pic img{object-fit:cover;width:100%;height:100%;display:block}.deluxe{gap:8px;display:grid}.deluxe .lbl{font-weight:700;font-size:var(--t-sm)}.deluxe-banner{border-radius:var(--r-md);border:2.5px solid var(--ink);background:url(/deluxe/banner.webp) right center / cover, var(--stripes);align-items:center;min-height:72px;padding:0 16px;display:flex}.deluxe-banner span{font-family:var(--f-logo);font-size:var(--t-xl);color:var(--cream);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink)}.deluxe-list{gap:4px;margin:0;padding-left:20px;display:grid}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches button{border-radius:var(--r-md);cursor:pointer;background:0 0;border:2.5px solid #0000;padding:3px;line-height:0}.swatches button.on{border-color:var(--rust);background:var(--panel-2)}.swatches .felt-sw{border:2.5px solid var(--ink);background:var(--mustard) center / cover;border-radius:50%;width:40px;height:40px}.swatches .felt-sw.on{box-shadow:0 0 0 3px var(--rust)}.swatches.avatars button{width:38px;height:38px;font-weight:700;font-size:var(--t-lg);background:var(--panel-2);border-color:var(--ink);color:var(--ink);border-radius:50%;padding:0;line-height:1;overflow:hidden}.swatches.avatars button.on{box-shadow:0 0 0 3px var(--rust)}.swatches.avatars img{object-fit:cover;width:100%;height:100%;display:block}.emopick button.locked{opacity:.45;filter:grayscale(.6)}.emopick .emojis{grid-template-columns:repeat(8,minmax(0,1fr))}.emopick .emojis button{font-size:var(--t-lg)}.panel.account .tabs{margin-top:-4px}.felt[style*=url]{background-repeat:repeat;background-size:320px}@media (orientation:landscape) and (height<=500px){.panel.account>.fine:first-of-type{display:none}.deluxe{gap:4px}.deluxe .lbl{font-size:var(--t-xs)}.swatches .felt-sw{width:32px;height:32px}.swatches.avatars button{width:30px;height:30px;font-size:var(--t-sm)}.deluxe-banner{min-height:36px}.deluxe-banner span{font-size:var(--t-xl)}}.login .or{width:100%;font-size:var(--t-sm);opacity:.6;align-items:center;gap:10px;font-weight:600;display:flex}.login .or:before,.login .or:after{content:"";border-top:2px dashed;flex:1}.login .guest{width:100%}.login .guest .row{flex-wrap:nowrap}.login .guest .row>input{flex:1 1 0}.login>.btn.big{width:100%}.screen.fit,.screen.game{height:auto;position:fixed;inset:0}.tutorial .coach{z-index:35;left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));top:calc(max(10px, env(safe-area-inset-top,0px)) + 52px);background:var(--grain), var(--panel);max-width:560px;color:var(--ink);border:3px solid var(--ink);border-radius:var(--r-lg);box-shadow:var(--shadow-panel);animation:fade var(--d-base);gap:6px;margin:0 auto;padding:10px 14px;display:grid;position:fixed}.tutorial .coach p{font-size:var(--t-md);margin:0;line-height:1.35}.tutorial .coach-head{align-items:center;gap:8px;display:flex}.tutorial .coach-head b{font-size:var(--t-lg);flex:1}.tutorial .coach .step{font-size:var(--t-xs);background:var(--ink);color:var(--cream);border-radius:var(--r-lg);padding:1px 8px;font-weight:700}.tutorial .coach .btn{justify-self:start}.tutorial .coach .row{flex-wrap:wrap}@keyframes coach-pulse{50%{box-shadow:0 0 0 4px var(--yellow), 0 0 16px 6px color-mix(in srgb, var(--yellow) 80%, transparent)}}@keyframes coach-glow{50%{filter:drop-shadow(0 0 6px var(--yellow)) drop-shadow(0 0 2px var(--yellow))}}.tutorial.focus-hand .hand-row{animation:coach-glow var(--d-loop) ease-in-out infinite}.tutorial.focus-secret .secret,.tutorial.focus-draw .actions .btn{animation:coach-pulse var(--d-loop) ease-in-out infinite}.tutorial .emobtn,.tutorial .fxbtn{display:none}.btn.tutor{background:var(--yellow);border-style:dashed}@media (width<=359px){.btn.tutor{font-size:var(--t-md);padding-inline:var(--s-3)}}@media (orientation:landscape) and (height<=500px){.tutorial .coach{gap:4px;max-width:640px;padding:6px 10px;top:44px}.tutorial .coach p{font-size:var(--t-sm)}}@media (height<=640px){.tutorial .coach p{font-size:var(--t-sm)}}.tutorial .topbar .info .link,.rotate-hint{display:none}@media (orientation:landscape) and (height<=419px) and (pointer:coarse){#app>:not(.rotate-hint){display:none!important}.rotate-hint{z-index:1000;background:var(--bg);color:var(--cream);font-weight:700;font-size:var(--t-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:16px;display:flex;position:fixed;inset:0}.rotate-phone{border:4px solid var(--cream);border-radius:var(--r-sm);width:46px;height:78px;box-shadow:5px 5px 0 var(--orange);animation:rotate-phone calc(var(--d-loop) * 2) ease-in-out infinite}}@keyframes rotate-phone{0%,20%{transform:rotate(-90deg)}55%,to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.rotate-phone{animation:none}}.avbtn{all:unset;cursor:pointer;border-radius:50%;display:inline-flex}.emoback{z-index:29;position:fixed;inset:0}.member-line{margin:0;font-weight:600}.member-line .deluxe-on{color:var(--rust)}.rating-line small{display:block}.tag.unrated{background:var(--panel-2);color:var(--ink);opacity:.85;margin-left:4px;font-size:.75em}.panel.privacy{flex-direction:column;flex:1;align-self:stretch;gap:10px;width:100%;min-height:0;max-height:100%;display:flex}.panel.privacy h2{margin:0}.privacy-head{justify-content:space-between;align-items:center;display:flex}.panel.privacy>.btn{align-self:center;text-decoration:none}@media (height<=700px){.panel.privacy .rules-body{font-size:var(--t-sm)}.panel.privacy{gap:6px;padding-block:12px}}.panel.privacy a:not(.btn),.fine a{color:inherit;text-underline-offset:3px;text-decoration-thickness:2px}.table-settings{border:0;gap:6px;min-width:0;margin:0 0 8px;padding:0;display:grid}.table-settings .grid2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:6px 8px;display:grid}.table-settings select{width:100%;min-width:0;font-size:var(--t-sm)}.table-settings .check{font-size:var(--t-sm)}.table-settings select.changed{border-color:var(--orange)}@media (height<=760px){.pane .seats li{gap:8px;min-height:34px;padding:2px 8px}.pane .seats .grow{flex-wrap:nowrap;gap:4px}.pane .seats .grow b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pane .seats .tag{font-size:var(--t-xs);flex:none;padding-inline:6px}.table-settings{margin-bottom:4px}}@media (height<=640px){.pane .seats li.empty{min-height:30px}}@media (height<=600px){.pane .seats li{min-height:30px;padding-block:1px}.pane .seats .avatar.small{width:24px;height:24px;font-size:var(--t-xs)}.table-settings select,.pane .add-bot select,.pane .add-bot .btn{min-height:34px;padding-block:2px}.table-settings .check{font-size:var(--t-sm)}.pane .seats ol{gap:4px}}@media (width<=360px){.table-settings select{font-size:var(--t-sm);background-position:right 4px center;padding-inline:6px 22px}.table-settings .grid2{gap:6px}}.create-form{gap:10px;display:grid}.create-form .field{gap:4px;display:grid}.table-line{text-align:center;margin:0}.room-row{flex-wrap:nowrap}.room-row span:first-of-type{text-wrap:pretty;flex:1 1 0;min-width:0}.room-row .code,.room-row .pill{flex:none}@media (height<=700px){.pane-masa .seats>.fine:not(.table-line){display:none}.quick-timer b{font-size:var(--t-xl)}.quick-timer{padding:0}}@media (height<=600px){.pane-oyna .create+.fine{display:none}}@media (width<=700px){.tabs button{flex-basis:auto}}.link.music{text-decoration:none}.link.music.off{opacity:.45}#app>.screen:not(.game),#app>.overlay{zoom:var(--z,1)}.login .hero,.login .side{display:contents}.screen.center>.panel.login{flex:1;align-content:space-evenly;align-self:stretch;width:auto}@media (width>=900px) and (orientation:landscape) and (height>=501px){.login{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:48px;padding:32px 48px}.login .hero,.login .side{align-content:center;justify-items:center;gap:18px;min-width:0;display:grid}.login .side{justify-self:center;width:min(460px,100%)}.login .logo.big{font-size:var(--t-hero)}.login .fan,.logo.big .mark{display:flex}.logo.big .mark{display:block}}.pane-oyna .pane-body{justify-content:space-evenly}.pane-oyna .grp{flex-direction:column;gap:6px;display:flex}.fill{flex:1 1 0;min-height:0;overflow:hidden}.topbar .who{white-space:nowrap;flex-wrap:nowrap;min-width:0}.me-name{align-items:baseline;gap:4px;min-width:0;text-decoration:none;display:inline-flex}.me-name span{text-overflow:ellipsis;text-underline-offset:3px;max-width:8em;text-decoration:underline;overflow:hidden}.pane-oyna .pane-body>.btn:not(.small),.pane-oyna .grp>.btn{min-height:clamp(44px,7dvh,80px)}.pane-oyna .pane-body .btn.primary.big{min-height:clamp(52px,9dvh,100px);font-size:var(--t-xl)}.rooms,.ranks{grid-template-columns:minmax(0,1fr)}.nowrap{white-space:nowrap}.rules-body li,.rules-body p,.fine,.hint,.slogan{text-wrap:pretty}.topbar .logo .mark{margin-block:-.3em}.hand{--hand-w:clamp(40px, min(10vw, 11.5dvh), 108px);max-width:1400px}@media (width<=640px) and (orientation:portrait){.hand{--hand-w:min(54px, 13.5vw, 9dvh)}}@media (width<=360px){.login .btn.big{font-size:var(--t-lg);padding-inline:16px}.login .logo.big{padding-inline:44px}}@media (width>=900px) and (orientation:landscape) and (height>=501px){.login .logo.big{font-size:var(--t-hero)}.login .logo.big .mark{width:96px;height:96px}.login .fan{--w:96px}.login .slogan{font-size:var(--t-lg);max-width:30em}.login .side{gap:22px;width:min(560px,100%)}.login .side .btn.big{font-size:var(--t-xl);width:100%;padding-block:16px}.login .side input,.login .side .btn{font-size:var(--t-lg)}.login .side .fine{font-size:var(--t-md)}}.screen.center:has(>.panel.privacy){height:100%;min-height:0;overflow:hidden}.panel.privacy .rules-pager{flex:1;min-height:0}@media (orientation:landscape) and (height<=500px){.pane-oyna .pane-body>.btn:not(.small),.pane-oyna .grp>.btn,.pane-oyna .pane-body .btn.primary.big{min-height:0}.pane-oyna .pane-body .btn.primary.big{font-size:var(--t-lg);padding-block:6px}.create-form{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}.create-form .check,.create-form .fine{grid-column:1/-1}}.pane .seats li{min-height:clamp(34px,5.4dvh,56px)}@media (height>=601px){.pane .seats li{padding-block:2px}.pane .seats ol{gap:5px}}.seats li.mine{background:var(--panel-3)}@media (width>=900px) and (height>=700px){.panel.privacy>.privacy-head,.panel.privacy>h2,.panel.privacy .rules-body,.panel.privacy .rules-nav{width:min(100%,60rem);margin-inline:auto}.panel.privacy .rules-body{font-size:var(--t-lg)}}@media (orientation:landscape) and (height<=500px){.login .hero,.login .side{display:grid}.login>.lang{top:10px;right:14px}.login{padding-top:26px}}@media (height<=640px){.pane .seats li{min-height:32px;padding-block:1px}.pane .seats ol{gap:4px}}@media (height<=600px){.pane .seats .rated-note{font-size:var(--t-xs);line-height:1.2}.pane .seats .quick-timer b{font-size:var(--t-xl)}}@media (width<=360px){.pane .btn.big{font-size:var(--t-lg);padding-inline:12px}.login>.lang{top:8px;right:10px}}@media (orientation:landscape) and (height<=500px){.pane .seats>.btn.big{margin-bottom:6px}.login .logo.big{font-size:var(--t-hero)}.login .hero{gap:14px}}@media (width<=480px){.room-row{flex-wrap:wrap;row-gap:2px}.room-row span:first-of-type{flex:100%;order:3}.room-row .pill{margin-left:auto}}.topbar{box-sizing:content-box;flex-wrap:nowrap;flex-shrink:0;height:40px}.topbar .btn{align-items:center;height:36px;min-height:0;padding-block:0;display:inline-flex}.screen.game>.topbar{zoom:var(--z,1)}@media (orientation:landscape) and (height<=560px){.topbar{height:32px}.topbar .btn{height:30px}}.topbar .logo{white-space:nowrap;flex-shrink:0}.topbar .short{display:none}@media (width<=389px){.topbar .short{display:inline}.topbar .who{gap:10px}}@media (width<=401px){.me-name span{display:none}}.tabs .tab-title{font-size:inherit;justify-content:center;align-items:center;margin:0;display:flex}.quick-timer:has(.code-chip){justify-content:space-between}.qt-text{align-items:baseline;gap:10px;min-width:0;display:flex}.quick-timer .code-chip{font-size:var(--t-md);padding:0 8px;line-height:1.5}@media (height<=600px){.pane .seats li{min-height:30px}.quick-timer .code-chip{line-height:1.25}}@media (pointer:coarse){select,input,textarea{font-size:max(16px,1em)}}.confirm-row{flex-wrap:nowrap;justify-content:flex-end}@media (width<=640px){.me-bar{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;display:grid}.me-bar .avbtn{grid-row:1/span 2}.me-bar .secret{white-space:nowrap;justify-self:start}.actions .btn{min-width:8.5em}.status{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}}.toast{top:calc(max(10px, env(safe-area-inset-top,0px)) + 68px * var(--z,1))}.conn{top:calc(max(10px, env(safe-area-inset-top,0px)) + 64px * var(--z,1));border-radius:var(--r-lg);border:2px solid var(--ink);white-space:nowrap;padding:4px 16px;left:50%;right:auto;transform:translate(-50%)}.badge{white-space:nowrap}html,body{overscroll-behavior:none;overflow:hidden}.logo .mark{-webkit-user-drag:none;pointer-events:none}.ranks .games{opacity:.6;font-size:var(--t-xs);flex:none}.overlay[aria-labelledby=score-h]{animation:fade var(--d-base) .8s both}@media (width<=389px){.actions .btn{min-width:6.8em;padding-inline:10px}}.me-line{align-items:center;gap:8px;min-width:0;display:inline-flex}.me-line b{min-width:0}.discard{display:grid}.discard>.card{grid-area:1/1}.discard .beneath{transform:translateX(var(--tx,0)) rotate(var(--r,0deg));filter:brightness(.9)}.card.landed{animation:land var(--d-move) var(--e-out);z-index:1;position:relative}.flight{z-index:8;left:calc(var(--x0) * 1%);top:calc(var(--y0) * 1%);pointer-events:none;animation:flight .55s cubic-bezier(.3, .7, .3, 1) var(--d,0s) both;position:absolute;transform:translate(-50%,-50%)scale(.7)}@keyframes flight{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}12%{opacity:1}85%{opacity:1}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.45) rotate(14deg);opacity:0}}@media (prefers-reduced-motion:reduce){.flight{display:none}.card.landed{animation:none}}.stamp{z-index:9;left:calc(var(--x0) * 1%);top:calc(var(--y0) * 1%);pointer-events:none;font-family:var(--f-logo);font-size:var(--t-xl);color:var(--cream);background:var(--rust);border:3px solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-chip);animation:stamp 1.1s var(--e-pop) both;padding:0 12px;position:absolute;transform:translate(-50%,-50%)rotate(-8deg)}@keyframes stamp{0%{opacity:0;transform:translate(-50%,-50%)rotate(-8deg)scale(2.2)}18%{opacity:1;transform:translate(-50%,-50%)rotate(-8deg)scale(1)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.stamp{animation:none}}.hand-row.deal .slot{animation:deal var(--d-move) var(--e-out) calc(var(--i) * 55ms) both}@keyframes deal{0%{opacity:0;transform:translateY(-120%)rotate(-10deg)scale(.7)}}@media (prefers-reduced-motion:reduce){.hand-row.deal .slot{animation:none}}.winner-line{text-align:center;font-family:var(--f-logo);font-size:var(--t-xl);color:var(--rust);text-shadow:2px 2px 0 var(--yellow);animation:win-in var(--d-slow) 1s var(--e-pop) both;margin:-4px 0 4px}.winner-line,.winner-line.me{font-size:calc(var(--t-xl) * 1.4);letter-spacing:.03em}@keyframes win-in{0%{opacity:0;transform:scale(.4)rotate(-6deg)}}.confetti{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.confetti i{top:-20px;left:calc(var(--x) * 1%);border:2px solid var(--ink);border-radius:var(--r-xs);background:var(--yellow);width:10px;height:16px;animation:confetti 2.6s calc(1s + var(--dl) * 90ms) cubic-bezier(.3, .6, .5, 1) both;position:absolute}.confetti i:nth-child(4n+1){background:var(--orange)}.confetti i:nth-child(4n+2){background:var(--rust)}.confetti i:nth-child(4n+3){background:var(--cream)}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{transform:translateY(110vh) rotate(calc(var(--k) * 47deg));opacity:.8}}.overlay .scoreboard{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.confetti{display:none}.winner-line{animation:none}}.fit-body,.screen.center>.panel,.screen.game .tablewrap,.screen.game .me{animation:fade var(--d-base) var(--e-out)}.pane-body{animation:fade var(--d-fast) var(--e-out)}@media (prefers-reduced-motion:reduce){.fit-body,.screen.center>.panel,.screen.game .tablewrap,.screen.game .me,.pane-body{animation:none}}@media (height<=700px) and (height>=601px){.pane .seats li{min-height:34px}}.daily{border:2px dashed var(--ink);border-radius:var(--r-md);background:var(--panel-2);gap:4px;padding:8px 12px;display:grid}.daily-head{font-size:var(--t-sm);justify-content:space-between;align-items:center;display:flex}.daily-count{background:var(--yellow);border:2px solid var(--ink);border-radius:var(--r-lg);font-weight:700;font-size:var(--t-sm);padding:0 8px}.daily ul,.achievements ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.daily li,.achievements li{font-size:var(--t-sm);align-items:center;gap:8px;min-width:0;display:flex}.daily .tick{border:2px solid var(--ink);width:18px;height:18px;font-size:var(--t-xs);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.daily li.done .tick{background:var(--ok);color:var(--cream)}.daily li.done .txt{opacity:.6;text-decoration:line-through}.daily .txt,.achievements .txt{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.daily .cnt,.achievements .cnt{font-variant-numeric:tabular-nums;opacity:.75;flex:none;font-weight:600}.achievements{gap:8px;display:grid}.achievements li{background:var(--panel-2);border:2px solid var(--ink);border-radius:var(--r-sm);opacity:.65;padding:4px 10px}.achievements li.done{opacity:1;background:var(--panel-3)}.achievements .medal{color:var(--orange);font-size:var(--t-md);flex:none}.achievements .reward{flex:none;align-items:center;display:inline-flex}.achievements .reward .card{--w:18px}.rw-av{border:1.5px solid var(--ink);border-radius:50%;width:22px;height:22px}@media (height<=700px){.daily ul{display:none}.daily{padding:4px 10px}}@media (orientation:landscape) and (height<=500px){.daily{display:none}}.achievements ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.achievements li{font-size:var(--t-xs);gap:5px;min-height:36px;padding:3px 6px;line-height:1.15}.achievements .txt{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.achievements .cnt{font-size:var(--t-xs)}@media (width>=700px),(orientation:landscape) and (height<=500px){.achievements ul{grid-template-columns:repeat(3,minmax(0,1fr))}.panel.account:has(.achievements){width:min(640px,100%)}}.daily .cnt{opacity:1}@media (height<=700px){.panel.account .stats div{padding:4px 8px}.panel.account .stats dd{font-size:var(--t-lg)}}@media (height<=600px){.panel.account .acct-note,.panel.account .rating-line small{display:none}}.achievements li{opacity:.85;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"m t r""m n r";align-items:center;gap:1px 6px;display:grid}.achievements li .medal{grid-area:m}.achievements li .txt{grid-area:t}.achievements li .reward{grid-area:r}.achievements li .cnt{opacity:.8;grid-area:n;justify-self:start}.achievements li.done .cnt{color:var(--ok);opacity:1}.btn.busy{cursor:progress}.btn.busy:after{content:"";vertical-align:-.1em;width:.8em;height:.8em;animation:spin var(--d-slow) linear infinite;border:2.5px solid;border-right-color:#0000;border-radius:50%;margin-left:.5em;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.field-err{color:var(--bad);font-size:var(--t-sm);animation:shake var(--d-base);margin:2px 0 0;font-weight:600}input[aria-invalid=true]{border-color:var(--bad)}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.btn.busy:after,.field-err{animation:none}}.tutorial .tablewrap{margin-top:calc(var(--coach-h,0px) + 10px)}.toast.leaving{animation:toast-out var(--d-base) var(--e-in) forwards}@keyframes toast-out{to{opacity:0;transform:translate(-50%,-8px)}}.panel.account:has(>.tabs){justify-content:flex-start;min-height:min(600px,100dvh - 40px)}.emobtn:before,.fxbtn:before,.avbtn:before,.code-chip:before{content:"";position:absolute;inset:-6px}.avbtn,.code-chip{position:relative}.emopick .emojis button{min-height:44px}.emopick .phrases button{min-height:40px}@media (prefers-reduced-motion:reduce){.toast.leaving{animation:none}}@media (height<=700px) and (height>=601px){.pane .seats li{min-height:32px}.pane .seats ol{gap:5px}}.table-settings .grid2.three{grid-template-columns:repeat(3,minmax(0,1fr))}.table-settings legend{margin-bottom:4px;padding:0}.emopick button.locked{position:relative}.emopick button.locked .ic{width:12px;height:12px;color:var(--ink);position:absolute;top:2px;right:2px}.ranks-empty{justify-items:start;gap:10px;display:grid}.fine{opacity:.78}@media (width>=900px) and (height>=700px){.actions .btn{font-size:var(--t-lg);padding:10px 28px}}@media (orientation:landscape) and (height<=560px){.me-bar .delta{top:-14px;left:38px}}.panel.account:focus{outline:none}.pile:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--ink) 32%, transparent), transparent 70%);border-radius:50%;position:absolute;inset:-22% -16%}.stack.deck .back{box-shadow:var(--thick,4px) var(--thick,4px) 0 var(--cream), calc(var(--thick,4px) + 2px) calc(var(--thick,4px) + 2px) 0 var(--ink)}.tablewrap.few{--pile-w:clamp(56px, min(16vw, 13dvh), 124px)}@media (height>=700px){.tablewrap.few .opp .avatar{width:52px;height:52px;font-size:var(--t-xl)}}.me-bar .ring .secs{min-width:24px;height:22px;font-size:var(--t-xs);inset:auto auto -12px 50%;transform:translate(-50%)}.pane .seats .grow{white-space:nowrap;flex-wrap:nowrap;overflow:hidden}.pane .seats .grow>b{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.pane .seats .grow>.tag,.pane .seats .grow>small{flex-shrink:0}.k-r .cn.tl:after,.k-y .cn.tl:after,.k-g .cn.tl:after,.k-b .cn.tl:after{text-align:center;-webkit-text-stroke:0;font-size:.62em;line-height:1.1;display:block}.k-r .cn.tl:after{content:"▲"}.k-y .cn.tl:after{content:"●"}.k-g .cn.tl:after{content:"■"}.k-b .cn.tl:after{content:"◆"}.secret i{font-size:var(--t-xs);color:var(--cream);place-items:center;font-style:normal;line-height:1;display:inline-grid}.secret.k-r i:after{content:"▲"}.secret.k-y i:after{content:"●";color:var(--ink)}.secret.k-g i:after{content:"■"}.secret.k-b i:after{content:"◆"}.dot.k-r:after,.dot.k-y:after,.dot.k-g:after,.dot.k-b:after{font-size:var(--t-xs);color:var(--cream);place-items:center;height:100%;line-height:1;display:grid}.dot.k-r:after{content:"▲"}.dot.k-y:after{content:"●";color:var(--ink)}.dot.k-g:after{content:"■"}.dot.k-b:after{content:"◆"}.friends{border-bottom:2px dashed var(--ink);flex-shrink:0;gap:4px;padding-bottom:8px;display:grid}.friends-head{font-size:var(--t-sm);flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.friends-head .fine{flex:1;min-width:0}.friends-head .link{margin-block:0;padding-block:0}.friends ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.friends li{font-size:var(--t-sm);align-items:center;gap:8px;min-width:0;display:flex}.friends .who{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.friends .who:before{content:"";background:var(--ok);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.friends .st{font-size:var(--t-xs);opacity:.7}.friend-add{flex-wrap:nowrap}.friend-add input{flex:1 1 0;min-width:0}@media (height<=640px){.friends ul li:nth-child(n+2){display:none}}.game-mid{flex:1;min-height:0;display:flex}.screen.game.wide{grid-template-columns:minmax(0, 1fr) var(--side-w);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.screen.game.wide>.topbar{grid-column:1/-1}.screen.game.wide>.game-mid{grid-area:2/1;container-type:size}.screen.game.wide>.me,.screen.game.wide>.spectating{grid-area:3/1}.screen.game.wide .tablewrap{flex:none;width:min(100cqw,210cqh);margin-inline:auto}.game-side{gap:var(--s-3);min-width:0;min-height:0;padding:var(--s-4) max(var(--gutter), env(safe-area-inset-right,0px)) max(var(--s-4), env(safe-area-inset-bottom,0px)) 0;grid-area:2/2/4;grid-template-rows:auto auto minmax(0,1fr);display:grid}.game-side.watch{grid-template-rows:auto minmax(0,1fr)}.game-side .panel{padding:var(--s-3) var(--s-4);min-width:0}.game-side h3{margin:0 0 var(--s-1);font-size:var(--t-sm);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.side-me .me-bar{place-items:center start;gap:2px var(--s-2);font-size:var(--t-lg);grid-template-columns:auto minmax(0,1fr);display:grid}.side-me .me-bar .secret{grid-column:1/-1}.side-me .me-line{gap:var(--s-2);align-items:center;min-width:0;display:flex}.side-me .me-bar b{color:var(--ink)}.game-side .secret{border-color:var(--ink);color:var(--ink);white-space:nowrap;background:0 0;max-width:100%}.side-me .status{text-align:left;color:var(--ink);font-size:var(--t-sm);margin-top:var(--s-1)}.side-me.turn .status{color:var(--rust);font-weight:700}.side-me.turn .avatar{animation:glow var(--d-loop) ease-in-out infinite alternate}.game-side ol{font-size:var(--t-sm);gap:2px;margin:0;padding:0;line-height:1.25;list-style:none;display:grid}.side-scores li{justify-content:space-between;gap:var(--s-2);padding:0 var(--s-1) 2px;border-bottom:1px solid var(--line);display:flex}.side-scores li span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-scores li.mine{background:var(--panel-3);border-radius:var(--r-sm);font-weight:700}.side-log{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.side-log .fitbox{min-height:0;overflow:hidden}.side-log li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.side-log li:last-child:not(.empty){font-weight:700}.side-log li.empty{opacity:.6}.screen.game.wide .me{justify-content:center;align-items:center;gap:var(--s-5);padding-inline:var(--gutter);display:flex}.screen.game.wide .hand{flex:0 auto;width:auto;min-width:0}.screen.game.wide .actions{flex:none;padding:0}@media (orientation:portrait){.screen.game:not(.wide) .me{column-gap:var(--s-3);padding-inline:var(--gutter);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"bar act""status status""hand hand"}.screen.game:not(.wide) .me-bar{grid-area:bar;justify-content:flex-start;justify-self:start}.screen.game:not(.wide) .status{grid-area:status}.screen.game:not(.wide) .hand{grid-area:hand;justify-self:center}.screen.game:not(.wide) .actions{grid-area:act;align-self:center;padding:0}}body:has(.screen.game) .conn{top:max(10px, env(safe-area-inset-top,0px))}.loading{gap:var(--s-2);font-size:var(--t-sm);align-items:center;margin:0;display:flex}.loading .card{animation:wob var(--d-loop) var(--e-out) infinite alternate;flex:none}@keyframes wob{to{transform:rotate(10deg)translateY(-4px)}}.emo-foot{justify-content:center;align-items:center;gap:var(--s-1) var(--s-3);flex-wrap:wrap;display:flex}.emo-pager{gap:var(--s-2)}@media (orientation:portrait){.tablewrap .pile .card.lg{--w:min(var(--pile-w), 18cqh)}}@media (orientation:landscape) and (height<=500px){.pane-oyna .pane-body .btn:not(.big){font-size:var(--t-md)}}.survey-q{margin:0;font-weight:600}.survey-opts{gap:var(--s-2);flex-wrap:wrap;display:flex}.survey-opts .btn.on{background:var(--yellow)}.survey-text{width:100%}.survey-nav{margin-top:var(--s-2);justify-content:space-between;align-items:center}.panel.account .btn.google{width:100%}.panel.account .gsi{justify-content:center;min-height:44px;display:flex}.panel.account .or{align-items:center;gap:var(--s-2);font-size:var(--t-sm);opacity:.6;font-weight:600;display:flex}.panel.account .or:before,.panel.account .or:after{content:"";border-top:2px dashed;flex:1}.weekly-badges{align-items:center;gap:var(--s-1) var(--s-2);font-size:var(--t-sm);flex-wrap:wrap;margin:0;font-weight:600;display:flex}.weekly-badges .tag{background:var(--yellow);color:var(--ink);border:2px solid var(--ink)}.weekly-badges .tag.top3{background:var(--orange);color:var(--cream)}@media (width<=359px){.achievements{gap:var(--s-1)}}.daily-event{align-items:center;gap:0 var(--s-2);font-size:var(--t-sm);border-top:2px dashed var(--line);min-width:0;padding-top:var(--s-1);flex-wrap:wrap;display:flex}.daily-event b{min-width:0;color:var(--rust);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.daily-event .txt{flex-basis:100%;order:3;min-width:0}@media (height<=700px){.daily-event .txt{display:none}}.daily-event .cnt{font-variant-numeric:tabular-nums;flex:none;font-weight:600}.daily-event.done b{color:var(--ok)}.weekly-badges .tag.ev{background:var(--panel-3)}@media (height<=800px){.pane-oyna:has(.daily-event) .grp>.fine{display:none}}@media (width<=359px),(height<=600px){.daily:has(.daily-event){gap:2px;padding-block:2px}.daily-event{border-top-width:1px;padding-top:2px}}@media (width>=1280px){.daily-event .txt{text-overflow:ellipsis;white-space:nowrap;flex:2 1 0;order:0;min-width:0;overflow:hidden}}