@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:700;src:url(./caveat-latin-700-normal-D8_1Nw6V.woff2) format("woff2"),url(./caveat-latin-700-normal-cPyBTTZN.woff) format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(./patrick-hand-latin-400-normal-B7HHA2Vw.woff2) format("woff2"),url(./patrick-hand-latin-400-normal-Df9_VoRQ.woff) format("woff")}html:root{--kit-bg: #1f120a;--kit-panel: #fffdf6;--kit-fg: #2f2418;--kit-muted: #7a6a55;--kit-accent: #f6b93b;--kit-accent-fg: #3a2408;--kit-accent-2: #d8392b;--kit-warn: #e0a42a;--kit-radius: 6px;--kit-font: "Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--kit-focus-shadow: 0 0 0 3px rgba(63, 182, 201, .6), 0 0 24px rgba(63, 182, 201, .55);--kit-glyph-key: linear-gradient(180deg, #fffef8, #efe4c8);--kit-glyph-key-ink: #b42a20;--kit-glyph-font: ui-monospace, Consolas, monospace;--tk-tomato: #d8392b;--tk-tomato-deep: #9e1f17;--tk-butter: #f6b93b;--tk-rule: rgba(110, 160, 210, .42);--tk-margin: rgba(229, 106, 82, .6);--tk-ink: #2f2418;--tk-muted: #7a6a55;--tk-teal: #3fb6c9;--tk-sage: #6f9a4a;--tk-script: "Caveat", "Segoe Script", cursive;--tk-hand: "Patrick Hand", "Comic Sans MS", system-ui, sans-serif;--tk-mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;--tk-bounce: cubic-bezier(.2, 1.6, .4, 1);--tk-settle: cubic-bezier(.2, .9, .3, 1.1);--tk-lines: repeating-linear-gradient(180deg, transparent 0 23px, var(--tk-rule) 23px 24px);--tk-card: var(--tk-lines), linear-gradient(180deg, #fffef9 0%, #f8f1df 100%);--tk-card-margin: linear-gradient(90deg, transparent 0 34px, var(--tk-margin) 34px 35.5px, transparent 35.5px), var(--tk-card);--tk-enamel: radial-gradient(130% 100% at 30% 12%, #ff8a6a 0%, #d8392b 45%, #9e1f17 100%);--tk-tape: repeating-linear-gradient(45deg, rgba(229, 106, 82, .6) 0 6px, rgba(255, 250, 240, .65) 6px 12px);--tk-tape-blue: repeating-linear-gradient(-45deg, rgba(110, 160, 210, .6) 0 6px, rgba(255, 250, 240, .65) 6px 12px);--tk-tape-green: repeating-linear-gradient(45deg, rgba(127, 176, 105, .6) 0 6px, rgba(255, 250, 240, .65) 6px 12px);--tk-daisies: radial-gradient(circle at 9% 74%, #fff3c4 0 4px, transparent 5px), radial-gradient(circle at 5% 70%, #ffd96a 0 3px, transparent 4px), radial-gradient(circle at 13% 70%, #ffd96a 0 3px, transparent 4px), radial-gradient(circle at 9% 81%, #ffd96a 0 3px, transparent 4px), radial-gradient(circle at 91% 74%, #fff3c4 0 4px, transparent 5px), radial-gradient(circle at 87% 70%, #ffd96a 0 3px, transparent 4px), radial-gradient(circle at 95% 70%, #ffd96a 0 3px, transparent 4px), radial-gradient(circle at 91% 81%, #ffd96a 0 3px, transparent 4px);--tk-lid-shadow: inset 0 0 0 5px #b42a20, inset 0 0 0 7px #ffd9b0, inset 0 12px 20px rgba(255, 255, 255, .22), inset 0 -12px 22px rgba(60, 0, 0, .35), 0 6px 0 #7a160f, 0 16px 32px rgba(0, 0, 0, .5);--tk-card-shadow: 0 2px 0 #e2d6bb, 0 3px 0 #cdbd98, 0 8px 14px rgba(20, 8, 0, .3);font-synthesis:none}html,body{margin:0;height:100%;background:radial-gradient(90% 55% at 50% 35%,rgba(255,170,90,.18) 0%,transparent 70%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 2px,transparent 2px 64px),radial-gradient(120% 90% at 50% 0%,#4a2c1a,#2a1810 55%,#140a05);overflow:hidden;overscroll-behavior:none}#app{position:fixed;inset:0}canvas{display:block;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:filter .5s ease}html.tk-attract canvas{filter:blur(3px) brightness(.7) saturate(1.15)}:focus{outline:none}.tk-card,html .kit-modal-sheet{position:relative;background:var(--tk-card-margin);color:var(--tk-ink);border:0;border-radius:6px;border-top:9px solid var(--tk-tomato);box-shadow:0 2px #e2d6bb,0 4px #d3c39f,0 18px 40px #0a04008c}.tk-card:before,.tk-card:after,html .kit-modal-sheet:before,html .kit-modal-sheet:after{content:"";position:absolute;top:-16px;width:70px;height:22px;background:var(--tk-tape);box-shadow:0 1px 2px #0000002e;pointer-events:none;z-index:2}.tk-card:before,html .kit-modal-sheet:before{left:16px;transform:rotate(-6deg)}html .kit-modal-sheet:before,html .kit-modal-sheet:after{top:2px}.tk-card:after,html .kit-modal-sheet:after{right:16px;transform:rotate(5deg);background:var(--tk-tape-blue)}html .kit-dim{background:radial-gradient(120% 90% at 50% 40%,#1e0e0473,#0a0400d1)}html .kit-title-screen.kit-dim{background:radial-gradient(130% 80% at 50% 20%,#1e0e041a,#0a0400a8)}.tk-panel{position:relative;box-sizing:border-box;width:min(370px,calc(100% - 32px));padding:22px 14px 12px;display:flex;flex-direction:column;gap:12px;border-radius:10px;background:linear-gradient(180deg,rgba(60,20,0,.3),transparent 26px),linear-gradient(180deg,#f3e6c8,#e6d4ad);box-shadow:0 0 0 9px #c4321f,0 0 0 11px #ffd9b0,0 0 0 14px #8e1b12,0 18px 40px #0a040099;margin:18px 0 14px;animation:tk-panel-in .55s .25s var(--tk-settle) both}.tk-panel .kit-menu,.tk-panel .kit-continue{display:flex;flex-direction:column;gap:12px;width:100%;margin:0}.tk-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:2px}html .kit-btn{position:relative;font-family:var(--tk-hand);font-weight:400;color:var(--tk-ink);background:var(--tk-card);border:0;border-top:5px solid var(--tab, #e56a52);border-radius:5px;box-shadow:var(--tk-card-shadow);transition:transform .16s var(--tk-settle),box-shadow .16s ease,rotate .16s ease}html .kit-btn:hover:not(:disabled),html .kit-btn[data-hub-focus],html[data-hub-input=keys] .kit-btn:focus{transform:translateY(-2px);rotate:0deg;box-shadow:0 2px #e2d6bb,0 4px #cdbd98,0 0 0 3px #3fb6c98c,0 0 24px #3fb6c980,0 12px 18px #1408004d}html[data-hub-input=touch] .kit-btn[data-hub-focus]:not(:hover),html[data-hub-input=touch] .kit-btn:focus:not(:hover){transform:none;box-shadow:var(--tk-card-shadow)}html .kit-btn:active:not(:disabled){transform:translateY(2px) scale(.99);box-shadow:0 1px #cdbd98,0 3px 6px #1408004d}html .kit-btn:disabled{filter:grayscale(.7) opacity(.6)}html .kit-btn.kit-primary{--tab: var(--tk-tomato);background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.5) 50%,transparent 58%) -150% 0 / 250% 100% no-repeat,repeating-linear-gradient(180deg,transparent 0 23px,rgba(255,255,255,.28) 23px 24px),linear-gradient(180deg,#ffd56e,#f0a531);box-shadow:0 2px #d9922a,0 4px #a8661a,0 10px 18px #14080059;animation:tk-sheen 3.6s ease-in-out infinite}html .kit-btn-sub{font-family:var(--tk-mono);color:var(--tk-muted)}html .kit-btn[data-testid=daily],html .kit-btn[data-testid=restart],html .kit-btn[data-testid=online-friends]{--tab: #6aa8d8}html .kit-btn[data-testid=online],html .kit-btn[data-testid=lobby-invite],html .kit-btn[data-testid=join-code-go]{--tab: #7fb069}html .kit-btn[data-testid=settings],html .kit-btn[data-testid=lobby-bell]{--tab: #e8b83c}html .kit-btn[data-testid=howto],html .kit-btn[data-testid=quit],html .kit-btn[data-testid=lobby-leave],html .kit-btn[data-testid=loading-leave],html .kit-btn[data-testid=setup-back]{--tab: #c98ad0}.tk-panel .kit-menu>.kit-btn:nth-child(2n){rotate:.5deg}.tk-panel .kit-menu>.kit-btn:nth-child(3n){rotate:-.6deg}html .kit-pause-btn{color:var(--tk-tomato-deep);background:var(--tk-card);border:0;border-top:5px solid var(--tk-tomato);border-radius:5px;box-shadow:var(--tk-card-shadow)}html .kit-pause-btn:hover{transform:translateY(-2px)}html .kit-btn.tk-mbtn{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:60px;padding:9px 18px 9px 12px;text-align:left}.tk-mbtn-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:17px;color:#fff6e6;background:var(--tk-enamel);box-shadow:inset 0 -3px #3c00004d,inset 0 2px #ffffff59,0 0 0 2px #fffdf6,0 0 0 3px #9e1f1766;transition:transform .2s var(--tk-bounce)}.tk-mbtn-text{display:flex;flex-direction:column;min-width:0;gap:1px}.tk-mbtn-label{width:fit-content;font-size:1.32rem;line-height:1.05;background:linear-gradient(transparent 58%,#3fb6c966 58%) 0 0 / 0% 100% no-repeat;transition:background-size .25s ease}.tk-mbtn-sub{font-family:var(--tk-mono);font-size:.7rem;color:var(--tk-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tk-mbtn-sub:empty{display:none}.tk-tape{position:absolute;right:22px;top:-12px;width:44px;height:15px;background:var(--tk-tape);rotate:5deg;box-shadow:0 1px 2px #00000026;pointer-events:none}.kit-btn:nth-child(2n)>.tk-tape{rotate:-4deg;right:30px;background:var(--tk-tape-blue)}.kit-btn:nth-child(3n)>.tk-tape{background:var(--tk-tape-green)}.tk-mbtn:after{content:"◀";position:absolute;right:14px;top:50%;margin-top:-.55em;font-size:.85rem;color:var(--tk-teal);opacity:0;transition:opacity .15s ease}html .kit-btn.tk-mbtn:hover .tk-mbtn-label,html .kit-btn.tk-mbtn[data-hub-focus] .tk-mbtn-label,html[data-hub-input=keys] .kit-btn.tk-mbtn:focus .tk-mbtn-label{background-size:100% 100%}html .kit-btn.tk-mbtn:hover .tk-mbtn-icon,html .kit-btn.tk-mbtn[data-hub-focus] .tk-mbtn-icon,html[data-hub-input=keys] .kit-btn.tk-mbtn:focus .tk-mbtn-icon{transform:scale(1.12) rotate(-8deg)}html .kit-btn.tk-mbtn[data-hub-focus]:after,html[data-hub-input=keys] .kit-btn.tk-mbtn:focus:after{opacity:1;animation:tk-pointer .6s ease-in-out infinite alternate}html[data-hub-input=touch] .kit-btn.tk-mbtn[data-hub-focus]:not(:hover) .tk-mbtn-icon{transform:none}html[data-hub-input=touch] .kit-btn.tk-mbtn[data-hub-focus]:not(:hover) .tk-mbtn-label{background-size:0% 100%}html[data-hub-input=touch] .kit-btn.tk-mbtn[data-hub-focus]:not(:hover):after{opacity:0}html[data-prompts=pad] .tk-mbtn:has(>.kit-glyph):after,html[data-prompts=keys] .tk-mbtn:has(>.kit-glyph):after{display:none}html .kit-btn.kit-primary.tk-mbtn{min-height:68px}html .kit-primary .tk-mbtn-icon{width:44px;height:44px;font-size:19px}html .kit-primary .tk-mbtn-label{font-size:1.55rem}html .kit-primary .tk-mbtn-sub{color:#6a4410}html[data-prompts] .kit-btn.tk-mbtn.tk-mbtn{padding-left:12px;padding-right:18px;justify-content:flex-start}html[data-prompts=keys] .kit-btn.tk-mbtn.tk-mbtn:has(>.kit-glyph-on[data-keys=yes]),html[data-prompts=pad] .kit-btn.tk-mbtn.tk-mbtn:has(>.kit-glyph-on[data-pad=yes]){padding-right:64px}html .kit-title,html .kit-modal-title{font-family:var(--tk-script);font-weight:700;color:var(--tk-tomato-deep);background:none;filter:none;text-shadow:none;letter-spacing:0}.tk-card .kit-title,html .kit-modal-title{text-decoration:underline wavy rgba(229,106,82,.6);text-decoration-thickness:2px;text-underline-offset:8px;animation:tk-heading .6s var(--tk-bounce) both}html .tk-card .kit-title.tk-won{color:#3f6a24;text-decoration-color:#6f9a4ab3}html .tk-card .kit-title.tk-lost{color:#a8741a;text-decoration-color:#d9a12ab3}.tk-title-screen{justify-content:center;gap:8px;padding:20px 16px}.tk-title-screen>:not(.tk-leaves){position:relative;z-index:1}.tk-lid{position:relative;box-sizing:border-box;width:min(370px,calc(100% - 32px));padding:16px 20px 12px;border-radius:22px;text-align:center;background:var(--tk-daisies),var(--tk-enamel);box-shadow:var(--tk-lid-shadow);animation:tk-lid-in .6s .05s var(--tk-bounce) both}.tk-lid:before{content:"";position:absolute;left:26px;top:14px;width:70px;height:22px;border-radius:50%;background:#ffffff4d;filter:blur(5px);pointer-events:none}.tk-kicker{margin:0;font-family:var(--tk-mono);font-size:.7rem;font-weight:700;letter-spacing:.42em;text-transform:uppercase;color:#ffe6a8;animation:tk-fade-up .6s .55s both}html .kit-title.tk-wordmark{margin:0;font-size:clamp(3.4rem,17vw,5rem);line-height:1;color:inherit}.tk-letter{position:relative;display:inline-block;font-family:var(--tk-script);font-weight:700;color:#fff6e6;text-shadow:0 3px 0 #8a1810,0 6px 10px rgba(0,0,0,.35);animation:tk-letter-drop .7s calc(.2s + var(--i) * 75ms) var(--tk-bounce) both,tk-letter-bob 2.8s calc(1.1s + var(--i) * .14s) ease-in-out infinite}.tk-taglines{position:relative;display:grid;height:1.4em;margin:2px 0 0;font-family:var(--tk-hand);font-size:1.05rem;color:#ffe6a8}.tk-taglines span{grid-area:1 / 1;text-align:center;opacity:0;animation:tk-tagline 14s infinite}.tk-taglines span:nth-child(2){animation-delay:3.5s}.tk-taglines span:nth-child(3){animation-delay:7s}.tk-taglines span:nth-child(4){animation-delay:10.5s}.tk-chip-stat{display:inline-flex;align-items:baseline;gap:6px;padding:3px 11px;border-radius:7px;white-space:nowrap;font-family:var(--tk-mono);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tk-muted);background:#fffef8;box-shadow:inset 0 0 0 2px #fffef8,inset 0 0 0 3px #d8392ba6,0 2px 4px #1408004d;rotate:-1.5deg}.tk-chip-stat:nth-child(2n){rotate:1.5deg}.tk-chip-stat strong{font-family:var(--tk-hand);font-weight:400;font-size:1.1rem;letter-spacing:0;color:var(--tk-tomato)}.tk-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:4px 0 10px;animation:tk-fade-up .4s .18s both}.tk-leaves{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.tk-leaves i{position:absolute;top:-40px;width:var(--size, 14px);height:var(--size, 14px);border-radius:0 70%;opacity:.85;animation:tk-leaf-fall 10s linear infinite;box-shadow:inset -2px -2px #0003}.tk-leaves i.tk-red{background:linear-gradient(135deg,#e0603a,#a8233a)}.tk-leaves i.tk-orange{background:linear-gradient(135deg,#f6a24e,#c4561c)}.tk-leaves i.tk-gold{background:linear-gradient(135deg,#ffd27a,#c98a1a)}.tk-leaves i.tk-brown{background:linear-gradient(135deg,#b8742f,#6b3a12)}.tk-leaves i.tk-ember{top:auto;bottom:-10px;border-radius:50%;background:#ffcf7a;box-shadow:0 0 10px 3px #ffaa46b3;animation-name:tk-ember-rise}.tk-card{width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;box-sizing:border-box;padding:18px 18px 16px 46px;display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;animation:tk-card-in .36s var(--tk-settle) both}.tk-card .kit-title{margin:2px 0 0;font-size:clamp(2.4rem,11vw,3rem);line-height:1;text-align:center}.tk-card-sub{margin:0 0 4px;font-family:var(--tk-mono);font-size:.74rem;color:var(--tk-muted);text-align:center;animation:tk-fade-up .4s .12s both}html .tk-card .kit-menu{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:6px}html .kit-result-body{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--tk-ink)}html .kit-result-body:empty{display:none}html .kit-result-body p{margin:0}.tk-total{display:flex;align-items:center;gap:12px}.tk-total p{display:flex;flex-direction:column;align-items:flex-start}.tk-total span{font-family:var(--tk-mono);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tk-muted)}.tk-total strong{font-family:var(--tk-script);font-weight:700;font-size:2.8rem;line-height:1;color:var(--tk-tomato)}.tk-result-face{animation:tk-pop .5s .2s var(--tk-bounce) both}.tk-said{font-family:var(--tk-hand);font-size:1.15rem;text-align:center}.tk-best{font-family:var(--tk-mono);font-size:.8rem;color:var(--tk-muted)}.tk-best strong{color:var(--tk-ink)}.tk-best.tk-new-best{color:var(--tk-tomato);font-weight:800;animation:tk-pop .6s .6s var(--tk-bounce) both}.tk-places{list-style:none;margin:4px 0;padding:0;width:100%;display:flex;flex-direction:column}.tk-place{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 6px;border-bottom:1px solid var(--tk-rule);animation:tk-slide-in .4s .2s var(--tk-settle) both}.tk-place.me{background:linear-gradient(transparent 20%,rgba(63,182,201,.2) 20% 80%,transparent 80%)}.tk-name{font-family:var(--tk-hand);font-size:1.2rem}.tk-medal{min-width:42px;font-family:var(--tk-script);font-weight:700;font-size:1.5rem;color:var(--tk-muted)}.tk-place:first-child .tk-medal{color:var(--tk-tomato)}html .kit-modal{background:#0f060099}html .kit-modal-sheet{padding:18px 18px 16px 46px;animation:tk-card-in .36s var(--tk-settle) both}html .kit-modal-title{text-align:center;font-size:2.4rem;line-height:1}html .kit-modal-body{color:var(--tk-ink);font-family:var(--tk-hand);font-size:1.08rem}html .kit-modal-body p{line-height:24px;margin:0 0 4px}html [data-testid=howto] .kit-modal-body p{position:relative;padding-left:4px;animation:tk-fade-up .35s .1s both}html [data-testid=howto] .kit-modal-body p:before{content:"";position:absolute;left:-24px;top:6px;width:11px;height:11px;border-radius:0 70%;background:linear-gradient(135deg,#f6a24e,var(--tk-tomato))}html .kit-modal-buttons{display:flex;flex-direction:column-reverse;gap:14px;margin-top:14px}html .kit-modal-buttons .kit-btn{flex:1}html .kit-row{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:4px;border-bottom:1px dashed var(--tk-rule);animation:tk-fade-up .35s both}html .kit-modal-body .kit-row:nth-child(2){animation-delay:.05s}html .kit-modal-body .kit-row:nth-child(3){animation-delay:.1s}html .kit-modal-body .kit-row:nth-child(4){animation-delay:.15s}html .kit-modal-body .kit-row:nth-child(n+5){animation-delay:.2s}html .kit-row-label{font-family:var(--tk-hand);font-size:1.15rem;color:var(--tk-ink)}html .kit-seg{display:inline-flex;gap:3px;padding:0 4px;background:none;border-bottom:2px solid rgba(110,160,210,.6);border-radius:0;box-shadow:none}html .kit-seg .kit-seg-item{border:0;border-radius:8px 8px 0 0;padding:5px 11px 3px;min-height:38px;font-family:var(--tk-hand);font-weight:400;font-size:1.05rem;color:var(--tk-muted);background:linear-gradient(180deg,#f1e8d2,#e6dbc0);box-shadow:inset 0 1px #ffffffb3;cursor:pointer;transform:translateY(3px);transition:transform .15s var(--tk-settle)}html .kit-seg .kit-seg-item:not([aria-checked=true]):hover{color:var(--tk-ink);transform:translateY(0)}html .kit-seg .kit-seg-item[aria-checked=true]{color:#3a2408;background:linear-gradient(180deg,#ffd56e,#f0a531);box-shadow:inset 0 2px #ffffff80,0 -2px 6px #14080026;transform:translateY(0);animation:tk-pick .3s var(--tk-bounce)}html .kit-seg .kit-seg-item[data-hub-focus]{box-shadow:var(--kit-focus-shadow)}html .kit-toggle{background:#e6dbc0;box-shadow:inset 0 2px 4px #3c1e0a4d;border-radius:999px}html .kit-toggle:after{background:var(--tk-enamel);box-shadow:0 2px 3px #00000059,inset 0 1px #fff6}html .kit-toggle[aria-checked=true]{background:linear-gradient(180deg,#a8c47a,var(--tk-sage))}html .kit-slider{accent-color:var(--tk-tomato)}html .kit-toast{position:relative;font-family:var(--tk-hand);font-size:1.05rem;color:var(--tk-ink);background:linear-gradient(180deg,#fff6b0,#ffe97a);border:0;border-radius:2px 2px 14px;box-shadow:0 10px 22px #0a040073;rotate:-1deg}html .kit-toast:before{content:"";position:absolute;top:-9px;left:50%;width:54px;height:16px;margin-left:-27px;background:var(--tk-tape);rotate:-3deg}html .kit-toast[data-kind=good]{background:linear-gradient(180deg,#e2f2c8,#c9e3a4)}html .kit-banner{font-family:var(--tk-hand);color:var(--tk-butter)}html .kit-spinner{border-color:#f6b93b40;border-top-color:var(--tk-tomato)}.tk-setup{display:flex;flex-direction:column;gap:8px}.tk-setup-row{position:relative;display:grid;grid-template-columns:1fr auto;grid-template-areas:"label glyph" "pills pills";align-items:center;gap:6px 10px;padding:4px 2px 6px;border-bottom:1px dashed var(--tk-rule);border-radius:4px;animation:tk-fade-up .35s both}.tk-setup-row:nth-child(2){animation-delay:.06s}.tk-setup-row:nth-child(3){animation-delay:.12s}.tk-setup-label{grid-area:label;font-family:var(--tk-hand);font-size:1.2rem;color:var(--tk-ink);white-space:nowrap}.tk-setup-row .tk-setup-pills{grid-area:pills;display:flex;flex-wrap:wrap;justify-content:center}.tk-setup-row>.kit-glyph{grid-area:glyph;opacity:0}.tk-setup-row[data-hub-focus],html[data-hub-input=keys] .tk-setup-row:focus{box-shadow:var(--kit-focus-shadow);background:#3fb6c914}.tk-setup-row[data-hub-focus]>.kit-glyph,html[data-hub-input=keys] .tk-setup-row:focus>.kit-glyph{opacity:1}html[data-hub-input=touch] .tk-setup-row[data-hub-focus]:not(:hover){box-shadow:none;background:none}.tk-setup-row.tk-bump .kit-seg-item[aria-checked=true]{animation:tk-pick .3s var(--tk-bounce)}html .tk-online .tk-card{width:min(480px,calc(100vw - 24px))}html .tk-online .kit-tagline[data-testid=room-code]{font-family:var(--tk-mono);font-weight:800;letter-spacing:.3em;color:var(--tk-tomato)}.tk-lobby{display:flex;flex-direction:column;gap:8px;width:100%}.tk-lobby p{margin:0;padding:2px 4px;font-family:var(--tk-hand);font-size:1.1rem;color:var(--tk-ink);border-bottom:1px dashed var(--tk-rule)}.tk-lobby .tk-lobby-hint{border:0;font-size:1rem;color:var(--tk-muted);text-align:center}.tk-lobby-seat{display:flex;flex-direction:column;gap:8px}.tk-seatmap{position:relative;width:min(210px,64vw);aspect-ratio:1.5;margin:0 auto}.tk-seatmap-table{position:absolute;inset:22% 18%;border-radius:50%;background:radial-gradient(ellipse at 40% 35%,rgba(255,255,255,.25),transparent 60%),linear-gradient(160deg,#6b4428,#3a2212);box-shadow:inset 0 -6px 12px #00000073,0 6px 14px #0a04004d}.tk-chair{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;border:0;background:#fffef8;box-shadow:inset 0 0 0 2px #fffef8,inset 0 0 0 3px #d8392b80,0 2px 4px #1408004d;font-family:var(--tk-hand);font-size:1.1rem;color:var(--tk-muted);cursor:pointer;transition:transform .15s var(--tk-bounce)}.tk-chair.on{color:#fff6e6;background:var(--tk-enamel);box-shadow:0 0 0 2px #fffdf6,0 0 14px #d8392b80;transform:scale(1.15)}html .kit-friends{color:var(--tk-ink)}html .kit-friend,html .kit-seat{color:var(--tk-ink);font-family:var(--tk-hand);font-size:1.1rem;background:none;border:0;border-bottom:1px solid var(--tk-rule);border-radius:0;animation:tk-slide-in .35s var(--tk-settle) both}html .kit-seat:nth-child(2){animation-delay:.05s}html .kit-seat:nth-child(3){animation-delay:.1s}html .kit-seat:nth-child(n+4){animation-delay:.15s}html .kit-seat>.kit-btn:not(.kit-seat-remove){min-height:34px;padding:2px 10px;border-top-width:3px;box-shadow:0 2px 4px #14080033}html .kit-screen[data-redraw] .tk-setup-row,html .kit-screen[data-redraw] .kit-seat{animation:none}html[data-prompts=none] .tk-lobby-seat .tk-setup-row{display:none}.tk-lobby .kit-seg .kit-seg-item{padding:5px 8px 3px}html .kit-seat .kit-tagline{color:var(--tk-muted)}html .kit-seat[data-connected=false]{opacity:.6}html .kit-chat{color:var(--tk-ink);font-family:var(--tk-hand)}html .kit-chat-lines{background:var(--tk-lines),#fffef8;border-radius:4px;box-shadow:inset 0 1px 3px #3c1e0a33}html .kit-chat-input,html .kit-share-field,html .kit-join-code input{font-family:var(--tk-mono);font-weight:700;color:var(--tk-ink);background:#fffef8;border:0;border-bottom:2px solid var(--tk-rule);border-radius:4px 4px 0 0;box-shadow:inset 0 1px 3px #3c1e0a26}html .kit-join-code input{letter-spacing:.3em;text-transform:uppercase}html .kit-chat-input:focus,html .kit-share-field:focus,html .kit-join-code input:focus{border-bottom-color:var(--tk-teal);box-shadow:var(--kit-focus-shadow)}html .kit-join-label,html .kit-open-sub{color:var(--tk-muted);font-family:var(--tk-mono)}html .kit-screen:has(>.tk-loading-card){justify-content:center}.tk-loading-card .kit-tagline{color:var(--tk-muted);font-family:var(--tk-hand);font-size:1.15rem}html .kit-progress{background:var(--tk-lines),#f1e8d2;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 3px #3c1e0a4d}html .kit-progress>i{background:linear-gradient(90deg,var(--tk-tomato),var(--tk-butter))}html .kit-screen .tk-card .kit-tagline{color:var(--tk-muted);font-family:var(--tk-hand)}html .kit-hud{pointer-events:none}.tk-hud{position:absolute;inset:0 0 auto;display:flex;flex-direction:column;align-items:center;pointer-events:none}.tk-guests{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:calc(100vw - 148px);margin:10px 74px 0}.tk-status{margin-top:8px;display:flex;gap:8px;animation:tk-fade-up .4s .3s both}.tk-guest{--tab: #e56a52;position:relative;display:flex;flex-direction:column;align-items:center;width:60px;padding:4px 3px 5px;border-radius:4px;background:var(--tk-card);border-top:4px solid var(--tab);box-shadow:0 2px #d3c39f,0 6px 10px #0a040059;animation:tk-slide-in .4s var(--tk-settle) both}.tk-guest:nth-child(5n+2){--tab: #6aa8d8;rotate:1deg}.tk-guest:nth-child(5n+3){--tab: #7fb069;rotate:-1deg}.tk-guest:nth-child(5n+4){--tab: #e8b83c}.tk-guest:nth-child(5n+5){--tab: #c98ad0;rotate:1deg}.tk-guest:nth-child(2){animation-delay:.08s}.tk-guest:nth-child(3){animation-delay:.16s}.tk-guest:nth-child(n+4){animation-delay:.24s}.tk-guest-face{width:30px;height:30px;display:grid;place-items:center}.tk-guest-face>*{width:30px;height:30px}.tk-guest-name{font-family:var(--tk-hand);font-size:.82rem;line-height:1.1;color:var(--tk-ink);white-space:nowrap;max-width:56px;overflow:hidden;text-overflow:ellipsis}.tk-guest-letters{display:flex;gap:1px}.tk-guest-letters i{font-style:normal;font-family:var(--tk-hand);font-size:.72rem;color:#7a6a5566}.tk-guest-letters i.on{color:var(--tk-tomato)}.tk-guest-pile{display:flex;gap:2px;height:7px;margin-top:2px}.tk-guest-pile i{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff,#e9dcc2 60%,#b9a27c);box-shadow:0 1px #5a321499}.tk-guest.full .tk-guest-pile i{background:var(--tk-butter)}.tk-guest-drum{position:absolute;top:2px;right:1px;width:24px;height:15px;background:var(--tk-drum) center / contain no-repeat;opacity:0;transform:scale(.3);transition:opacity .2s ease,transform .3s var(--tk-bounce);filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.tk-guest.got .tk-guest-drum{opacity:1;transform:scale(1)}.tk-guest.out{filter:grayscale(.9) opacity(.5);transform:rotate(-3deg) translateY(2px)}.tk-guest.stamp{animation:tk-stamp .5s var(--tk-bounce)}.tk-guest.grab{animation:tk-pop .4s var(--tk-bounce)}.tk-banner{margin-top:28vh;padding:12px 26px 10px;font-family:var(--tk-hand);font-size:clamp(1.2rem,5.4vw,1.7rem);text-align:center;white-space:nowrap;color:var(--tk-ink);background:var(--tk-lines),#fffef8;clip-path:polygon(0 8%,4% 0,9% 7%,15% 1%,22% 8%,30% 2%,38% 7%,46% 0,54% 6%,62% 1%,70% 8%,78% 2%,86% 7%,93% 0,100% 6%,100% 92%,95% 100%,88% 93%,80% 99%,72% 92%,64% 100%,56% 93%,48% 99%,40% 92%,32% 100%,24% 93%,16% 99%,8% 92%,0 98%);opacity:0;transform:scale(.6) rotate(-2deg);max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.tk-banner.show{animation:tk-banner 1.8s var(--tk-bounce) both}.tk-banner[data-tone=good]{color:#3f6a24}.tk-banner[data-tone=bad]{color:var(--tk-tomato-deep)}.tk-banner[data-tone=big]{font-family:var(--tk-script);font-weight:700;font-size:clamp(2.6rem,14vw,4rem);color:var(--tk-tomato);background:linear-gradient(180deg,#ffd56e,#f0a531);animation-duration:1.2s}html.tk-cover #ui{display:none}.tk-cover-art{position:fixed;inset:0;width:100vw;height:100vh;z-index:9}.tk-cover-title{position:fixed;left:3%;top:50%;z-index:10;width:340px;box-sizing:border-box;padding:18px 22px 16px;border-radius:24px;text-align:center;background:var(--tk-daisies),var(--tk-enamel);box-shadow:var(--tk-lid-shadow);transform:translateY(-50%) rotate(-3deg)}.tk-cover-name{margin:0 0 4px;font-size:104px;line-height:.95}.tk-cover-name .tk-letter,.tk-cover-title .tk-kicker{animation:none}.tk-cover-pill{display:inline-block;margin:0 8px;padding:3px 14px;border-radius:7px;font-family:var(--tk-hand);font-size:17px;color:var(--tk-tomato-deep);background:#fffef8;box-shadow:inset 0 0 0 2px #fffef8,inset 0 0 0 3px #d8392ba6;rotate:-1deg}html .kit-btn.tk-in{animation:tk-deal .46s calc(var(--i, 0) * .06s) var(--tk-settle) both}html .kit-btn.kit-primary.tk-in{animation:tk-deal .46s calc(var(--i, 0) * .06s) var(--tk-settle) both,tk-sheen 3.6s 1s ease-in-out infinite}html .kit-screen[data-redraw] .kit-btn.tk-in,html .kit-screen[data-redraw] .tk-card,html .kit-screen[data-redraw] .tk-guest{animation:none}@keyframes tk-sheen{0%,60%{background-position:-150% 0,0 0,0 0}to{background-position:250% 0,0 0,0 0}}@keyframes tk-deal{0%{opacity:0;transform:translateY(26px) rotate(-5deg)}to{opacity:1;transform:none}}@keyframes tk-lid-in{0%{opacity:0;transform:translateY(-40px) rotate(-6deg) scale(.9)}60%{opacity:1;transform:translateY(4px) rotate(1deg)}to{transform:none}}@keyframes tk-pointer{0%{transform:translate(0)}to{transform:translate(-5px)}}@keyframes tk-letter-drop{0%{transform:translateY(-120%) scale(.6,1.4);opacity:0}60%{transform:translateY(0) scale(1.15,.85);opacity:1}to{transform:none}}@keyframes tk-letter-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes tk-tagline{0%{opacity:0;transform:translateY(8px)}4%,21%{opacity:1;transform:none}25%,to{opacity:0;transform:translateY(-8px)}}@keyframes tk-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes tk-slide-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes tk-panel-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes tk-card-in{0%{opacity:0;transform:translateY(16px) rotate(-3deg) scale(.94)}to{opacity:1;transform:none}}@keyframes tk-heading{0%{transform:translateY(-30%) scale(.7,1.3);opacity:0}60%{transform:scale(1.1,.92);opacity:1}to{transform:none}}@keyframes tk-pop{0%{transform:scale(.6)}60%{transform:scale(1.18)}to{transform:none}}@keyframes tk-pick{0%{transform:translateY(3px) scale(.92)}60%{transform:translateY(-2px) scale(1.06)}to{transform:none}}@keyframes tk-stamp{0%{transform:scale(1)}30%{transform:scale(1.25) rotate(-6deg);box-shadow:0 0 0 4px #d8392b99}to{transform:none}}@keyframes tk-banner{0%{opacity:0;transform:scale(.6) rotate(-4deg)}15%{opacity:1;transform:scale(1.06) rotate(-1deg)}25%,80%{opacity:1;transform:rotate(-1deg)}to{opacity:0;transform:translateY(-14px) rotate(-1deg)}}@keyframes tk-leaf-fall{0%{transform:translate(0) rotate(0)}25%{transform:translate(18px,25vh) rotate(90deg)}50%{transform:translate(-18px,50vh) rotate(180deg)}75%{transform:translate(18px,75vh) rotate(270deg)}to{transform:translateY(108vh) rotate(360deg)}}@keyframes tk-ember-rise{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(18px,-100vh);opacity:0}}@media(orientation:landscape)and (max-height:620px){.tk-hud{inset:0 auto 0 0;align-items:flex-start}.tk-guests{display:grid;grid-template-columns:repeat(2,60px);gap:6px;max-width:none;margin:64px 0 0 10px}.tk-guest{padding:3px 3px 4px}.tk-status{position:fixed;top:12px;left:70px;margin:0}.tk-banner{position:fixed;left:50%;top:34%;margin:0;translate:-50% 0}.tk-title-screen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-rows:1fr auto 1fr;column-gap:30px;align-items:center;justify-items:center;padding:12px 84px 12px 28px;overflow-y:auto}.tk-title-screen>.tk-lid{grid-area:2 / 1}.tk-title-screen>.tk-panel{grid-area:1 / 2 / 4 / 3;width:min(540px,calc(100% - 28px));padding:16px 12px 12px}html .kit-title.tk-wordmark{font-size:clamp(3rem,17vh,4.6rem)}.tk-panel .kit-menu{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px}.tk-panel .kit-menu>.kit-primary{grid-column:1 / 3}html .kit-btn.tk-mbtn{min-height:50px}html .kit-modal{align-items:flex-start;overflow-y:auto}.tk-card,html .kit-modal-sheet{max-height:calc(100dvh - 30px);overflow-y:auto;margin:auto}html .kit-modal-sheet{width:min(580px,calc(100vw - 24px))}html .kit-modal-buttons{flex-direction:row-reverse}.tk-setup{gap:4px}.tk-setup-row{grid-template-columns:96px 1fr auto;grid-template-areas:"label pills glyph";padding:2px}.tk-setup-row .tk-setup-pills{justify-content:flex-start}.tk-card{width:min(640px,calc(100vw - 24px))}.tk-card .kit-menu{display:grid!important;grid-template-columns:1fr 1fr}html .tk-online .tk-card{width:min(760px,calc(100vw - 24px))}.tk-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:14px;align-items:start}.tk-lobby>.tk-lobby-seat{grid-row:1 / 6}.tk-lobby .tk-setup-row{grid-template-columns:1fr auto;grid-template-areas:"label glyph" "pills pills"}.tk-lobby .tk-setup-row .tk-setup-pills{justify-content:center}.tk-lobby>p{grid-column:2}}@media(prefers-reduced-motion:reduce){html .kit-btn.tk-in,html .kit-btn.kit-primary,.tk-card,.tk-panel,.tk-lid,.tk-letter,.tk-kicker,.tk-guest,.tk-leaves i,.tk-taglines span:not(:first-child){animation:none!important}.tk-leaves{display:none}}