@font-face{font-family:Libron;src:url(/fonts/Libron-Regular.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Libron;src:url(/fonts/Libron-Bold.woff2)format("woff2");font-weight:700;font-display:block}:root{--ink:#141413;--paper:#faf9f5;--table:oklch(21% .004 95);--surface:color-mix(in oklab, var(--paper) 10%, var(--table));--back:color-mix(in oklab, var(--paper) 20%, var(--table));--button:color-mix(in oklab, var(--paper) 20%, var(--table));--button-hover:color-mix(in oklab, var(--paper) 28%, var(--table));--stroke:color-mix(in oklab, var(--paper) 48%, var(--table));--gray:color-mix(in oklab, var(--paper) 52%, var(--table));--faint:color-mix(in oklab, var(--paper) 60%, var(--table));--quiet:color-mix(in oklab, var(--paper) 80%, var(--table));--button-primary-hover:color-mix(in oklab, var(--paper) 86%, var(--table));--line:color-mix(in srgb, var(--paper) 12%, transparent);--lit:color-mix(in srgb, var(--paper) 16%, transparent);--line-strong:color-mix(in srgb, var(--paper) 24%, transparent);--shade:0 0 0;--contact:rgb(var(--shade) / .12);--drop:rgb(var(--shade) / .17);--well:rgb(var(--shade) / .16);--dim:rgb(var(--shade) / .5);--dark:rgb(var(--shade));--card-exploding-kitten:#c4513a;--card-defuse:#4fa176;--card-nope:#bf4b5c;--card-attack:#dc8a48;--card-skip:#6a9bcc;--card-favor:#86a85a;--card-shuffle:#a08a72;--card-see-the-future:#cf7a9c;--card-tacocat:#d6a843;--card-cattermelon:#9c86cb;--card-hairy-potato-cat:#a87a5b;--card-beard-cat:#546e86;--card-rainbow-ralphing-cat:#5ca9a2;--open:oklch(50% .09 160);--danger:oklch(50% .11 55);--kitten:oklch(50% .13 30);--copied:color-mix(in oklab, var(--open) 45%, transparent);--sun:#f2c54b;--leading-tight:1.15;--leading-snug:1.25;--leading:1.4;--tracking-tight:-.02em;--tracking-caps:.035em;--chip:1.7em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius:4px;--control:54px;--ring:var(--paper);--ring-width:2.5px;--ring-gap:3px;--z-under:0;--z-cards:1;--z-over:2;--z-spot:3;--z-voice:4;--z-drag:5;--z-tip:6;--z-corner:7;--z-scrim:8;--z-sheet:9;--grain:.55;color:var(--paper);background:var(--table);font-family:Libron,Georgia,serif;font-size:var(--text-body);line-height:var(--leading);font-synthesis:none;font-variant-numeric:proportional-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box;margin:0}html{overscroll-behavior:none;height:100%}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overflow:hidden}::selection{background:var(--copied)}body:before{content:"";pointer-events:none;mix-blend-mode:overlay;opacity:var(--grain);background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'200'%20height%3D'200'%3E%3Cfilter%20id%3D'g'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'0.8'%20numOctaves%3D'3'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20type%3D'saturate'%20values%3D'0'%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D'linear'%20slope%3D'3'%20intercept%3D'-1'%2F%3E%3CfeFuncG%20type%3D'linear'%20slope%3D'3'%20intercept%3D'-1'%2F%3E%3CfeFuncB%20type%3D'linear'%20slope%3D'3'%20intercept%3D'-1'%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E");position:fixed;inset:0}button{font:inherit;color:inherit;border-radius:var(--radius);cursor:pointer;transition:scale var(--micro) var(--ease-out), background-color var(--micro) ease, color var(--micro) ease, box-shadow var(--micro) ease;background:0 0;border:0;padding:0}button:active{scale:var(--press)}.option:not(.square,[aria-disabled]):active,.invite:active{scale:var(--press-wide)}.guide .rules button:active{scale:none}button:focus-visible,.you .field:focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-gap)}h1,h2{font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}p,li{text-wrap:pretty}.sheet,.pill,.cardtip,.badge,.pill .turns,.byline .who[data-hit],.seats-row .mine .glide{border-radius:var(--radius);background:var(--surface);box-shadow:inset 0 1px 0 var(--lit), inset 0 0 0 1px var(--line)}.badge,.pill .turns{height:var(--chip);font-variant-numeric:tabular-nums;align-items:center;padding:0 .45em;font-weight:700;line-height:1;display:flex}.peek .pick:first-child .badge,.pill .turns{background:var(--paper);color:var(--ink)}.badge{z-index:1;translate:calc(-1 * var(--overhang)) calc(-1 * var(--overhang));pointer-events:none;justify-content:center;gap:.5em;min-width:2.1em;position:absolute;top:0;left:0}.times{margin-right:.04em;font-weight:400;position:relative;top:-.11em}.badge,.ask{--overhang:.67em}.ask{top:0;left:2em;right:calc(-1 * var(--overhang));z-index:1;translate:0 calc(-1 * var(--overhang));pointer-events:none;justify-content:safe flex-end;display:flex;position:absolute}.ask .badge{line-height:var(--chip);white-space:nowrap;display:block;position:static;translate:none}.emblem{border-radius:16%}.named{white-space:nowrap}.named .emblem{vertical-align:-.12em;height:min(1em,18px);margin:0 min(.32em,6px) 0 min(.1em,2px)}h2 .named .emblem{vertical-align:.02em}.badge .named .emblem{margin:0 .15em 0 0}.glyph{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.glyph *{vector-effect:non-scaling-stroke}.cards-icon{width:1.15em;height:1.15em;fill:var(--table)}.arrow,.onward{--mark:max(14px, calc(18px * var(--s)));width:var(--mark);height:var(--mark);color:var(--quiet)}.onward{width:min(var(--mark) * 5 / 3, var(--room));aspect-ratio:5/3;height:auto}.card,.edges>div,.guide .pile>.edge,.zone,.logo img{border-radius:max(var(--radius), calc(var(--w) * .045))}.card{width:var(--w);aspect-ratio:1 / var(--ratio);background:var(--paper);color:var(--ink);flex:none;position:relative}.card,.logo img{box-shadow:var(--edge,0 0 transparent), 0 1px 2px var(--contact), 0 calc(var(--lift,2px) * .7) calc(var(--lift,2px) * 2.6) var(--drop)}.card.face{background:color-mix(in oklab, var(--c) 35%, var(--paper))}.card .index{font-size:max(var(--text-caption), calc(var(--w) * var(--name)));font-weight:700;line-height:var(--leading-tight);white-space:nowrap;align-items:center;gap:.34em;display:flex;position:absolute;top:7%;left:8%;right:5%}.card .index .emblem{flex:none;width:1.3em}.card .art{width:74%;position:absolute;bottom:12%;left:13%}.card.mini .index span,.slotted[data-mini] .index span{display:none}.slotted:not([data-mini]) .card .index{font-size:max(calc(var(--text-caption) * var(--unscale)), calc(var(--w) * var(--name)))}.card.back{--top:inset 0 1px 0 var(--lit);--edge:var(--top);background:var(--back)}.card.back .mark{width:46%;margin:auto;position:absolute;inset:0}.table{--table-lead:var(--text-lead);--table-body:var(--text-body);--table-small:var(--text-small);position:fixed;inset:0;overflow:hidden}.table[data-compact]{--table-lead:var(--text-body);--table-body:var(--text-small);--table-small:var(--text-caption)}.board{display:contents}.layer,.overlay,.spotlight,.flush{pointer-events:none;position:absolute;inset:0}.overlay.under{z-index:var(--z-under)}.layer{z-index:var(--z-cards)}.overlay.over{z-index:var(--z-over)}.table[data-spotlight] .layer{z-index:var(--z-spot)}.overlay.voice{z-index:var(--z-voice)}.unseen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.table[data-dragging] .layer{z-index:var(--z-drag)}.spotlight{background:var(--dim)}.flush{z-index:var(--z-cards);background:var(--dark)}.slotted{pointer-events:auto;touch-action:none;perspective:1400px;position:absolute;top:0;left:0}.slotted[data-grab]{cursor:grab}.slotted[data-grab]:active{cursor:grabbing}.slotted[data-open]{cursor:pointer}.slotted:focus{outline:none}.slotted .flip{aspect-ratio:1 / var(--ratio);transform-style:preserve-3d;position:relative}.slotted .side{backface-visibility:hidden;outline:calc(var(--ring-width) * var(--unscale)) solid transparent;outline-offset:calc(var(--ring-gap) * var(--unscale));transition:background-color var(--fade) ease, filter var(--fade) ease, outline-color var(--micro) ease;position:absolute;inset:0}.slotted[data-act] .side,.slotted:focus-visible .side{outline-color:var(--ring)}.slotted .rear{transform:rotateY(180deg)}:is(.slotted,.guide) .flip[data-fade]>.side{backface-visibility:visible;transform:rotate(0)}.flip[data-fade]>.back{z-index:1;transition:opacity var(--fade) var(--ease-out)}.flip[data-fade][data-up]>.back{opacity:0}.slotted .front .art{transition:filter var(--fade) ease}.slotted[data-dim] .front{background:var(--gray)}.slotted[data-dim] .front .art{filter:grayscale()brightness(.5)contrast(.9)}.slotted[data-recede] .side,.edges[data-recede]>div{filter:brightness(.75)}.tremble[data-on]{animation:tremble var(--suspense) linear both}@keyframes tremble{30%{transform:none}40%{transform:translate(-.6px,.4px)rotate(-.3deg)}50%{transform:translate(.8px,-.3px)rotate(.3deg)}60%{transform:translate(-1px,.5px)rotate(-.4deg)}70%{transform:translate(1.1px,-.4px)rotate(.45deg)}80%{transform:translate(-1.3px,.4px)rotate(-.5deg)}90%{transform:translate(1.2px,-.5px)rotate(.5deg)}}@media (prefers-reduced-motion:reduce){.tremble[data-on]{animation:none}}.zone{border:2px dashed var(--stroke);background:var(--line);transition:border-color var(--micro) ease, background-color var(--micro) ease}.zone[data-solid]{border-style:solid;border-color:var(--quiet);background:var(--line-strong)}.well{--rim:var(--line);background:var(--well);box-shadow:inset 0 0 0 1px var(--rim);border:0}:is(input,button).well{--rim:var(--stroke)}@media (hover:hover) and (pointer:fine){input.well:not(:focus):hover,button.well:hover{--rim:var(--faint)}}.tag{right:calc(-1 * var(--space-1));bottom:calc(-1 * var(--space-1));border-radius:var(--radius);width:20px;height:20px;color:var(--paper);background:var(--button);box-shadow:0 0 0 2px var(--table);transition:background-color var(--micro) ease, opacity var(--micro) var(--ease-out);place-items:center;display:grid;position:absolute}.tag[data-at=top]{top:calc(-1 * var(--space-1));bottom:auto}.tag .glyph{stroke-width:1.5px;width:12px;height:12px}@media (hover:hover) and (pointer:fine){.tag[data-reveal]{opacity:0}}button:has(>.tag):focus-visible{outline-offset:calc(var(--space-1) + var(--ring-gap))}button:focus-visible>.tag[data-reveal]{opacity:1}@media (hover:hover) and (pointer:fine){button:hover>.tag{background:var(--button-hover)}button:hover>.tag[data-reveal]{opacity:1}}.edges>div{transition:filter var(--fade) ease;background:var(--back);box-shadow:inset 0 -1px 0 var(--line-strong);position:absolute;translate:-50% -50%}.byline{max-width:calc(100vw - 2 * var(--gutter));align-items:center;gap:var(--space-2);white-space:nowrap;font-size:var(--table-body);display:flex}.byline .who{align-items:center;gap:var(--space-2);min-width:0;transition:background-color var(--micro) ease;display:inline-flex}.byline .who[data-hit]{padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);background:var(--danger)}.pill{--time:var(--button-hover);width:max-content;max-width:calc(100vw - 2 * var(--gutter));font-size:var(--table-lead);font-weight:700;line-height:var(--leading-snug);text-wrap:balance;transition:background-color var(--micro) ease;display:grid}.pill>*{grid-area:1/1}.pill[data-tone=open]{--time:var(--open)}.pill[data-tone=danger]{--time:var(--danger)}.pill[data-tone=kitten]{--time:var(--kitten)}.pill[data-tone]:not(:has(.clock)){background:var(--time)}.pill .line{text-align:center;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-3);display:flex;position:relative}.pill .line:not(:has(>.avatar)){padding-left:var(--space-6)}.clock{border-radius:inherit;overflow:hidden}.drain{background:var(--time);transform-origin:0;height:100%;animation:drain var(--window) linear both;transition:background-color var(--micro) ease}.sheet>.clock{--time:var(--quiet);border-radius:0;height:3px;position:absolute;inset:0 0 auto}.time-left{min-width:4ch;padding-inline:var(--space-1);border-radius:var(--radius);color:var(--paper);font-size:var(--text-small);font-variant-numeric:tabular-nums;text-align:center;flex:none}.time-left[data-near]{background:var(--danger)}.sheet>.time-left{top:calc(var(--sheet-pad) + var(--space-1));right:var(--sheet-pad);position:absolute}.sheet:has(>.time-left) [data-step]>.head{padding-inline-end:calc(4ch + var(--space-4))}.seat .ring{z-index:1;width:var(--avatar);height:var(--avatar);pointer-events:none;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.seat .ring path{--around:1;fill:none;stroke:var(--paper);stroke-width:6px;stroke-linecap:round;stroke-dasharray:var(--around);animation:linear both ring}@keyframes ring{to{stroke-dashoffset:var(--around)}}@keyframes drain{to{transform:scaleX(0)}}.pill .turns{margin-left:calc(-1 * var(--space-1));font-size:var(--table-small)}.avatar{flex:none;display:inline-grid;position:relative}.avatar svg,.avatar .face{width:100%;height:100%}.avatar .face{transition:filter var(--micro) ease, opacity var(--micro) var(--ease-out);position:relative}.avatar .burst{inset:calc(var(--rays) * -100%);fill:var(--sun);position:absolute}.avatar[data-out] .face{filter:grayscale();opacity:.4}.seat{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.seat .name{max-width:var(--room,none);font-size:var(--table-body);margin-top:calc(var(--avatar) * var(--rays))}.seat[data-out] .name{color:var(--quiet);text-decoration:line-through;text-decoration-thickness:1.5px}.seat .n{align-items:center;gap:var(--space-1);color:var(--quiet);font-size:var(--table-small);font-variant-numeric:tabular-nums;transition:opacity var(--fade) var(--ease-out);display:flex}.seat .n[data-hidden]{opacity:0;transition-duration:var(--micro)}.scrim{z-index:var(--z-scrim);background:var(--dim);position:absolute;inset:0}.sheet{left:50%;bottom:var(--gutter);z-index:var(--z-sheet);width:min(var(--sheet-width), calc(100vw - 2 * var(--gutter)));max-height:calc(100dvh - 2 * var(--gutter));padding:var(--sheet-pad);position:absolute;overflow:auto}.sheet:focus{outline:none}.sheet .head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.sheet .thumb{--w:var(--card-sheet);margin:-6px 0 -6px -4px}@media (width<480px),(height<620px){.sheet .thumb{--w:72px}.sheet .thumb .index span{display:none}}.crowned{display:flex}.sheet h2{font-size:var(--text-title)}.sheet .sub{margin-top:var(--space-1);color:var(--quiet);font-size:var(--text-small)}.sheet :is(h2,.sub),.log li{overflow-wrap:anywhere}.options{gap:var(--space-3);flex-direction:column;display:flex}.row{gap:var(--space-3);flex-wrap:wrap;display:flex}.row .option{padding-inline:var(--space-3);gap:var(--space-2);white-space:nowrap;flex:1}.option{--fill:var(--button);width:100%;min-height:var(--control);padding:0 var(--space-6);justify-content:center;align-items:center;gap:var(--space-3);background:var(--fill);font-weight:700;display:flex}.option.primary{--fill:var(--paper);color:var(--ink)}@media (hover:hover) and (pointer:fine){.option:not([aria-disabled]):hover{--fill:var(--button-hover)}.option.primary:not([aria-disabled]):hover{--fill:var(--button-primary-hover)}}.option .num{font-size:var(--text-title);line-height:1}.option .note{align-items:center;gap:var(--space-1);color:var(--quiet);font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:400;display:inline-flex}.option .cards-icon{fill:var(--fill);transition:fill var(--micro) ease}.picks{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.pick{position:relative}.names{--cols:4;--rows:3;--rest:328px;flex-wrap:wrap}@media (width<480px){.names{--cols:3;--rows:4;--rest:307px}}.names .pick{width:max(var(--least,64px), min((100% - (var(--cols) - 1) * var(--space-3)) / var(--cols), (100dvh - var(--rest)) / var(--rows) / var(--ratio)));container-type:inline-size}.names .card{--w:100cqw}@container (width<84px){.names .card .index span{display:none}}.peek{padding-top:var(--space-4)}.peek .pick:first-child{transform:translateY(4px)rotate(-4deg)}.peek .pick:nth-child(2){transform:translateY(-4px)}.peek .pick:nth-child(3){transform:translateY(4px)rotate(4deg)}.sheet .badge{font-size:var(--text-small)}.badge.order{left:50%;translate:-50% -78%}.fan{margin:0 auto;position:relative}.fan-card{transform-origin:50% 120%;position:absolute;top:0}button.pick,.fan-card{transition:scale var(--micro) var(--ease-out), transform var(--micro) var(--ease-out)}@media (prefers-reduced-motion:reduce){button.pick,.fan-card{transition-property:scale}}.fan-card+.fan-card .card.back{--edge:var(--top), inset 1px 0 0 var(--line-strong)}.log{max-height:min(340px,45dvh);margin-top:calc(-1 * var(--space-2));padding:0 0 var(--space-6);-webkit-mask-image:linear-gradient(black calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(black calc(100% - var(--space-6)), transparent);list-style:none;overflow-y:auto}.log li{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;display:flex}.log .none{color:var(--quiet)}.place-label{margin-bottom:var(--space-4);text-align:center;font-size:var(--text-lead);font-weight:700;line-height:var(--leading-snug)}.deck-slider{appearance:none;width:100%;height:44px;margin:calc(-1 * var(--space-4)) 0 calc(var(--space-6) - var(--space-4));cursor:pointer;background:0 0;display:block}.deck-slider::-webkit-slider-runnable-track{border-radius:var(--radius);background:var(--button);height:12px}.deck-slider::-moz-range-track{border-radius:var(--radius);background:var(--button);height:12px}.deck-slider:focus-visible{outline:none}.deck-slider:focus-visible::-webkit-slider-runnable-track{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-gap)}.deck-slider:focus-visible::-moz-range-track{outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-gap)}.deck-slider::-webkit-slider-thumb{appearance:none;border-radius:var(--radius);background:url(/cards/exploding-kitten.png) center / cover var(--card-exploding-kitten);width:32px;height:32px;margin-top:-10px}.deck-slider::-moz-range-thumb{border-radius:var(--radius);background:url(/cards/exploding-kitten.png) center / cover var(--card-exploding-kitten);border:0;width:32px;height:32px}.tip{z-index:var(--z-tip);translate:-50% max(-100%, calc(var(--space-4) - var(--y,100vh)));pointer-events:none;animation:tip var(--micro) var(--ease-out) both;position:absolute}.tip.float{position:fixed}.tip[data-instant]{animation:none}@keyframes tip{0%{opacity:0;transform:translateY(var(--space-1))}}@media (prefers-reduced-motion:reduce){@keyframes tip{0%{opacity:0}}}.cardtip{width:var(--tip-width);padding:var(--space-3) var(--space-4);font-size:var(--text-small)}.cardtip .head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.cardtip .head .emblem{width:22px}.cardtip .why{margin-top:var(--space-3);color:var(--quiet)}.corner{top:var(--gutter);left:var(--gutter);z-index:var(--z-corner);display:flex;position:absolute}.icon-button{width:36px;height:36px;color:var(--quiet);place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.icon-button:hover{color:var(--paper)}}@media (pointer:coarse){.icon-button:after,.seats-row button:after{content:"";position:absolute;inset:-4px}}.home{--column:336px;--logo-em:9.29;--logo:calc(var(--column) / var(--logo-em));--face:var(--face-seat);--seat:var(--face-seat);--first:calc(var(--seat) + var(--space-1) + var(--text-caption) * var(--leading));--gap:var(--space-12);padding:var(--space-12) var(--space-4) calc(2 * var(--space-6));justify-content:safe center;align-items:center;gap:var(--gap);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.logo{font-size:min(var(--logo), (100vw - 2 * var(--gutter)) / var(--logo-em));letter-spacing:var(--tracking-caps);text-transform:uppercase;align-items:center;gap:.4em;line-height:1;display:flex}.logo>span>span{display:block}.logo .cat{--w:2.1em;--lift:8px;width:var(--w);height:var(--w);flex:none;position:relative}.logo img{width:100%;height:100%}.logo .eye{place-items:center;display:grid;position:absolute}.logo .pupil{aspect-ratio:1;background:var(--ink);border-radius:50%}.logo .lid{background:var(--ink);transform-origin:top;transition:scale var(--blink) var(--ease-out);border-radius:50%;position:absolute;inset:-12%;scale:1 0}.logo .lid[data-shut]{scale:1}.home[data-enter=wait] :is(.logo,.setup,.how){opacity:0}.home[data-enter=go] :is(.logo,.setup,.how){animation:enter var(--enter) var(--ease-out) both}.home[data-enter=go] .setup{animation-delay:var(--step)}.home[data-enter=go] .how{animation-delay:calc(2 * var(--step))}@keyframes enter{0%{opacity:0;translate:0 8px}}@media (prefers-reduced-motion:reduce){@keyframes enter{0%{opacity:0}}}.panel{width:min(100%, var(--column));gap:var(--gap);grid-template-columns:minmax(0,1fr);display:grid}.lead{align-items:center;gap:var(--gap);flex-direction:column;display:flex}.lead .setup{align-self:stretch}.how{--scene:.8;justify-items:start;display:grid}@media (width<960px) and (height>=560px){.how,.how .guide{justify-items:center}}@media (width<960px) and (height>=740px){.how{--scene:1;margin-top:var(--space-6)}}@media (width>=960px) and (height>=560px),(orientation:landscape) and (height<560px){.panel{align-items:center}}@media (width>=960px) and (height>=560px){.panel{grid-template-columns:var(--column) auto;column-gap:calc(5 * var(--space-6));width:auto}.lead{align-items:stretch}.how{--scene:1}}.setup{--apart:var(--space-6);align-content:start;gap:var(--apart);grid-template-columns:minmax(0,1fr);display:grid}.you{min-height:var(--first);align-items:center;gap:var(--space-4);display:flex}.me{border-radius:var(--radius);flex:none;display:grid;position:relative}.you .field{min-width:0;height:var(--control);padding:0 var(--space-4);font:inherit;color:var(--paper);border-radius:var(--radius);transition:box-shadow var(--micro) ease;flex:1}.you .field::placeholder{color:var(--quiet);opacity:1}.seats-row{min-height:var(--first);justify-content:space-between;align-items:flex-start;padding:0;list-style:none;display:flex;container-type:inline-size}.seats-row li{width:var(--seat);justify-items:center;gap:var(--space-1);display:grid}.seats-row .name{color:var(--quiet);font-size:var(--text-caption)}.seats-row .fit{max-width:calc((100cqw - var(--seat)) / 4 - var(--space-1))}.seats-row .add{white-space:nowrap}.seats-row .mine .name{color:var(--paper)}.seats-row .bot{border-radius:var(--radius);display:grid;position:relative}@media (hover:hover) and (pointer:fine){.seats-row button.empty:hover{color:var(--paper)}}.seats-row .empty{width:var(--seat);height:var(--seat);border-radius:var(--radius);color:var(--quiet);place-items:center;display:grid;position:relative}.actions{align-content:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.glide{flex:none;display:grid}.seats-row .mine .glide{padding:var(--space-1);margin:calc(-1 * var(--space-1))}.invite{width:100%;min-height:var(--control);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);display:flex}.invite[data-failed]{--rim:var(--stroke)}.invite[data-failed]:has(:focus-visible){outline:var(--ring-width) solid var(--ring);outline-offset:var(--ring-gap)}.invite input.url{height:100%;color:inherit;font:inherit;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;background:0 0;border:0;outline:none;flex:1}.invite[data-failed] .act{--fill:transparent;min-width:0;padding-inline:var(--space-2);color:var(--quiet);font-weight:400}.invite .url{min-width:0;margin:0 auto 0 calc(-1 * var(--space-1));padding:0 var(--space-1);border-radius:var(--radius);white-space:nowrap;transition:background-color var(--micro) ease;display:flex}.invite .host{color:var(--quiet)}.fit{white-space:nowrap;min-width:0;overflow:hidden}.fit[data-cut]{-webkit-mask-image:linear-gradient(270deg,#0000,#000 1.5em);mask-image:linear-gradient(270deg,#0000,#000 1.5em)}.invite .act{--fill:var(--button);border-radius:var(--radius);background:var(--fill);min-width:108px;height:38px;transition:background-color var(--micro) ease;flex:none;place-items:center;font-weight:700;display:grid}.invite .act>div{align-items:center;gap:var(--space-2);display:flex}.invite.well[data-copied]{--rim:var(--open)}.invite[data-copied] .act{--fill:var(--open)}.invite[data-copied] .url{background:var(--copied)}@media (hover:hover) and (pointer:fine){.invite:hover:not([data-copied],[data-failed]) .act{--fill:var(--button-hover)}}@media (width<480px){.home{--gap:var(--space-8);padding-block:var(--space-8)}}@media (width<360px){.home{--seat:var(--face-option)}}@media (height<740px){.home{padding-block:var(--space-6)}}@media (height<740px) and (width<960px),(height<620px){.home{--gap:var(--space-6);padding-block:var(--space-4)}.setup{--apart:var(--space-4)}.how{--scene:.625}.how .guide{gap:var(--space-4)}}@media (orientation:landscape) and (height<560px){.names{--cols:6;--rows:2;--rest:252px;--least:44px}.sheet:has(.names) .thumb{display:none}.options.menu{grid-template-columns:1fr 1fr;display:grid}.menu>:is(.invite,.invite-fallback,.primary){grid-column:1/-1}.sheet .guide{align-items:center;column-gap:var(--space-8);grid-auto-flow:column}.home{--column:256px;--face:var(--face-option);--seat:var(--face-option);--gap:var(--space-6);padding-block:var(--space-2)}.panel{grid-template-columns:var(--column) auto;column-gap:var(--space-12);width:auto}.how{--scene:.625}.setup{--apart:var(--space-3)}}.guide{justify-items:start;gap:var(--space-6);display:grid}.guide .step{--w:var(--card-sheet);zoom:var(--scene,.625);touch-action:pan-y;display:grid}.guide .felt{grid-area:1/1;position:relative}.guide .felt>span{display:grid;position:absolute;top:8px;left:0}.guide .stage{width:calc(var(--w) * 2.44);height:calc(var(--w) * (var(--ratio) + .29) + 8px);perspective:600px;grid-area:1/1;position:relative}.guide .stage>span{display:grid;position:absolute;top:8px;left:0}.guide .pile>*{grid-area:1/1}.guide .pile>.edge{width:var(--w);aspect-ratio:1 / var(--ratio);background:var(--back);box-shadow:inset 0 -1px 0 var(--line-strong)}.guide .flip{transform-style:preserve-3d;display:grid}.guide .side{backface-visibility:hidden;grid-area:1/1}.guide .side.front{rotate:y 180deg}.guide .stage>.faces{justify-content:center;align-items:center;gap:var(--space-4);display:flex;inset:0}.guide .rules{padding:0;list-style:none;display:grid}.guide .rules button{align-items:baseline;gap:var(--space-3);padding-block:var(--space-1);color:var(--faint);text-align:left;display:flex}.guide .rules [aria-current]{color:var(--paper)}.guide .rules button>:last-child{text-wrap:balance}.guide .rules .n{font-variant-numeric:tabular-nums;width:1ch}@media (hover:hover) and (pointer:fine){.guide .rules button:hover{color:var(--paper)}}.sheet .guide{margin:0 auto var(--space-6)}.option[aria-disabled]{opacity:.5;cursor:default;scale:1}.joining .you{--face:var(--seat);min-height:0}.row .option.square{width:var(--control);flex:none;padding:0}.play{flex:1;display:grid;position:relative}.tip.why{top:calc(100% + var(--space-2));left:50%;translate:-50%}.tip.why .cardtip{width:max-content}@media (height<740px) and (width<960px),(height<620px){.tip.why{inset:50% 0 auto;translate:0 -50%}.tip.why .cardtip{text-align:center;text-wrap:balance;width:auto}}.aside{left:0;right:0;bottom:var(--space-6);text-align:center;color:var(--quiet);position:absolute}@media (hover:hover) and (pointer:fine){button.pick:hover{transform:translateY(calc(-1 * var(--space-1)))}}.scrim.told,.sheet.told{position:fixed}.sheet.told{translate:-50%}.told.alone{padding:var(--gutter);place-items:center;display:grid;position:fixed;inset:0}.told.alone .sheet{position:static;translate:none}@media (prefers-contrast:more){:root{--faint:var(--quiet);--stroke:var(--quiet);--line:var(--line-strong);--lit:var(--line-strong);--grain:0}}@media (forced-colors:active){:root{--ring:CanvasText}.card,.edges>div,.guide .pile>.edge,.emblem,.avatar,.logo .cat,.drain,.deck-slider{forced-color-adjust:none}.sheet,.sheet:focus,.pill,.cardtip,.badge,.pill .turns,.byline .who[data-hit],.seats-row .mine .glide,.option,.well,.tag,.invite .act{outline-offset:-1px;outline:1px solid}}