:where(:root){--ol-bg:#17112c;--ol-surface:#221a3e;--ol-fg:#f6f1ff;--ol-muted:#a99fc7;--ol-accent:#ff3d7f;--ol-accent-2:#e0306e;--ol-accent-fg:#fff;--ol-ok:#3cd68a;--ol-warn:#ffc53d;--ol-danger:#ff5a4e;--ol-tile:#00000059;--ol-tile-fg:var(--ol-fg);--ol-qr-bg:#fff;--ol-qr-fg:#111;--ol-scrim:#05030ca8;--ol-radius:18px;--ol-btn-radius:999px;--ol-font:inherit;--ol-display:inherit;--ol-shadow:0 10px 30px #00000059}.ol-lobby,.ol-sheet,.ol-ended,.ol-card,.ol-toast,.ol-pill,.ol-result{font-family:var(--ol-font);color:var(--ol-fg);-webkit-tap-highlight-color:transparent}.ol-lobby{gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid}.ol-i{flex:none;display:block}.ol-btn{border-radius:var(--ol-btn-radius);background:var(--ol-surface);min-height:48px;color:var(--ol-fg);font:700 16px var(--ol-font);cursor:pointer;touch-action:manipulation;border:0;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:transform .15s cubic-bezier(.2,.9,.25,1.15),filter .15s,opacity .2s;display:inline-flex;box-shadow:0 4px 14px #00000040}.ol-btn:active:not(:disabled){transform:scale(.96)}.ol-btn:disabled{opacity:.5;cursor:default}.ol-btn.primary{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 40%, transparent)}.ol-btn.big{width:100%;min-height:58px;font-size:19px;font-family:var(--ol-display)}.ol-btn.small{min-height:44px;padding:0 14px;font-size:15px}.ol-btn.ghost{box-shadow:none;color:var(--ol-muted);background:0 0}.ol-btn.danger{background:var(--ol-danger);color:#fff}.ol-btn:focus-visible,.ol-iconbtn:focus-visible,.ol-more:focus-visible,.ol-link:focus-visible,.ol-x:focus-visible,.ol-field:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-iconbtn,.ol-more,.ol-x{background:var(--ol-surface);width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.ol-iconbtn:disabled{opacity:.4}.ol-more,.ol-x{width:44px;height:44px;color:var(--ol-muted);background:0 0}.ol-link{min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:center;padding:0 12px;text-decoration:underline}.ol-note{color:var(--ol-muted);text-align:center;margin:0;font-size:15px}.ol-note.warn{color:var(--ol-warn);font-weight:700}.ol-code{font:600 15px var(--ol-font);color:var(--ol-muted);justify-items:center;gap:6px;margin:0;display:grid}.ol-code span{gap:8px;display:flex}.ol-code b{background:var(--ol-tile);width:52px;height:60px;color:var(--ol-tile-fg);font:400 36px var(--ol-display);animation:ol-pop .4s calc(var(--i) * 60ms) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 2px 8px #00000059}.ol-pencil{align-items:center;gap:2px;min-width:0;display:flex}.ol-pencil b{white-space:nowrap}.ol-pname .ol-pencil b{text-overflow:ellipsis;overflow:hidden}.ol-pen{width:40px;height:40px;color:var(--ol-muted);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin:-8px 0;padding:0;display:grid}.ol-pen:active{transform:scale(.92)}.ol-pen:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-pencil.editing .ol-field{min-height:40px;font-size:17px}.ol-pencil.editing{flex-wrap:wrap}.ol-pencil.editing .ol-note{text-align:left;flex-basis:100%;font-size:14px}.ol-field{min-width:0;min-height:52px;color:var(--ol-fg);font:600 19px var(--ol-font);background:#00000059;border:0;border-radius:14px;flex:1;padding:0 14px;box-shadow:inset 0 2px 6px #00000073}.ol-players{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-player{background:var(--ol-surface);border-radius:16px;align-items:center;gap:12px;min-height:60px;padding:8px 8px 8px 10px;display:flex}.ol-player.away .ol-pname small{color:var(--ol-warn)}.ol-player.empty{background:color-mix(in srgb, var(--ol-surface) 45%, transparent);color:var(--ol-muted)}.ol-ava{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;position:relative}.ol-ava.ghost{background:#ffffff0f}.ol-ava-spin{background:var(--ol-warn);color:#2a1a00;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-4px}.ol-ava-spin .ol-i{animation:1.2s linear infinite ol-spin}.ol-oftrava,.ol-oftrava svg{border-radius:50%;display:block}.ol-botava{color:var(--ol-muted);background:#ffffff1a;border-radius:50%;place-items:center;display:grid}.ol-guest{display:block}.ol-pname{flex:1;min-width:0;display:grid}.ol-pname b{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.ol-pname small{color:var(--ol-muted);font-size:14px}.ol-tags{gap:4px;display:flex}.ol-tag{width:30px;height:30px;color:var(--ol-muted);background:#00000040;border-radius:50%;place-items:center;display:grid}.ol-tag.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ready{min-height:30px;color:var(--ol-muted);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:0 10px 0 8px;font-size:14px;font-weight:700;display:inline-flex}.ol-ready.ok{background:color-mix(in srgb, var(--ol-ok) 25%, transparent);color:var(--ol-ok)}.ol-ask{gap:6px;display:flex}.ol-invite{border-radius:var(--ol-radius);background:color-mix(in srgb, var(--ol-surface) 60%, transparent);align-items:center;gap:14px;padding:12px;display:flex}.ol-invite-acts{flex:1;gap:8px;min-width:0;display:grid}.ol-invite-acts p{margin:0;font-weight:700}.ol-qr{border-radius:10px;flex:none}.ol-qr-bg{fill:var(--ol-qr-bg)}.ol-qr-fg{fill:var(--ol-qr-fg)}@media (width<=360px){.ol-invite{flex-direction:column}.ol-invite-acts{width:100%}}.ol-settings,.ol-startbar{gap:8px;display:grid}.ol-stepper{justify-content:center;align-items:center;gap:14px;font-weight:700;display:flex}.ol-stepper span{justify-content:center;align-items:center;gap:6px;min-width:7ch;display:inline-flex}.ol-leave{justify-items:center;gap:6px;display:grid}.ol-scrim{z-index:2147482500;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:var(--ol-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:end center;animation:.2s both ol-fade;display:grid;position:fixed;inset:0}@media (width>=600px){.ol-scrim{place-items:center}}.ol-sheet{background:var(--ol-bg);text-align:center;border-radius:28px;justify-items:center;gap:10px;width:min(420px,100%);padding:24px 18px 18px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:grid;box-shadow:0 30px 80px #0000008c}.ol-sheet h2,.ol-ended h2{font:400 24px var(--ol-display);margin:0;line-height:1.15}.ol-sheet p,.ol-ended p{color:var(--ol-muted);max-width:34ch;margin:0;font-size:16px}.ol-sheet-acts{gap:6px;width:100%;margin-top:8px;display:grid}.ol-sheet-acts .ol-btn.primary{min-height:54px;font-size:18px}.ol-sheet-i{background:var(--ol-surface);width:60px;height:60px;color:var(--ol-accent);border-radius:50%;place-items:center;display:grid}.ol-sheet-i.small{flex:none;width:40px;height:40px}.ol-ended{background:var(--ol-bg);text-align:center;width:min(420px,100%);box-shadow:var(--ol-shadow);border-radius:28px;justify-items:center;gap:12px;margin:auto;padding:28px 20px;display:grid}.ol-card{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);align-items:center;gap:12px;padding:10px 8px 10px 12px;animation:.35s cubic-bezier(.2,.9,.25,1.1) both ol-up;display:flex}.ol-card-t{text-align:left;flex:1;min-width:0;display:grid}.ol-card-t b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-card-t small{color:var(--ol-muted);font-size:14px}.ol-back2 .ol-card-t b{white-space:normal}.ol-friends{gap:8px;display:grid}.ol-toast{z-index:2147482400;left:50%;bottom:max(20px, env(safe-area-inset-bottom));background:var(--ol-bg);text-align:center;width:max-content;max-width:calc(100vw - 32px);height:max-content;box-shadow:var(--ol-shadow), 0 0 18px color-mix(in srgb, var(--ol-warn) 30%, transparent);border-radius:16px;padding:12px 18px;font-weight:700;animation:.3s both ol-up;position:fixed;transform:translate(-50%)}.ol-pill{z-index:2147482400;top:max(12px, env(safe-area-inset-top));background:var(--ol-warn);color:#2a1a00;min-height:40px;box-shadow:var(--ol-shadow);border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:800;animation:.2s both ol-fade;display:inline-flex;position:fixed;left:50%;transform:translate(-50%)}.ol-spin{animation:1.2s linear infinite ol-spin}@keyframes ol-spin{to{transform:rotate(360deg)}}@keyframes ol-fade{0%{opacity:0}}@keyframes ol-up{0%{opacity:0;transform:translateY(18px)}}.ol-toast{animation-name:ol-toast}@keyframes ol-toast{0%{opacity:0;transform:translate(-50%,18px)}}@keyframes ol-pop{0%{opacity:0;transform:scale(.6)}}:where(:root){--ol-gold:var(--ol-warn);--ol-silver:#c9d4e3;--ol-bronze:#e09a62}.ol-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.ol-board{text-align:left;flex-direction:column;align-items:stretch;gap:12px;width:min(460px,100%);max-height:calc(100dvh - 32px);padding:18px 14px 14px;display:flex;position:relative}.ol-board>h2{text-align:center;justify-content:center;align-items:center;gap:8px;padding:0 44px;display:flex}.ol-board>h2 .ol-i{color:var(--ol-gold)}.ol-board>.ol-x{position:absolute;top:8px;right:8px}.ol-board p{max-width:none}.ol-board .ol-note{padding:6px 4px}.ol-board .ol-note.small{padding:4px;font-size:13px}.ol-board.busy .ol-bscroll{opacity:.55;transition:opacity .2s}.ol-bctl{gap:6px;display:grid}.ol-tabs{border-radius:var(--ol-btn-radius);background:var(--ol-surface);grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative;box-shadow:inset 0 2px 6px #00000040}.ol-tabs:before{content:"";border-radius:var(--ol-btn-radius);background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));width:calc(33.3333% - 2.66667px);box-shadow:0 6px 18px color-mix(in srgb, var(--ol-accent) 35%, transparent);transform:translateX(calc(var(--i,0) * 100%));transition:transform .3s cubic-bezier(.2,.9,.25,1.1);position:absolute;top:4px;bottom:4px;left:4px}.ol-tab{border-radius:var(--ol-btn-radius);min-height:44px;color:var(--ol-muted);font:700 15px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0 6px;transition:color .2s;position:relative}.ol-tab.on{color:var(--ol-accent-fg)}.ol-vs{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 2px;display:flex}.ol-vs-lv{border-radius:var(--ol-btn-radius);background:color-mix(in srgb, var(--ol-surface) 50%, transparent);align-items:center;gap:2px;margin-left:4px;padding:0 2px;display:flex}.ol-chip{border-radius:var(--ol-btn-radius);min-height:40px;color:var(--ol-muted);font:700 14px var(--ol-font);cursor:pointer;touch-action:manipulation;background:0 0;border:0;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.ol-chip.lv{padding:0 8px;font-size:13px}.ol-chip.on{background:var(--ol-surface);color:var(--ol-fg)}.ol-chip .ol-i{opacity:.8}.ol-tab:focus-visible,.ol-chip:focus-visible,.ol-result a:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-bscroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-direction:column;flex:auto;gap:10px;min-height:0;margin:0 -6px;padding:0 6px 2px;display:flex;overflow-y:auto}.ol-podium{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px;margin:0;padding:30px 0 0;list-style:none;display:grid}.ol-pod{--m:var(--ol-gold);text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;position:relative}.ol-pod.p2{--m:var(--ol-silver);order:-1}.ol-pod.p3{--m:var(--ol-bronze)}.ol-pod-ava{background:color-mix(in srgb, var(--m) 30%, transparent);box-shadow:0 0 0 3px var(--m), 0 8px 22px color-mix(in srgb, var(--m) 35%, transparent);animation:ol-pop .45s calc(var(--d,0) + .2s) cubic-bezier(.2, 1.5, .4, 1) both;border-radius:50%;place-items:center;padding:3px;display:grid;position:relative}.ol-pod.p1{--d:.12s}.ol-pod.p2{--d:0s}.ol-pod.p3{--d:.24s}.ol-pod.me .ol-pod-ava{box-shadow:0 0 0 3px var(--m), 0 0 24px 5px color-mix(in srgb, var(--ol-accent) 60%, transparent)}.ol-pod-crown{color:var(--ol-gold);filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--ol-gold) 60%, transparent));position:absolute;top:-24px;left:50%;translate:-50%;rotate:-8deg}.ol-pod-ghost{background:color-mix(in srgb, var(--ol-fg) 7%, transparent);border-radius:50%;width:54px;height:54px;display:block}.ol-pod.p1 .ol-pod-ghost{width:68px;height:68px}.ol-pod.open .ol-pod-ava{box-shadow:none;background:0 0}.ol-pod.open .ol-pod-crown{opacity:.35}.ol-pod-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:8px;font-size:15px;overflow:hidden}.ol-pod.p1 .ol-pod-name{font-size:16px}.ol-pod.me .ol-pod-name{color:var(--ol-accent)}.ol-pod-stat{color:var(--ol-muted);align-items:baseline;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ol-pod-stat>b{color:var(--ol-fg);font:400 22px var(--ol-display);font-variant-numeric:tabular-nums;line-height:1.1}.ol-pod.p1 .ol-pod-stat>b{font-size:26px}.ol-pod-extra,.ol-pod-open{max-width:100%;color:var(--ol-muted);text-wrap:balance;font-size:12px;line-height:1.25}.ol-pod-open{margin-top:8px}.ol-pod-step{background:linear-gradient(180deg, color-mix(in srgb, var(--m) 70%, var(--ol-bg)), color-mix(in srgb, var(--m) 22%, var(--ol-bg)));width:100%;height:44px;box-shadow:inset 0 2px 0 #ffffff59, 0 10px 24px color-mix(in srgb, var(--m) 18%, transparent);transform-origin:bottom;animation:ol-rise .5s var(--d,0s) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:14px 14px 6px 6px;place-items:start center;margin-top:8px;padding-top:6px;display:grid}.ol-pod.p1 .ol-pod-step{height:66px}.ol-pod.p3 .ol-pod-step{height:30px}.ol-pod-step span{font:400 24px var(--ol-display);color:color-mix(in srgb, var(--m) 25%, #160d05);line-height:1}.ol-pod.p3 .ol-pod-step span{font-size:18px}.ol-podium.empty .ol-pod-step{background:color-mix(in srgb, var(--m) 16%, var(--ol-bg));box-shadow:none}.ol-podium.empty .ol-pod-step span{color:color-mix(in srgb, var(--m) 45%, var(--ol-bg))}@keyframes ol-rise{0%{opacity:0;transform:scaleY(.2)}}.ol-blist{align-content:start;gap:6px;margin:0;padding:0;list-style:none;display:grid}.ol-brow{background:var(--ol-surface);min-height:58px;animation:ol-up .35s calc(.3s + var(--i,0) * 35ms) cubic-bezier(.2, .9, .25, 1.1) both;border-radius:16px;align-items:center;gap:10px;padding:7px 14px 7px 6px;display:flex}.ol-brow.me{z-index:1;background:linear-gradient(color-mix(in srgb, var(--ol-accent) 26%, transparent), color-mix(in srgb, var(--ol-accent) 26%, transparent)), var(--ol-bg);box-shadow:0 0 20px color-mix(in srgb, var(--ol-accent) 30%, transparent), 0 8px 24px #00000073;position:sticky;top:0;bottom:0}.ol-brank{flex:none;justify-items:center;width:34px;line-height:1;display:grid}.ol-brank>b{font:400 19px var(--ol-display);color:var(--ol-muted);font-variant-numeric:tabular-nums}.ol-brow.me .ol-brank>b{color:var(--ol-fg)}.ol-bmove{font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12px;font-weight:800;display:inline-flex}.ol-bmove.up{color:var(--ol-ok)}.ol-bmove.down{color:color-mix(in srgb, var(--ol-danger) 80%, var(--ol-fg))}.ol-brank .ol-bmove{margin-top:3px}.ol-pod-stat .ol-bmove{align-self:center;margin-left:2px}.ol-bname{flex:1;gap:1px;min-width:0;display:grid}.ol-bname b,.ol-bname>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ol-bname b{font-size:16px}.ol-bname b small{color:var(--ol-muted);font-weight:600}.ol-bname>small{color:var(--ol-muted);font-size:13px}.ol-bwins{flex:none;justify-items:end;line-height:1.05;display:grid}.ol-bwins b{font:400 24px var(--ol-display);font-variant-numeric:tabular-nums}.ol-bwins small{color:var(--ol-muted);font-size:12px;font-weight:700}.ol-bme{gap:6px;padding-top:10px;display:grid;box-shadow:0 -10px 16px -14px #0009}.ol-bme .ol-brow{animation:none;position:static}.ol-bsign{justify-items:center;gap:10px;padding:4px 0;display:grid}.ol-bsign .ol-btn{text-decoration:none}.ol-bempty{text-align:center;justify-items:center;gap:6px;padding-bottom:6px;display:grid}.ol-bempty .ol-podium{width:100%;margin-bottom:8px}.ol-bempty-t{font:400 22px var(--ol-display);margin:0;color:var(--ol-fg)!important}.ol-bempty .ol-note{padding:0 0 8px}.ol-bempty .ol-btn{min-width:160px}.ol-result{border-radius:var(--ol-radius);background:var(--ol-surface);width:min(400px,100%);color:var(--ol-fg);text-align:left;box-shadow:var(--ol-shadow);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;margin:0 auto;padding:12px 12px 12px 14px;animation:.5s cubic-bezier(.2,1.4,.4,1) .1s both ol-card-in;display:flex}.ol-result.won{background:linear-gradient(135deg, color-mix(in srgb, var(--ol-gold) 22%, transparent), transparent 70%), var(--ol-surface)}.ol-result-badge{background:color-mix(in srgb, var(--ol-gold) 22%, transparent);width:46px;height:46px;color:var(--ol-gold);border-radius:50%;flex:none;place-items:center;display:grid}.ol-result.won .ol-result-badge{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--ol-gold) 70%, #fff), var(--ol-gold) 55%, color-mix(in srgb, var(--ol-gold) 60%, #000));color:color-mix(in srgb, var(--ol-gold) 20%, #1a0f00);box-shadow:0 0 22px color-mix(in srgb, var(--ol-gold) 55%, transparent);animation:.5s cubic-bezier(.2,1.6,.4,1) .35s both ol-pop}.ol-result-t{flex:150px;gap:2px;min-width:0;display:grid}.ol-result-t>b{font:400 20px var(--ol-display);line-height:1.15}.ol-result.won .ol-result-t>b{font-size:24px}.ol-result-t>span{color:var(--ol-muted);font-size:14px;font-weight:700}.ol-result-t .ol-bmove{vertical-align:-1px;gap:3px;font-size:13px}.ol-result .ol-result-go{flex:none;min-height:44px}.ol-result.won .ol-result-go{background:color-mix(in srgb, var(--ol-gold) 24%, var(--ol-bg))}@media (width<=380px){.ol-result .ol-result-go{flex:100%}}.ol-result.guest{width:auto;box-shadow:none;text-align:center;background:0 0;padding:0;animation:none;display:block}.ol-result.guest a{min-height:44px;color:var(--ol-muted);text-underline-offset:3px;align-items:center;font-weight:700;text-decoration:underline;display:inline-flex}@keyframes ol-card-in{0%{opacity:0;transform:translateY(10px)scale(.94)}}@media (orientation:landscape) and (height<=500px){.ol-board{gap:8px;width:min(820px,100%);padding:10px 12px 12px}.ol-board>h2{justify-content:flex-start;padding:6px 44px 0 4px;font-size:20px}.ol-bctl{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.ol-tab{min-height:40px}.ol-bscroll{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;column-gap:14px;display:grid}.ol-bscroll>.ol-podium{position:sticky;top:0}.ol-bscroll>.ol-blist,.ol-bscroll>.ol-note.small{grid-column:2}.ol-bscroll>.ol-note.small{grid-row:2}.ol-bempty,.ol-bscroll>.ol-bsign,.ol-bscroll>.ol-note:not(.small){grid-column:1/-1}.ol-bempty{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:14px}.ol-bempty .ol-podium{grid-row:1/span 3;margin:0}.ol-pod-step{height:32px}.ol-pod.p1 .ol-pod-step{height:48px}.ol-pod.p3 .ol-pod-step{height:22px}.ol-pod-step span{font-size:18px}.ol-pod.p3 .ol-pod-step span{font-size:15px}.ol-brow{min-height:50px;padding-top:4px;padding-bottom:4px}}@media (prefers-reduced-motion:reduce){.ol-lobby *,.ol-scrim,.ol-sheet,.ol-card,.ol-toast,.ol-pill,.ol-code b,.ol-board *,.ol-board :before,.ol-result,.ol-result *{transition:none!important;animation:none!important}.ol-spin,.ol-ava-spin .ol-i{animation:none!important}}.ol-setup{border-radius:var(--ol-radius);background:var(--ol-bg);box-shadow:var(--ol-shadow);font-family:var(--ol-font);color:var(--ol-fg);gap:12px;padding:16px;display:grid}.ol-setup-h{font:800 18px var(--ol-display);text-align:center;margin:0}.ol-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ol-step{border-radius:calc(var(--ol-radius) - 4px);background:var(--ol-surface);grid-template-columns:32px 1fr;grid-template-areas:"n l""n b";align-items:center;gap:6px 12px;padding:12px;display:grid}.ol-step-n{background:color-mix(in srgb, var(--ol-fg) 12%, transparent);font-variant-numeric:tabular-nums;border-radius:50%;grid-area:n;align-self:start;place-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:grid}.ol-step.done .ol-step-n{background:var(--ol-ok);color:#062615}.ol-step-l{letter-spacing:.06em;text-transform:uppercase;color:var(--ol-muted);grid-area:l;font-size:13px;font-weight:800}.ol-step-b{flex-wrap:wrap;grid-area:b;align-items:center;gap:8px;min-width:0;display:flex}.ol-setup-look{align-items:center;gap:12px;display:flex}.ol-link{color:var(--ol-fg);text-underline-offset:3px;opacity:.85;align-items:center;min-height:44px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.ol-cry{gap:8px;width:100%;display:grid}.ol-cry-wave{background:#00000059;border-radius:12px;align-items:center;gap:3px;height:64px;padding:0 12px;display:flex;position:relative;overflow:hidden}.ol-cry-wave i{background:var(--ol-accent);opacity:.85;border-radius:3px;flex:1;min-height:4px;transition:height 60ms linear}.ol-cry.idle .ol-cry-wave i{opacity:.55}.ol-cry.rec .ol-cry-wave{box-shadow:inset 0 0 0 2px var(--ol-danger)}.ol-cry.rec .ol-cry-wave i{background:var(--ol-danger)}.ol-cry.count .ol-cry-wave i{opacity:.4}.ol-cry-count{font:400 48px/1 var(--ol-display);color:var(--ol-fg);text-shadow:0 2px 8px #000c;place-items:center;animation:.75s ease-out both ol-count;display:grid;position:absolute;inset:0}@keyframes ol-count{0%{opacity:0;transform:scale(1.6)}30%{opacity:1;transform:scale(1)}}.ol-cry-rec{color:#fff;letter-spacing:.06em;font-variant-numeric:tabular-nums;background:#0009;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:6px;left:8px}.ol-cry-rec em{background:var(--ol-danger);transform-origin:0;border-radius:2px;height:3px;position:absolute;bottom:-4px;left:0;right:0}.ol-rec-dot{background:var(--ol-danger);border-radius:50%;width:9px;height:9px;animation:1s steps(2,end) infinite ol-blink;display:inline-block}.ol-btn.danger .ol-rec-dot{background:currentColor}@keyframes ol-blink{50%{opacity:.25}}.ol-cry-what{font-weight:700}.ol-cry-acts,.ol-swatches{flex-wrap:wrap;gap:8px;display:flex}.ol-swatch{cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;box-shadow:inset 0 0 0 3px #0003}.ol-swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--ol-bg), 0 0 0 6px var(--ol-fg)}.ol-sent{align-items:center;gap:8px;min-width:0;margin-top:2px;display:flex}.ol-sent-faces{flex:none;display:flex}.ol-sent-faces>*{box-shadow:0 0 0 2px var(--ol-bg,#111);border-radius:50%;margin-left:-8px}.ol-sent-faces>:first-child{margin-left:0}.ol-sent small{color:var(--ol-muted);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.ol-num{color:var(--ol-muted);font-weight:600}@media (prefers-reduced-motion:reduce){.ol-cry-wave i{transition:none}.ol-rec-dot,.ol-cry-count{animation:none}}.ol-emo{z-index:30;pointer-events:none;background:color-mix(in srgb, var(--ol-bg) 90%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:var(--ol-fg);font:800 14px/1 var(--ol-font);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 13px 6px 8px;animation:.5s cubic-bezier(.2,1.5,.4,1) both ol-emo-in,.3s ease-in 2.5s forwards ol-emo-out;display:inline-flex;position:absolute;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff1f}.ol-emo:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;position:absolute;rotate:45deg}.ol-emo-up{transform-origin:50% 100%;bottom:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-up:after{bottom:-4px;left:calc(50% - 5px)}.ol-emo-down{transform-origin:50% 0;top:calc(100% + 10px);left:50%;translate:-50%}.ol-emo-down:after{top:-4px;left:calc(50% - 5px)}.ol-emo-right{transform-origin:0;top:50%;left:calc(100% + 10px);translate:0 -50%}.ol-emo-right:after{top:calc(50% - 5px);left:-4px}.ol-emo-inline{transform-origin:0;position:relative}.ol-emo-inline:after{content:none}.ol-emo-who{color:var(--ol-muted);font:800 13px/1 var(--ol-font);text-overflow:ellipsis;max-width:9em;overflow:hidden}.ol-emo.phrase .ol-emo-who{color:inherit;opacity:.8}.ol-emo.phrase{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg);font:400 18px/1 var(--ol-display);box-shadow:0 10px 28px color-mix(in srgb, var(--ol-accent) 45%, transparent);padding:9px 15px}.ol-emo.phrase:after{background:var(--ol-accent-2)}.ol-emo .ol-emo-i{filter:drop-shadow(0 2px 6px #00000059);animation:.6s cubic-bezier(.2,1.4,.4,1) 80ms both ol-emo-wig}@keyframes ol-emo-in{0%{opacity:0;scale:.3}55%{opacity:1;scale:1.14}78%{scale:.96}to{scale:1}}@keyframes ol-emo-out{to{opacity:0;scale:.85}}@keyframes ol-emo-wig{0%{rotate:-20deg;scale:.5}55%{rotate:12deg;scale:1.22}to{rotate:0deg;scale:1}}@keyframes ol-emo-shake{25%{translate:-4px}75%{translate:4px}}@keyframes ol-emo-gone{to{opacity:0}}.ol-emo-pick{display:inline-flex;position:relative}.ol-emo-btn{cursor:pointer;touch-action:manipulation;width:48px;height:48px;color:var(--ol-fg);background:color-mix(in srgb, var(--ol-bg) 72%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:0;border-radius:50%;place-items:center;padding:0;transition:scale .15s cubic-bezier(.2,.9,.25,1.15),background .15s;display:grid;box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff1a}.ol-emo-btn:active{scale:.9}.ol-emo-btn.on{background:linear-gradient(135deg, var(--ol-accent), var(--ol-accent-2));color:var(--ol-accent-fg)}.ol-emo-btn.cool{color:var(--ol-muted);animation:.3s ease-in-out ol-emo-shake}.ol-emo-tray{z-index:40;background:color-mix(in srgb, var(--ol-bg) 88%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border-radius:22px;gap:8px;width:max-content;padding:10px;animation:.22s cubic-bezier(.2,.9,.25,1.15) both ol-emo-tray;display:grid;position:absolute;box-shadow:0 18px 50px #00000080,inset 0 1px #ffffff14}.ol-emo-tray-up{transform-origin:50% 100%;bottom:calc(100% + 10px)}.ol-emo-tray-down{transform-origin:50% 0;top:calc(100% + 10px)}.ol-emo-tray-end{right:0}.ol-emo-tray-start{left:0}.ol-emo-tray-center{left:50%;translate:-50%}@keyframes ol-emo-tray{0%{opacity:0;scale:.85}}.ol-emo-grid{grid-template-columns:repeat(5,48px);gap:4px;display:grid}.ol-emo-phrases{grid-template-columns:1fr 1fr;gap:6px;display:grid}.ol-emo-opt{width:48px;height:48px;color:var(--ol-fg);cursor:pointer;touch-action:manipulation;animation:ol-pop .3s calc(var(--i) * 22ms) cubic-bezier(.2, 1.5, .4, 1) both;background:0 0;border:0;border-radius:14px;place-items:center;padding:0;transition:background .15s,scale .15s;display:grid}.ol-emo-opt:hover,.ol-emo-opt:focus-visible{background:var(--ol-surface)}.ol-emo-opt:active{scale:.86}.ol-emo-opt.phrase{background:var(--ol-surface);width:auto;height:40px;font:800 14px var(--ol-font);border-radius:999px;padding:0 14px}.ol-emo-opt.phrase:hover,.ol-emo-opt.phrase:focus-visible{background:color-mix(in srgb, var(--ol-accent) 30%, var(--ol-surface))}.ol-emo-btn:focus-visible,.ol-emo-opt:focus-visible{outline:3px solid var(--ol-warn);outline-offset:2px}.ol-emo-row{justify-content:flex-end;margin-top:-6px;display:flex}@media (prefers-reduced-motion:reduce){.ol-emo{animation:.2s both ol-fade,.3s ease-in 2.5s forwards ol-emo-gone}.ol-emo .ol-emo-i,.ol-emo-opt{animation:none}.ol-emo-tray{animation:.15s both ol-fade}.ol-emo-btn.cool{animation:none}.ol-emo-btn,.ol-emo-opt{transition:none}}:root{--v0:#14030a;--v1:#2a0612;--v2:#3e0a1c;--v3:#561028;--v4:#7a1838;--panel:#3c0a1c;--panel-2:#4c1026;--panel-3:#621633;--cream:#fff3da;--dim:#ecbfc8;--faint:#b98593;--gold:#ffc93c;--gold-hi:#ffe58f;--gold-lo:#f0a51f;--gold-deep:#94570a;--paper:#fff3da;--paper-2:#f4e1ba;--ink:#2b140e;--ink-2:#7a5544;--ink-red:#b81f45;--t0:#ff8cbd;--on-t0:#3d0820;--t1:#76d2ff;--on-t1:#052638;--ok:#74e6a4;--warn:#ffb547;--danger:#ff6b5e;--logo:"Rye", "Ultra", Georgia, serif;--display:"Ultra", "Rockwell Extra Bold", Georgia, serif;--font:"Figtree", -apple-system, system-ui, "Helvetica Neue", sans-serif;--hand:"Caveat Brush", "Marker Felt", "Comic Sans MS", cursive;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .15 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--paper-bg:var(--grain), linear-gradient(172deg, #fff9e9, #fff1d4 55%, #f8e3bb);--gold-bg:linear-gradient(180deg, var(--gold-hi), var(--gold) 52%, var(--gold-lo));--velvet-bg:linear-gradient(180deg, var(--panel-2), var(--panel));--top:max(12px, env(safe-area-inset-top));--bottom:max(16px, env(safe-area-inset-bottom));--side:max(16px, env(safe-area-inset-left), env(safe-area-inset-right));--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--r:18px;--team:var(--cream);--ol-bg:var(--panel);--ol-surface:var(--panel-2);--ol-fg:var(--cream);--ol-muted:var(--dim);--ol-accent:var(--gold);--ol-accent-2:var(--gold-lo);--ol-accent-fg:var(--ink);--ol-ok:var(--ok);--ol-warn:var(--gold);--ol-danger:var(--danger);--ol-tile:var(--paper);--ol-tile-fg:var(--ink);--ol-qr-bg:#fff3da;--ol-qr-fg:#2b140e;--ol-scrim:#14030ab8;--ol-font:var(--font);--ol-display:var(--display);--ol-radius:var(--r);--ol-btn-radius:16px;--ol-shadow:0 14px 40px #0a000480;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--v1);height:100%;color:var(--cream);font:500 17px/1.3 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none;margin:0}body{overflow:hidden}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(62% 46% at 50% -2%, #ffd67857, #ffaa5a14 60%, transparent 76%), radial-gradient(130% 95% at 50% 30%, transparent 40%, #0c0005bf 100%), var(--grain), repeating-linear-gradient(90deg, #00000057 0, #00000014 14px, #ff8caa17 30px, #00000014 46px, #00000057 60px), linear-gradient(#6a1230, #48091f 45%, #24040f);position:fixed;inset:0}#root{height:100dvh}button,input{font:inherit;color:inherit;letter-spacing:inherit}h1,h2,h3,p{margin:0}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.i{flex:none;display:block}.large{font:400 34px/1.08 var(--display);letter-spacing:.005em;text-wrap:balance}h2,.title{font:400 27px/1.12 var(--display);letter-spacing:.005em;text-wrap:balance}h3,.headline{font:800 17px/1.3 var(--font)}.caption,.kicker{font:800 12px/1.2 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:6px;display:inline-flex}.note{color:var(--dim);text-wrap:pretty;font-size:15px;line-height:1.38}.note.warn{color:var(--warn)}.note.bad{color:var(--danger);justify-content:center;align-items:center;gap:6px;font-weight:800;display:flex}.count,.num{font-variant-numeric:tabular-nums}.dot{color:var(--team);flex:none;place-items:center;display:inline-grid}.dot .i{filter:drop-shadow(0 1px #00000059)}.wordmark{font-family:var(--logo);text-align:center;filter:drop-shadow(0 5px #5a0c20)drop-shadow(0 12px 22px #0a00048c);justify-items:center;font-weight:400;line-height:.82;display:grid}.wordmark span{letter-spacing:.1em;color:var(--cream);margin-right:-.1em;font-size:26px}.wordmark b{letter-spacing:.02em;background:linear-gradient(180deg, #fff2c2 8%, var(--gold) 46%, #e08a12 54%, var(--gold-hi) 92%);color:#0000;-webkit-background-clip:text;background-clip:text;padding:0 .04em;font-size:92px;font-weight:400}.wordmark.small span{font-size:15px}.wordmark.small b{font-size:46px}.app-icon{animation:pop .6s var(--spring) both;border-radius:22.3%;display:block;box-shadow:0 14px 40px #ffbe3c4d,0 4px #0000004d}.hat-hero{width:min(270px,64vw);height:auto;display:block;overflow:visible}.hh-slip{transform-box:fill-box;transform-origin:50%;animation:float 3.6s calc(var(--i) * -.9s) ease-in-out infinite alternate}@keyframes float{0%{transform:translateY(6px)rotate(-4deg)}to{transform:translateY(-10px)rotate(5deg)}}.hh-ear.r{transform-box:fill-box;transform-origin:15% 100%;animation:5.5s ease-in-out 1.2s infinite twitch}@keyframes twitch{0%,86%,to{transform:none}89%{transform:rotate(9deg)}92%{transform:rotate(-4deg)}95%{transform:rotate(5deg)}}.hh-eyes{transform-box:fill-box;transform-origin:50%;animation:4.2s .8s infinite blink}@keyframes blink{0%,95%,to{transform:none}97%{transform:scaleY(.1)}}.hh-rabbit{animation:peek .9s .25s var(--spring) both}@keyframes peek{0%{transform:translateY(120px)}}.hh-spark{transform-box:fill-box;transform-origin:50%;animation:twinkle 2.4s calc(var(--i) * -.8s) ease-in-out infinite}@keyframes twinkle{50%{opacity:.4;transform:scale(.4)rotate(45deg)}}.screen{height:100dvh;padding:calc(var(--top) + 64px) var(--side) calc(var(--bottom) + 8px);flex-direction:column;align-items:stretch;gap:20px;max-width:540px;margin:0 auto;display:flex;overflow-y:auto}.screen.center{text-align:center;justify-content:center;align-items:center}body:before{content:"";z-index:45;height:calc(var(--top) + 62px);pointer-events:none;background:var(--grain), repeating-linear-gradient(90deg, #0000004d 0, #ff82a014 22px, #0000004d 44px), linear-gradient(#5e1029, #3a0819);filter:drop-shadow(0 6px 10px #00000080);position:fixed;top:0;left:0;right:0;-webkit-mask:radial-gradient(22px at 50% 0,#000 97%,#0000) 0 100%/44px 22px repeat-x,linear-gradient(#000,#000) 0 0/100% calc(100% - 21px) no-repeat;mask:radial-gradient(22px at 50% 0,#000 97%,#0000) 0 100%/44px 22px repeat-x,linear-gradient(#000,#000) 0 0/100% calc(100% - 21px) no-repeat}.bar{z-index:50;top:var(--top);right:var(--side);gap:8px;display:flex;position:fixed}.icon-btn{width:44px;height:44px;color:var(--cream);cursor:pointer;touch-action:manipulation;transition:transform .15s var(--ease), background .2s;background:#14030a8c;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;box-shadow:0 3px #00000059}.icon-btn:active{transform:translateY(2px)scale(.94)}.back-fallback{top:var(--top);left:var(--side);z-index:60;width:44px;height:44px;color:var(--cream);background:#14030a8c;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 3px #00000059}.group{background:var(--velvet-bg);border-radius:24px;gap:14px;width:100%;padding:18px;display:grid;box-shadow:0 14px 34px #0a000459}.group-h{justify-content:space-between;align-items:center;gap:12px;min-height:32px;display:flex}.group-h h2{font-size:22px}.team-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.teams-panel .group-h{flex-wrap:wrap}.team-tools .btn{white-space:nowrap}.section-h{font:800 12px var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);padding:0 4px}.dock{bottom:calc(-1 * (var(--bottom) + 8px));width:100%;padding:22px 0 calc(var(--bottom) + 8px);margin:auto 0 calc(-1 * (var(--bottom) + 8px));background:linear-gradient(transparent, var(--v1) 22px);z-index:5;gap:8px;display:grid;position:sticky}.toast{left:50%;top:calc(var(--top) + 60px);z-index:80;background:var(--gold-bg);color:var(--ink);font:800 15px var(--font);box-shadow:0 4px 0 var(--gold-deep), 0 12px 30px #00000080;animation:drop .35s var(--spring) both;text-align:center;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px;display:flex;position:fixed;transform:translate(-50%)}.watching{bottom:var(--bottom);z-index:40;background:var(--panel-3);color:var(--dim);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:700;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0006}.sound-chip{z-index:80;left:50%;bottom:max(14px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--dim);font:700 13px var(--font);pointer-events:none;animation:rise .5s 1s var(--ease) both;background:#14030ad1;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:flex;position:fixed;transform:translate(-50%)}.btn{background:linear-gradient(180deg, #7a1d3f, var(--panel-3));min-height:52px;color:var(--cream);font:800 17px var(--font);cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease), box-shadow .12s var(--ease), opacity .2s, filter .2s;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 20px;display:inline-flex;position:relative;box-shadow:0 4px #2a0511,0 10px 22px #0a00044d}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #2a0511,0 4px 10px #0a00044d}.btn:disabled{opacity:.45;cursor:default}.btn.primary,.ol-btn.primary{background:var(--gold-bg);color:var(--ink);box-shadow:0 5px 0 var(--gold-deep), 0 12px 28px #ffbe3c47}.btn.primary:active:not(:disabled),.ol-btn.primary:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep), 0 4px 12px #ffbe3c33}.btn.primary:disabled,.ol-btn.primary:disabled{opacity:1;background:var(--panel-2);color:var(--faint);box-shadow:0 4px #22040e}.btn.big,.ol-btn.big{width:100%;min-height:62px;font:400 21px/1.1 var(--display);letter-spacing:.01em;border-radius:18px}.btn.tinted{color:var(--gold);box-shadow:none;background:#ffc93c24}.btn.tinted:active:not(:disabled){box-shadow:none;transform:scale(.96)}.btn.plain{color:var(--gold);box-shadow:none;background:0 0}.btn.small{border-radius:999px;min-height:38px;padding:0 14px;font-size:15px}.btn.danger{background:color-mix(in srgb, var(--danger) 18%, var(--panel));color:var(--danger)}.link{min-height:44px;color:var(--gold);font:800 16px var(--font);cursor:pointer;background:0 0;border:0;justify-content:center;align-self:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.link.quiet{color:var(--dim);font-weight:700}.x{width:34px;height:34px;color:var(--ink-2);cursor:pointer;background:#2b140e1a;border:0;border-radius:50%;flex:none;place-items:center;margin:-4px -4px -4px 0;display:grid}.x:active{background:#2b140e33}.home{justify-content:center;gap:26px}.home-top{isolation:isolate;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.home-top:before{content:"";z-index:-1;pointer-events:none;clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);filter:blur(10px);background:linear-gradient(#ffe2960a,#ffe29633 70%,#0000);width:380px;height:560px;position:absolute;top:-160px;left:50%;translate:-50%}.home.joining .home-top:before{display:none}.home-top .hat-hero{margin:-18px 0 -30px}.tagline{color:var(--dim);font:400 25px/1.1 var(--hand);text-wrap:balance;margin-top:4px}.start{gap:14px;width:100%;display:grid}.hub-cards{gap:8px;display:grid}.choice{background:linear-gradient(180deg, #6e1a39, var(--panel-2));width:100%;min-height:76px;color:var(--cream);text-align:left;cursor:pointer;touch-action:manipulation;transition:transform .12s var(--ease), box-shadow .12s var(--ease);border:0;border-radius:20px;align-items:center;gap:14px;padding:12px 16px 12px 12px;display:flex;box-shadow:0 5px #22040e,0 12px 26px #0a000459}.choice:active{transform:translateY(4px);box-shadow:0 1px #22040e,0 4px 10px #0a00044d}.choice-i{width:50px;height:50px;color:var(--gold);background:#00000038;border-radius:15px;flex:none;place-items:center;display:grid}.choice-t{flex:1;gap:3px;min-width:0;display:grid}.choice-t b{font:400 20px/1.1 var(--display);letter-spacing:.01em}.choice-t small{color:var(--dim);font-size:15px;font-weight:600}.choice>.i:last-child{color:var(--faint)}.choice.primary{background:var(--gold-bg);color:var(--ink);box-shadow:0 5px 0 var(--gold-deep), 0 14px 32px #ffbe3c4d}.choice.primary:active{box-shadow:0 1px 0 var(--gold-deep)}.choice.primary .choice-i{color:var(--ink);background:#fff6}.choice.primary .choice-t small,.choice.primary>.i:last-child{color:#2b140eb3}.choice.paper{background:var(--paper-bg);color:var(--ink);box-shadow:0 5px #b48c58,0 12px 26px #0a000459}.choice.paper:active{box-shadow:0 1px #b48c58}.choice.paper .choice-i{color:var(--ink-red);background:#b81f451f}.choice.paper .choice-t small,.choice.paper>.i:last-child{color:var(--ink-2)}.join{text-align:center;justify-items:center;gap:18px;width:100%;display:grid}.join-head{justify-items:center;gap:6px;display:grid}.tiles{cursor:text;gap:10px;display:flex;position:relative}.tiles input{opacity:0;caret-color:#0000;text-transform:uppercase;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.tile{width:70px;height:88px;color:var(--ink);font:400 46px var(--display);transition:background .2s, transform .2s var(--ease);background:#0000004d;border-radius:12px;place-items:center;display:grid;box-shadow:inset 0 3px 10px #0006}.tile.set{background:var(--paper-bg);animation:deal .35s var(--spring) both;box-shadow:0 5px #b48c58,0 10px 20px #00000059}.tile.set:nth-child(odd){transform:rotate(-2deg)}.tile.set:nth-child(2n){transform:rotate(1.5deg)}@keyframes deal{0%{opacity:0;transform:translateY(-16px)rotate(-8deg)scale(.8)}}.tiles:focus-within .tile.next{background:#ffc93c1f}.tiles:focus-within .tile.next:after{content:"";background:var(--gold);border-radius:2px;width:4px;height:44px;animation:1.1s steps(2,end) infinite caret}.tiles.bad .tile.set{color:#8a1220;background:#ffd9d2}.tiles.bad{animation:.4s shake}@keyframes caret{50%{opacity:0}}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.join-acts{gap:4px;width:100%;display:grid}.home.joining{justify-content:flex-start;gap:22px}.home.joining .home-top{gap:4px}.home.joining .hat-hero{width:120px;margin:-10px 0 -14px}.home.joining .wordmark span{font-size:15px}.home.joining .wordmark b{font-size:48px}.home.joining .tagline{display:none}.code-card{background:var(--velvet-bg);text-align:center;border-radius:26px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:14px;width:100%;padding:16px 18px 18px;display:grid;box-shadow:0 14px 34px #0a000459}.code-big{color:var(--ink);cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 6px #b48c58)drop-shadow(0 14px 18px #0a000473);transition:transform .15s var(--ease);background:0 0;border:0;padding:0;display:block;transform:rotate(-1.5deg)}.code-big:active{transform:rotate(-1.5deg)translateY(4px)scale(.98)}.ticket{background:var(--paper-bg);border-radius:12px;justify-items:center;gap:4px;padding:14px 36px 12px;display:grid;-webkit-mask:radial-gradient(13px at 0,#0000 96%,#000) 0/51% 100% no-repeat,radial-gradient(13px at 100%,#0000 96%,#000) 100%/51% 100% no-repeat;mask:radial-gradient(13px at 0,#0000 96%,#000) 0/51% 100% no-repeat,radial-gradient(13px at 100%,#0000 96%,#000) 100%/51% 100% no-repeat}.ticket .caption{color:var(--ink-red)}.code-letters{font:400 min(76px, 14.5vw)/1 var(--display);letter-spacing:.07em;color:var(--ink);margin-right:-.07em}.code-hint{min-height:22px;color:var(--ink-2);font:800 14px var(--font);align-items:center;gap:6px;display:inline-flex}.code-hint.done{color:#157a3c}.code-acts{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin-top:4px;display:grid}.code-qr{text-align:left;background:#00000038;border-radius:18px;align-items:center;gap:14px;width:100%;padding:12px;display:flex}.code-qr .ol-qr{border-radius:10px;flex:none}.code-qr p{color:var(--dim);font-size:15px}.code-qr b{color:var(--cream);font:400 18px var(--display);margin-bottom:3px;display:block}.code-card.compact{grid-template-columns:minmax(0,1fr) auto;place-items:center;padding:14px 14px 16px}.code-card.compact .ticket{padding:10px 30px 8px}.code-card.compact .code-letters{font-size:min(48px,10.5vw)}.share-round{border-radius:50%;width:60px;height:60px;padding:0}.banner{border-radius:var(--r);background:color-mix(in srgb, var(--gold) 16%, var(--panel));width:100%;color:var(--cream);text-align:left;align-items:center;gap:12px;padding:14px 16px;font-size:15px;display:flex}.banner .i{color:var(--gold)}.list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.list>li{background:#0003;border-radius:16px;align-items:center;gap:12px;min-height:54px;padding:8px 14px;display:flex;position:relative}.pname{overflow-wrap:anywhere;flex:1;align-items:center;gap:8px;min-width:0;font-weight:800;display:inline-flex}.pname small{color:var(--dim);font-weight:600}.slip-small{min-width:0;font:400 24px/1.1 var(--hand);overflow-wrap:anywhere;text-wrap:pretty;flex:1}.list.mine{gap:10px;padding:2px 4px}.list.mine>li{background:var(--paper-bg);min-height:58px;color:var(--ink);animation:slip-in .5s var(--spring) both;border-radius:6px;padding:10px 12px 10px 16px;transform:rotate(-.8deg);box-shadow:0 4px #b48c58,0 10px 18px #0a00044d}.list.mine>li:nth-child(2n){transform:rotate(.9deg)}.list.mine>li:nth-child(3n){transform:rotate(-.3deg)}@keyframes slip-in{0%{opacity:0;transform:translateY(-30px)rotate(-8deg)scale(.9)}}.add{gap:10px;display:flex}.field{background:var(--paper-bg);min-width:0;height:56px;color:var(--ink);font:700 18px var(--font);transition:transform .2s var(--ease);border:0;border-radius:12px;outline:none;flex:1;padding:0 16px;box-shadow:inset 0 2px 6px #78501e40}.field::placeholder{color:#b39a80}.field:focus{transform:rotate(-.6deg);box-shadow:inset 0 2px 6px #78501e40,0 0 0 3px #ffc93c99}.write .field{font:400 26px var(--hand);padding-top:2px}.add .send{border-radius:50%;width:56px;min-height:56px;padding:0}.write-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.progress{color:var(--dim);font:800 15px var(--font);font-variant-numeric:tabular-nums;align-items:center;gap:10px;display:inline-flex}.pips{gap:5px;display:flex}.pips i{width:12px;height:16px;transition:background .3s, transform .3s var(--spring);background:#0000004d;border-radius:2px}.pips i.on{background:var(--paper);transform:rotate(-8deg)}.pips i.on:nth-child(2n){transform:rotate(6deg)}.writing{gap:16px}.pass-screen{gap:18px}.pass-screen .big-i{background:var(--gold-bg);width:96px;height:96px;color:var(--ink);box-shadow:0 6px 0 var(--gold-deep), 0 16px 40px #ffbe3c4d;border-radius:30px;flex-shrink:0;place-items:center;margin:auto 0 4px;animation:2.6s ease-in-out infinite wobble;display:grid}@keyframes wobble{50%{transform:rotate(-6deg)translateY(-4px)}}.pass-screen .dock{background:0 0;margin:auto 0 0;padding:20px 0 0;position:static}.teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.team{background:color-mix(in srgb, var(--team) 12%, #0003);border-radius:18px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.team-name{font:400 17px var(--display);color:var(--team);align-items:center;gap:7px;padding:2px 4px;display:flex}.team-name .n{color:var(--dim);font:800 15px var(--font);font-variant-numeric:tabular-nums;margin-left:auto}.team ul{grid-template-columns:minmax(0,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.team li{min-width:0}.member{width:100%;min-height:48px;color:var(--cream);text-align:left;cursor:default;background:#00000040;border:0;border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:15px;display:flex}button.member{cursor:pointer;transition:transform .15s var(--spring), background .2s}button.member:active{background:#0006;transform:scale(.95)}.member>*{flex:none}.member .pname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;display:block;overflow:hidden}.member.me{background:color-mix(in srgb, var(--team) 26%, #0003)}.member.me .pname:after{content:" · You";color:var(--dim);font-weight:600}.member .ok{color:var(--ok)}.member .writing-i{color:var(--faint);animation:1.8s ease-in-out infinite wobble}.options{gap:16px;display:grid}.seg-row{gap:8px;display:grid}.seg-label{font:800 15px var(--font);color:var(--cream);align-items:center;gap:8px;padding:0 2px;display:flex}.seg-label .i{color:var(--gold)}.seg{background:#0000004d;border-radius:14px;padding:4px;display:flex;box-shadow:inset 0 2px 6px #00000059}.seg button{min-width:0;min-height:42px;color:var(--dim);font:800 15px var(--font);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s, color .2s, transform .2s var(--spring);background:0 0;border:0;border-radius:10px;flex:1;padding:0 4px}.seg button.on{background:var(--gold-bg);color:var(--ink);box-shadow:0 3px 0 var(--gold-deep);transform:translateY(-1px)}.seg button:disabled{cursor:default}.seg button:disabled:not(.on){color:var(--faint)}.scrim{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14030ab3;place-items:end center;animation:.25s both fade;display:grid;position:fixed;inset:0}.sheet{width:100%;max-width:540px;max-height:calc(100dvh - var(--top) - 8px);background:var(--grain), linear-gradient(180deg, #5a1230, var(--panel) 220px);padding:10px var(--side) calc(var(--bottom) + 4px);animation:up .45s var(--ease) both;border-radius:30px 30px 0 0;gap:18px;display:grid;position:relative;overflow-y:auto;box-shadow:0 -20px 60px #00000080}.sheet:before{content:"";background:#fff3da40;border-radius:3px;justify-self:center;width:40px;height:5px}.sheet-h{justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-h h2{font-size:24px}.sheet section{gap:8px;display:grid}.row-btn{width:100%;min-height:54px;color:var(--cream);font:700 17px var(--font);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.row-btn .grow{flex:1}.row-btn .note{font-weight:600}.row-btn>.i:last-child{color:var(--faint)}.row-btn.danger{color:var(--danger)}.row-i{background:var(--panel-3);width:34px;height:34px;color:var(--ink);border-radius:10px;flex:none;place-items:center;display:grid}.row-i.pink{background:var(--gold-bg)}.row-i.blue{background:var(--t1)}.row-i.purple{background:#c3a6ff}.row-i.red{background:var(--danger)}.row-i.grey{background:var(--dim)}.switch{background:#0006;border-radius:999px;flex:none;width:54px;height:32px;transition:background .25s;position:relative;box-shadow:inset 0 2px 5px #0006}.switch:after{content:"";background:var(--cream);width:26px;height:26px;transition:transform .3s var(--spring);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px #00000040}[aria-checked=true]>.switch{background:var(--gold)}[aria-checked=true]>.switch:after{transform:translate(22px)}.guide{justify-items:start;gap:14px}.guide-i{background:var(--gold-bg);width:70px;height:70px;color:var(--ink);box-shadow:0 5px 0 var(--gold-deep);border-radius:22px;place-items:center;margin-top:6px;display:grid;transform:rotate(-4deg)}.guide .close{position:absolute;top:14px;right:14px}.guide p.body{color:var(--cream);text-wrap:pretty;font-size:17px;line-height:1.45}.guide .note{justify-self:stretch}.guide-nav{justify-self:stretch;align-items:center;gap:8px;margin-top:6px;display:flex}.guide-nav .dots{flex:1;gap:6px;display:flex}.guide-nav .dots i{width:10px;height:14px;transition:background .3s, transform .3s var(--spring);background:#00000059;border-radius:2px}.guide-nav .dots i.now{background:var(--paper);transform:rotate(-8deg)}.scores{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.score{transition:background .4s, transform .4s var(--spring), box-shadow .4s;background:#00000040;border-radius:20px;justify-items:center;gap:0;padding:12px 10px 10px;display:grid}.score.now{background:var(--team);color:var(--on-team);box-shadow:0 5px 0 color-mix(in srgb, var(--team) 45%, #000), 0 0 34px color-mix(in srgb, var(--team) 40%, transparent);transform:translateY(-2px)}.score.now .score-name{color:inherit}.score.now .dot{color:currentColor}.score-name{font:400 15px var(--display);color:var(--team);align-items:center;gap:6px;display:inline-flex}.score b{font:400 44px/1.12 var(--display);font-variant-numeric:tabular-nums}.scores.big .score{padding:14px 10px 12px}.scores.big .score b{font-size:56px}.round-tag{text-align:center;justify-items:center;gap:4px;display:grid}.round-tag b{font:400 30px/1.1 var(--display);letter-spacing:.005em;color:var(--cream);text-shadow:0 3px #00000059}.round-tag small{color:var(--dim);text-wrap:balance;font-size:15px;font-weight:600}.round-tag .kicker{font-variant-numeric:tabular-nums}.hat-count{color:var(--dim);font:700 15px var(--font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;display:inline-flex}.ready{text-align:center;justify-content:center;align-items:center;gap:24px}.ready.ended:before,.ready.ended:after{content:"";z-index:66;pointer-events:none;background:var(--grain), repeating-linear-gradient(90deg, #00000052 0, #ff82a01a 24px, #00000052 48px), linear-gradient(#7a1838, #3e0a1c);width:51%;animation:1.3s cubic-bezier(.7,0,.3,1) .15s both curtain-l;position:fixed;top:0;bottom:0}.ready.ended:before{left:0}.ready.ended:after{animation-name:curtain-r;right:0}@keyframes curtain-l{0%,25%{transform:none}to{transform:translate(-102%)}}@keyframes curtain-r{0%,25%{transform:none}to{transform:translate(102%)}}.round-done{background:var(--paper-bg);width:100%;color:var(--ink);border-radius:10px;justify-items:center;gap:10px;padding:18px;display:grid;transform:rotate(-1deg);box-shadow:0 6px #b48c58,0 18px 36px #0a000473}.round-done .kicker{color:var(--ink-red)}.round-done .done-i{background:var(--gold-bg);width:46px;height:46px;color:var(--ink);box-shadow:0 3px 0 var(--gold-deep);border-radius:50%;place-items:center;display:grid}.round-scores{gap:40px;display:flex}.round-scores div{justify-items:center;gap:2px;display:grid}.round-scores>div>span{font:400 15px var(--display);color:var(--ink);align-items:center;gap:6px;display:inline-flex}.round-scores .dot{color:color-mix(in srgb, var(--team) 60%, var(--ink))}.round-scores b{font:400 40px/1.05 var(--display);color:var(--ink);font-variant-numeric:tabular-nums}.last-turn{color:var(--dim);background:#00000047;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;display:inline-flex}.last-turn b{color:var(--gold);font:400 19px var(--display);font-variant-numeric:tabular-nums}.up{text-align:center;justify-items:center;gap:14px;width:100%;display:grid}.up .kicker{color:var(--team)}.up-name{font:400 clamp(34px, 10.5vw, 50px)/1.05 var(--display);letter-spacing:.005em;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 4px #00000059}.hold{background:var(--gold-bg);width:100%;max-width:400px;min-height:70px;color:var(--ink);cursor:pointer;box-shadow:0 6px 0 var(--gold-deep), 0 16px 36px #ffbe3c52;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .15s var(--ease), box-shadow .15s var(--ease);border:0;border-radius:20px;animation:2.2s ease-in-out infinite breathe;position:relative;overflow:hidden}@keyframes breathe{50%{box-shadow:0 6px 0 var(--gold-deep), 0 16px 48px #ffbe3c8c}}.hold.held{box-shadow:0 2px 0 var(--gold-deep), 0 6px 16px #ffbe3c4d;animation:none;transform:translateY(4px)}.hold-fill{transform-origin:0;transition:transform .2s var(--ease);background:#ffffff73;position:absolute;inset:0;transform:scaleX(0)}.hold.held .hold-fill{transition:transform var(--hold) linear;transform:scaleX(1)}.hold-label{font:400 22px var(--display);gap:2px;display:grid;position:relative}.hold-label small{font:700 13px var(--font);opacity:.75;font-variant-numeric:tabular-nums}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ring-track{fill:#0000004d;stroke:#00000059;stroke-width:9px}.ring-arc{fill:none;stroke:var(--gold);stroke-width:9px;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffc93c99);transition:stroke .6s}.ring.low .ring-arc{stroke:var(--danger);filter:drop-shadow(0 0 6px #ff6b5ecc)}.ring-in{font:400 20px var(--display);font-variant-numeric:tabular-nums;position:relative}.ring.low .ring-in{color:var(--danger);animation:1s step-end infinite tick}@keyframes tick{50%{transform:scale(1.15)}}.turn{padding-top:calc(var(--top) - 6px);justify-content:space-between;gap:12px}.turn-top{z-index:46;justify-items:center;gap:6px;display:grid;position:relative}.turn-top .round-tag{gap:1px}.turn-top .round-tag b{font-size:22px}.turn-top .round-tag small{font-size:14px}.stage{flex:1;width:100%;min-height:0;padding:6px 4px;display:grid;position:relative}.card{min-height:0;color:var(--ink);background:var(--grain), linear-gradient(180deg, #fff9ea 0%, #fff3dc 42%, #f3e1bb 49.5%, #ead4a7 50%, #f6e5c3 53%, #fff3da 64%, #fbedcf 100%);transform:rotate(var(--tilt,0deg));animation:draw .55s var(--ease) both;border-radius:8px;grid-area:1/1;place-items:center;padding:26px 22px;display:grid;position:relative;overflow:hidden;box-shadow:0 8px #b48c58,0 26px 50px #0a000480;container-type:inline-size}@keyframes draw{0%{opacity:0;transform:translateY(60%) rotate(calc(var(--tilt,0deg) - 12deg)) scale(.5, .2)}60%{opacity:1;transform:translateY(-3%) rotate(calc(var(--tilt,0deg) + 2deg)) scale(1.02)}}.card:after{content:"The Hat";font:400 15px var(--logo);color:var(--ink-red);opacity:.3;pointer-events:none;position:absolute;bottom:10px;right:14px;transform:rotate(-8deg)}.card.ghost{z-index:2;pointer-events:none;animation:none}.card.ghost.got{animation-name:gone-got}.card.ghost.pass{animation-name:gone-pass;animation-duration:.45s}.card.ghost.back{animation-name:gone-back}@keyframes gone-got{to{opacity:0;transform:translate(30%,-110%)rotate(22deg)scale(.75)}}@keyframes gone-pass{to{opacity:0;transform:translate(-45%,75%)rotate(-18deg)scale(.3)}}@keyframes gone-back{to{opacity:0;transform:translateY(105%)rotate(8deg)scale(.55,.25)}}.slip-text{max-width:100%;font-family:var(--hand);text-align:center;text-wrap:balance;overflow-wrap:anywhere;-webkit-hyphens:manual;hyphens:manual;font-weight:400;line-height:1.06;display:block}.card-text{max-height:100%;overflow-y:auto}.got-burst{z-index:3;pointer-events:none;position:absolute;top:45%;left:50%}.got-burst i{color:var(--gold);filter:drop-shadow(0 0 6px #ffc93ce6);animation:burst .7s var(--ease) both;position:absolute;top:-11px;left:-11px}@keyframes burst{0%{transform:rotate(calc(var(--k) * 45deg)) translateY(0) scale(.4);opacity:1}to{transform:rotate(calc(var(--k) * 45deg)) translateY(-140px) scale(1.1);opacity:0}}.turn-foot{gap:10px;width:100%;display:grid}.turn-meta{color:var(--dim);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:16px;font-size:15px;font-weight:700;display:flex}.turn-meta span{align-items:center;gap:6px;display:inline-flex}.turn-meta b{color:var(--gold);font:400 18px var(--display)}.turn-meta .got-n .i{color:var(--gold)}.escrow{background:var(--paper-bg);width:100%;color:var(--ink);text-align:left;cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s;border:0;border-radius:6px;align-items:center;gap:12px;padding:10px 14px 10px 10px;display:flex;transform:rotate(-1.2deg);box-shadow:0 4px #b48c58,0 10px 20px #0a000459}.escrow:active{transform:rotate(-1.2deg)translateY(3px);box-shadow:0 1px #b48c58}.escrow-i{width:40px;height:40px;color:var(--ink-red);background:#b81f451f;border-radius:12px;flex:none;place-items:center;display:grid}.escrow-t{flex:1;gap:1px;min-width:0;display:grid}.escrow-t .kicker{color:var(--ink-red);font-size:11px}.escrow-text{font:400 22px/1.1 var(--hand);overflow-wrap:anywhere;text-wrap:pretty}.actions{grid-template-columns:1fr 1.6fr;gap:12px;display:grid}.actions .btn{min-height:72px;font:400 21px var(--display);border-radius:22px}.btn.pass{background:var(--paper-bg);color:var(--ink);box-shadow:0 5px #b48c58,0 12px 24px #0a000459}.btn.pass:active:not(:disabled){box-shadow:0 1px #b48c58}.btn.pass:disabled{opacity:1;color:var(--faint);box-shadow:none;font:800 15px var(--font);white-space:nowrap;background:#00000040}.btn.got{background:var(--gold-bg);color:var(--ink);box-shadow:0 6px 0 var(--gold-deep), 0 14px 32px #ffbe3c59}.btn.got:active:not(:disabled){box-shadow:0 1px 0 var(--gold-deep), 0 4px 12px #ffbe3c4d}.watch{text-align:center;justify-content:center;align-items:center;gap:24px}.watch .ring-arc{stroke:var(--team);stroke-width:10px;filter:drop-shadow(0 0 10px color-mix(in srgb, var(--team) 70%, transparent))}.watch .ring-track{stroke-width:10px}.watch .ring.low .ring-arc{stroke:var(--danger)}.watch-got{animation:pop .5s var(--spring) both;justify-items:center;display:grid}.watch-got b{font:400 92px/1 var(--display);color:var(--cream);font-variant-numeric:tabular-nums;text-shadow:0 5px #00000059}.watch-got small{color:var(--team);font:800 13px var(--font);letter-spacing:.16em;text-transform:uppercase}.watch-clock{justify-items:center;gap:12px;display:grid}.watch-time{color:var(--dim);font:800 17px var(--font);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.watch-time.low{color:var(--danger)}@keyframes pop{0%{opacity:.3;transform:scale(.7)}}.watch-who{text-align:center;justify-items:center;gap:6px;display:grid}.watch-who .kicker{color:var(--team)}.watch-who h2{font:400 40px/1.05 var(--display);overflow-wrap:anywhere;text-shadow:0 4px #00000059}.watch-who h2 small{font:700 15px var(--font);color:var(--warn)}.shout{color:var(--cream);font:400 30px var(--hand);align-items:center;gap:8px;display:inline-flex}.shout .i{color:var(--team)}.over{gap:16px}.confetti{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti i{top:-40px;left:var(--x);background:var(--c);width:13px;height:19px;animation:fall var(--t) var(--d) linear 2 both;border-radius:2px;position:absolute;box-shadow:0 2px #0003}@keyframes fall{0%{transform:translate(0, 0) rotate(var(--r))}50%{transform:translate(18px, 55vh) rotate(calc(var(--r) + 260deg))}to{transform:translate(-10px, 112vh) rotate(calc(var(--r) + 540deg))}}.over>:not(.confetti):not(.spot){z-index:2;position:relative}.win{text-align:center;justify-items:center;gap:8px;padding:6px 0 4px;display:grid}.win-i{background:var(--team);width:108px;height:108px;color:var(--on-team);box-shadow:0 6px 0 color-mix(in srgb, var(--team) 45%, #000), 0 0 70px color-mix(in srgb, var(--team) 55%, transparent);animation:pop .7s var(--spring) both;border-radius:50%;place-items:center;display:grid}.win-line{font:400 clamp(40px, 12vw, 58px)/1.02 var(--display);background:linear-gradient(180deg, #fff2c2 10%, var(--gold) 48%, #e08a12 56%, var(--gold-hi) 94%);color:#0000;filter:drop-shadow(0 5px #5a0c20)drop-shadow(0 0 30px #ffbe3c59);animation:pop .8s .15s var(--spring) both;-webkit-background-clip:text;background-clip:text;padding:0 .05em}.table{background:var(--paper-bg);color:var(--ink);border-radius:10px;gap:0;padding:8px 18px;box-shadow:0 6px #b48c58,0 18px 36px #0a000466}.trow{font-variant-numeric:tabular-nums;grid-template-columns:1.4fr 1fr 1fr;align-items:center;min-height:46px;display:grid;position:relative}.trow:nth-child(2n):not(.total){background:#78501e12;margin:0 -18px;padding:0 18px}.trow>:not(:first-child){text-align:center;justify-self:center}.trow>span:first-child{color:var(--ink-2);font-size:15px;font-weight:700}.trow.head>span{font:400 15px var(--display);color:var(--ink);align-items:center;gap:6px;display:inline-flex}.trow.head .dot,.trow.total b{color:color-mix(in srgb, var(--team) 55%, var(--ink))}.trow>span{font-weight:800}.trow.total{min-height:64px}.trow.total>span{color:var(--ink);font:400 18px var(--display)}.trow.total b{font:400 36px/1 var(--display)}.trow.total b.won{color:var(--ink-red)}.award-i{width:38px;height:38px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid;box-shadow:0 3px #0000004d}.award-t{flex:1;gap:1px;min-width:0;display:grid}.award-t small{color:var(--gold);font:800 11px var(--font);letter-spacing:.14em;text-transform:uppercase}.award-t b{font:400 18px var(--display);overflow-wrap:anywhere}.award-t span{color:var(--dim);overflow-wrap:anywhere;font-size:15px}.award-t .award-slip{color:var(--cream);font:400 21px/1.1 var(--hand)}.awards .list,.people .list{background:0 0!important}.list>li.me{background:color-mix(in srgb, var(--gold) 16%, #0003)}.place{width:24px;color:var(--dim);font:400 17px var(--display);font-variant-numeric:tabular-nums;text-align:center;flex:none}.place .i{color:var(--gold)}.people .pname .dot{color:var(--team)}.pts{font:400 24px var(--display);color:var(--gold);font-variant-numeric:tabular-nums}.end{gap:10px;width:100%;padding-top:6px;display:grid}.spot{z-index:65;padding:var(--side);cursor:pointer;background:radial-gradient(60% 75% at 50% 0,#ffdc8c4d,#ffdc8c0f 60%,#0000 75%),#14030af2;place-items:center;animation:.3s both fade;display:grid;position:fixed;inset:0}.spot-in{text-align:center;width:min(420px,100%);animation:spot-in .6s var(--spring) both;justify-items:center;gap:12px;display:grid;container-type:inline-size}@keyframes spot-in{0%{opacity:0;transform:translateY(24px)scale(.9)}}.spot-i{width:70px;height:70px;color:var(--ink);border-radius:22px;place-items:center;display:grid;transform:rotate(-5deg);box-shadow:0 5px #00000059}.spot-i .i{width:34px;height:34px}.spot .kicker{font-size:14px}.spot-name{font:400 44px/1.05 var(--display);text-shadow:0 4px #00000059}.spot-slip{background:var(--paper-bg);color:var(--ink);border-radius:6px;padding:14px 18px;display:block;transform:rotate(-1.5deg);box-shadow:0 5px #b48c58}.spot-line{color:var(--dim);font-size:17px;font-weight:700}.spot-skip{color:var(--faint);margin-top:18px;font-size:13px;font-weight:700}.lobby{gap:16px}.lobby .ol-lobby{gap:16px;max-width:none}.ol-btn{border-radius:16px;box-shadow:0 4px #22040e;font-weight:800!important}.ol-btn.primary.done{background:color-mix(in srgb, var(--ok) 30%, var(--panel));color:var(--ok);box-shadow:0 4px #22040e}.ol-btn.big{font-weight:400!important}.ol-btn.ghost{box-shadow:none}.ol-link{color:var(--gold)!important;opacity:1!important;font-size:15px!important;font-weight:800!important;text-decoration:none!important}.ol-field{background:var(--paper-bg)!important;color:var(--ink)!important;font-weight:800!important;box-shadow:inset 0 2px 6px #78501e40!important}.ol-players{background:var(--paper-bg);color:var(--ink);border-radius:12px;gap:4px;padding:8px;box-shadow:0 6px #b48c58,0 18px 36px #0a000466}.ol-player{min-height:58px;color:var(--ink);background:0 0;border-radius:10px;padding:6px 8px;position:relative}.ol-player:nth-child(2n){background:#78501e12}.ol-player.mine{background:#ffc93c59}.ol-player.empty{color:var(--ink-2);background:0 0}.ol-player .ol-ava.ghost{background:#78501e1f}.ol-pname b{font-weight:800}.ol-pname small,.ol-player .ol-more,.ol-player .ol-pen,.ol-player .ol-x{color:var(--ink-2)}.ol-tag{color:var(--ink-2);background:0 0}.ol-tag.host{color:#c27c12}.ol-ready{color:var(--ink-2);background:#78501e1f;font-weight:800}.ol-ready.ok{color:#146a34;background:#cdeed7}.ol-setup{background:var(--velvet-bg);border-radius:24px;padding:16px;box-shadow:0 14px 34px #0a000459}.ol-setup-h{font:400 22px var(--display);text-align:left}.ol-steps{gap:6px}.ol-step{background:#0003;border-radius:14px;padding:12px 14px;position:relative}.ol-step-l{font:800 12px var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.ol-step-n{background:var(--gold-bg);color:var(--ink);font-weight:800}.ol-sheet{background:var(--grain), linear-gradient(180deg, #5a1230, var(--panel) 220px);border-radius:28px;padding:26px 18px 18px}.ol-sheet h2,.ol-ended h2{font:400 24px/1.15 var(--display)}.ol-sheet-i{background:var(--gold-bg);color:var(--ink)}.ol-ended{background:var(--velvet-bg);border-radius:26px;padding:28px 20px 20px}.ol-card{background:var(--velvet-bg);border-radius:18px;animation:none}.ol-toast{background:var(--gold-bg);color:var(--ink);border-radius:999px;font-weight:800;box-shadow:0 4px 0 var(--gold-deep), 0 12px 30px #00000080!important}.ol-pill{background:var(--gold-bg);color:var(--ink);font-weight:800}.ol-leave .ol-btn.ghost{color:var(--danger)}.ol-note{color:var(--dim);font-size:15px}.rise{animation:rise .55s calc(var(--i,0) * 70ms) var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.hold.held .hold-fill{transition:none;transform:scaleX(1)}.ready.ended:before,.ready.ended:after{display:none}}@media (orientation:landscape) and (height<=520px){.screen{max-width:none;padding:calc(var(--top) + 8px) calc(var(--side) + 56px) calc(var(--bottom) + 4px);gap:14px}body:before{display:none}.screen>:not(.bar){width:100%;max-width:760px;margin-left:auto;margin-right:auto}.screen.center>*{width:auto}.pass-screen .big-i{border-radius:20px;width:64px;height:64px}.pass-screen .dock{width:100%;max-width:420px}.turn{padding-top:calc(var(--top) + 4px);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;gap:10px 18px;display:grid}.turn>*{max-width:none;margin:0}.turn-top{grid-area:1/2;gap:4px}.stage{grid-area:1/1/3;padding:4px}.turn-foot{grid-area:2/2;align-self:end}.turn-top .round-tag small{display:none}.turn-meta{font-size:14px}.escrow{padding:8px 12px 8px 8px}.escrow-i{width:34px;height:34px}.escrow-text{font-size:19px}.actions{grid-template-columns:1fr 1.4fr}.actions .btn{white-space:nowrap;min-height:58px;padding:0 12px;font-size:18px}.watch,.ready{grid-template-columns:1fr 1fr;align-content:center;justify-items:center;column-gap:28px;display:grid}.watch>*,.ready>*{margin:0}.watch .ring{width:180px!important;height:180px!important}.watch-got b{font-size:72px}.home{grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.home>*{margin:0}.home .hat-hero{width:150px;margin:-10px 0 -18px}.home .wordmark b{font-size:64px}.code-card:not(.compact){text-align:left;grid-template-columns:auto 1fr;align-items:center;column-gap:22px}.code-card:not(.compact)>.code-big{grid-area:1/1/span 9}.code-card:not(.compact)>:not(.caption):not(.code-big){grid-column:2}.code-letters{font-size:60px}}.code-card .invite{width:100%}.players-h{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.players-h>span{align-items:center;gap:6px;display:inline-flex}.players-h .count{color:var(--dim);letter-spacing:.04em}.setup-head{gap:8px;padding:0 4px;display:grid}.lobby .dock{order:0}.btn.big:disabled,.ol-btn.big:disabled{font:800 16px/1.2 var(--font);letter-spacing:0}