.app{min-block-size:100dvh}.app__column{max-inline-size:430px;margin-inline:auto}@media (width>=600px){.app{padding:var(--space-4) var(--space-2);background:var(--bark);justify-content:center;display:flex}.app__column{box-shadow:var(--lift-tank)}}.screen{padding:var(--space-3) var(--space-3) var(--space-4) calc(var(--space-2) + 12px);background:var(--paper);color:var(--bark);position:relative}.screen:before{content:"";border:1px solid var(--bark);pointer-events:none;position:absolute;inset:12px 20px 20px 12px}.button{padding:0 var(--space-3);background:var(--cherry);color:var(--paper);font-family:var(--font-body);font-size:var(--size-body);box-shadow:var(--lift);cursor:pointer;border:0;border-radius:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex}.button:active{box-shadow:none;transform:translate(4px,4px)}.link{padding:0 var(--space-1);color:var(--bark);font-size:var(--size-body);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.field{margin:0 0 var(--space-2);flex-direction:column;gap:2px;display:flex}.field__label{font-family:var(--font-body);font-size:var(--size-index);letter-spacing:.06em;text-transform:uppercase;font-weight:600}.field__input{padding:var(--space-1) 0;border:0;border-bottom:1px solid var(--bark);font-size:var(--size-body);background:0 0;border-radius:0}.field__input:focus{outline:2px solid var(--bark);outline-offset:2px}.field--code{padding:var(--space-1) var(--space-2);background:var(--paper);box-shadow:var(--lift);border-radius:3px}.field__input--code{font-size:var(--size-heading);letter-spacing:.18em;text-align:center;text-transform:uppercase;font-weight:600}.bobber{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-2);text-align:center;flex-direction:column;display:flex}.bobber__glyph{block-size:40px;inline-size:40px;color:var(--bark);animation:1.6s ease-in-out infinite bob}.bobber__line{margin:0}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.slip{inline-size:100%;margin:0 0 var(--space-3);padding:var(--space-3) var(--space-2) var(--space-2);background:var(--paper);color:var(--bark);text-align:left;box-shadow:var(--lift);border:0;display:block;position:relative}button.slip{cursor:pointer}.slip__pin{block-size:24px;inline-size:24px;color:var(--bark);margin-left:-12px;position:absolute;top:-10px;left:50%}.slip__line{overflow-wrap:anywhere;margin:0;display:block}.slip__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.slip--notice{padding-inline:var(--space-3)}.stamp{font-family:var(--font-display);font-size:var(--size-display);text-align:center;transform:rotate(var(--stamp-tilt,0deg));line-height:1;display:block}.sign__wordmark{align-items:center;gap:var(--space-1);margin:var(--space-2) 0 var(--space-3);font-family:var(--font-display);font-size:var(--size-display);text-align:center;transform:rotate(var(--tilt-home));flex-direction:column;font-weight:400;line-height:1;display:flex}.sign__hook{block-size:32px;inline-size:32px}.sign__actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.sign__join{inline-size:100%}.board__code-row{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.board__code{padding:var(--space-1) var(--space-2);background:var(--paper);box-shadow:var(--lift);transform:rotate(var(--tilt-lobby));border-radius:3px;flex-direction:column;display:inline-flex}.board__code-label{font-family:var(--font-display);font-size:var(--size-index);letter-spacing:.1em;font-weight:400}.board__code-value{font-family:var(--font-body);font-size:var(--size-heading);letter-spacing:.16em;font-weight:600}.board__hooks{gap:var(--space-2);margin:var(--space-3) 0;grid-template-columns:repeat(3,64px);padding:0;list-style:none;display:grid}.board__host-actions{align-items:center;gap:var(--space-2);margin:var(--space-3) 0;display:flex}.board__waiting{margin:var(--space-3) 0}.hung{flex-direction:column;align-items:center;inline-size:64px;display:flex}.hung__hook{block-size:24px;inline-size:24px;color:var(--bark)}.hung__string{background:var(--paper-edge);block-size:12px;inline-size:1px;margin-top:-6px}.hung__remove{font-size:var(--size-index);margin-top:2px}.tag{background:var(--paper);min-block-size:44px;inline-size:64px;color:var(--bark);font-size:var(--size-index);box-shadow:var(--lift);border-radius:3px;padding:10px 6px 6px 10px;line-height:1.2;display:block;position:relative}.tag__eyelet{border:1px solid var(--paper-edge);border-radius:50%;block-size:5px;inline-size:5px;margin-left:-2.5px;position:absolute;top:2px;left:50%}.tag__name{align-items:center;gap:4px;font-weight:600;display:flex;overflow:hidden}.tag__name-text{white-space:nowrap;text-overflow:ellipsis;min-inline-size:0;overflow:hidden}.tag__role{flex:none;block-size:12px;inline-size:12px}.tag__second-line{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ticket__tear{background:var(--paper-edge);clip-path:polygon(0 0,100% 0,100% 100%,95% 34%,90% 100%,85% 34%,80% 100%,75% 34%,70% 100%,65% 34%,60% 100%,55% 34%,50% 100%,45% 34%,40% 100%,35% 34%,30% 100%,25% 34%,20% 100%,15% 34%,10% 100%,5% 34%,0 100%);block-size:8px;position:absolute;inset:0 0 auto}.ticket__header{margin:0 0 var(--space-3);font-family:var(--font-display);font-size:var(--size-heading);text-align:center;letter-spacing:.06em;font-weight:400;line-height:1}.ticket__lines{margin:0;padding:0;list-style:none}.ticket__line+.ticket__line{border-top:1px solid var(--paper-edge)}.ticket__row{align-items:baseline;gap:var(--space-1);padding:var(--space-1) 0;font-size:var(--size-line);display:flex}.ticket__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-inline-size:0;overflow:hidden}.ticket__jars{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:2px;max-inline-size:120px;display:flex}.ticket__jar{block-size:14px;inline-size:14px}.ticket__count{text-align:right;flex:none;min-inline-size:2ch;font-weight:600}.stamp--catch{--stamp-tilt:var(--tilt-results);margin:0 calc(20px - var(--space-3)) var(--space-1) calc(-1 * var(--space-2));white-space:nowrap}.ticket__tied{margin:var(--space-1) 0 0}.ticket__total{margin:var(--space-3) 0;padding-top:var(--space-1);border-top:1px solid var(--bark);font-weight:600}.ticket__waiting,.ticket__actions{margin:var(--space-3) 0 0}.tank{gap:var(--space-2);min-block-size:100dvh;padding:var(--space-1) var(--space-1) var(--space-3);background:var(--bark);color:var(--paper);flex-direction:column;display:flex}.tank__frame{--rim-column:64px;--rim-gap:4px;--rim-step:calc(var(--rim-column) + var(--rim-gap));border:4px solid var(--bark-rim)}.tank__ornament [data-ink=moss]{color:var(--moss)}.tank__ornament [data-ink=fern]{color:var(--fern)}.tank__ornament [data-ink=paper]{color:var(--paper)}.rim{grid-auto-flow:column;grid-auto-columns:minmax(0, var(--rim-column));gap:var(--rim-gap);padding:var(--space-1) 2px;justify-content:center;margin:0;list-style:none;display:grid}.tank__water{background:var(--water-column);flex-direction:column;min-block-size:196px;display:flex;position:relative}.tank__ornament{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tank__glass{position:absolute;inset:0}.tank__plant{block-size:110px;inline-size:44px;position:absolute;bottom:0}.tank__plant--left{left:-2px}.tank__plant--right{right:-2px}.tank__substrate{block-size:26px;position:absolute;inset:auto 0 0}.tank__surface{flex:0 0 36px;position:relative}.tank__line{background:var(--paper);block-size:2px;position:absolute;inset:auto 0 0}.tank__body{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.flight{inset-block:0;left:var(--from-x,50%);pointer-events:none;inline-size:76px;animation:flight-down var(--duration,.28s) ease-in var(--delay,0s) both;margin-left:-38px;position:absolute}.flight--up{animation-name:flight-up}@keyframes flight-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(92%)}}@keyframes flight-up{0%{opacity:1;transform:translateY(92%)}to{opacity:0;transform:translateY(0)}}.tank__band{padding:var(--space-1);overflow-x:clip}.tank__band>.slip{margin-bottom:var(--space-1);box-shadow:var(--lift-tank)}.counter{gap:var(--space-1);align-items:stretch;display:flex}.counter__seat{align-items:center;gap:var(--space-1);flex-direction:column;flex:none;inline-size:16px;display:flex;position:relative}.counter__bubble{z-index:1;pointer-events:none;line-height:0;position:absolute;inset:0 auto auto 0}.counter__gauge{flex:1;min-block-size:80px}.counter__jars{flex-wrap:wrap;gap:2px;display:flex}.counter__hand{flex:1;min-inline-size:0}.tank__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tank__actions .link{color:var(--paper)}.emotes{gap:var(--space-1);flex-basis:100%;order:-1;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid}.emotes__pick{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;inline-size:100%;padding:0;display:flex}.emotes__pick:active .emote--pick{transform:translate(4px,4px)}.card{background:var(--paper);block-size:107px;inline-size:76px;color:var(--bark);box-shadow:var(--lift-tank);border-radius:4px;flex:none;display:block;position:relative;overflow:hidden}.card--tray{border-radius:6px;block-size:146px;inline-size:104px}.card--cherry{color:var(--cherry)}.card__index{font-size:var(--size-index);align-items:center;gap:2px;font-weight:600;line-height:1;display:flex;position:absolute;top:5px;left:6px;right:4px}.card__rank{flex:none}.card__pip{flex:none;block-size:10px;inline-size:10px}.card--tray .card__pip{block-size:13px;inline-size:13px}.card__art{position:absolute;inset:21px 6px}.card--tray .card__art{inset:26px 10px}.card--back .card__art{inset:0}.card__name{font-family:var(--font-body);font-size:var(--size-index);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1;position:absolute;inset:auto 4px 5px;overflow:hidden}.card--tray .card__name{font-family:var(--font-display);text-transform:uppercase;font-weight:400;inset:auto 0 5px}.hand{gap:var(--space-1);flex-direction:column;display:flex}.hand__row{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.hand__card{cursor:pointer;background:0 0;border:0;min-inline-size:0;padding:0;display:block}.hand__card--picked{transform:translateY(-12px)}.hand__card:active .card{box-shadow:none;transform:translate(4px,4px)}.gauge{flex-direction:column;align-items:center;gap:4px;display:flex}.gauge__well{background:var(--paper-edge);border-radius:3px;flex:1;inline-size:6px;position:relative;overflow:hidden}.gauge__water{background:var(--water-column);transform:scaleY(var(--level,1));transform-origin:bottom;position:absolute;inset:0}.gauge--last .gauge__water{background:var(--cherry)}.gauge__seconds{color:var(--paper);font-size:var(--size-index);flex:none;font-weight:600;line-height:1}.rim .hung{inline-size:100%;position:relative}.rim .hung__hook,.rim .hung__jar{color:var(--paper)}.rim .tag{inline-size:100%;box-shadow:var(--lift-tank);padding:8px 3px 4px 4px}.rim .hung--active .tag{padding-left:12px}.hung--active .hung__string{block-size:24px}.tag--selected{box-shadow:7px 7px 0 var(--fern);transform:translate(-3px,-3px)}.tag__gauge{position:absolute;inset:3px auto 3px 3px}.tag__away{font-weight:600;line-height:1.1;display:block}.hung__bubble{z-index:1;pointer-events:none;line-height:0;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.hung__jars{margin-top:var(--space-1);flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.hung__jar{block-size:14px;inline-size:14px}.slips{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.slip--event{padding:var(--space-1) var(--space-2) var(--space-1) var(--space-3);box-shadow:var(--lift-tank);margin:0}.slip--event .slip__pin{block-size:18px;inline-size:18px;margin-top:-9px;margin-left:0;top:50%;left:4px}.tank .stamp{--stamp-tilt:var(--tilt-table)}.stamp--landing{animation:stamp-land var(--duration,.22s) ease-out var(--delay,0s) both}@keyframes stamp-land{0%{opacity:0;transform:rotate(var(--stamp-tilt)) scale(1.7)}to{opacity:1;transform:rotate(var(--stamp-tilt)) scale(1)}}.shelf{--shelf-step:26px;padding:var(--space-1) 2px;background:var(--bark);color:var(--paper);grid-template-columns:repeat(13,1fr);gap:2px;margin:0;list-style:none;display:grid;position:relative}.shelf__slot{flex-direction:column;justify-content:flex-end;align-items:center;min-block-size:32px;display:flex}.shelf__jar{block-size:18px;inline-size:18px}.shelf__jar--leaving{animation:jar-leaves var(--duration,.18s) ease-in var(--delay,0s) both}@keyframes jar-leaves{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--jar-columns,0) * var(--rim-step) + var(--jar-slots,0) * var(--shelf-step)), calc(var(--jar-direction,-1) * 26px))}}.shelf__index{font-size:var(--size-index);font-weight:600;line-height:1}.pile{flex-direction:column;align-items:center;display:flex;position:relative}.pile__stack{block-size:107px;inline-size:76px;display:block;position:relative}.pile__card{transform:translate(calc(var(--at) * -2px), calc(var(--at) * -2px));position:absolute;inset:0}.pile__stack+.pile__tag{position:absolute;inset:auto auto 6px}.pile__tag{white-space:nowrap;padding:2px var(--space-1);background:var(--paper);color:var(--bark);font-size:var(--size-index);box-shadow:var(--lift-tank);border-radius:3px;font-weight:600}.away{margin-bottom:var(--space-2);text-align:center}.away__sign{font-family:var(--font-display);font-size:var(--size-heading);margin:0;line-height:1}.away__line{margin:var(--space-1) 0 var(--space-2);text-align:left}.tray{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.tray__card{flex:none}.tray__line{min-inline-size:120px;color:var(--paper);font-size:var(--size-line);overflow-wrap:anywhere;flex:1;margin:0;line-height:1.2}.tray__ask{flex:none}.emote{block-size:40px;inline-size:40px}.emote [data-ink=paper]{color:var(--paper)}.emote [data-ink=bark]{color:var(--bark)}.emote [data-ink=fern]{color:var(--fern)}.emote--pick{block-size:36px;inline-size:36px}.emote--bubble{block-size:32px;inline-size:32px}