:root{--motion-quick:.14s;--motion-base:.24s;--motion-slow:.42s;--motion-settle:.56s;--ease-out-soft:cubic-bezier(.2, .8, .2, 1);--ease-spring-soft:cubic-bezier(.2, .9, .3, 1.18);--scene-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='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html body .table-page[data-product]:where(:not([data-product=noise-meter],[data-product=pair-rotation],[data-product=random-number],[data-product=seating-chart],[data-product=secret-santa],[data-product=shuffle-list],[data-product=stopwatch],[data-product=tally-counter],[data-product=team-generator])){--scene-top:#262a33;--scene-bottom:#121419;--scene-glow:#ffffff1f;--table-ink:#f7f1e8;--table-ink-soft:#f7f1e8bd;--table-rim:transparent;--table-surface:radial-gradient(ellipse 64% 50% at 50% 42%, var(--scene-glow), transparent 72%), radial-gradient(ellipse 130% 80% at 50% 118%, #00000061, transparent 62%), var(--scene-grain), linear-gradient(180deg, var(--scene-top), var(--scene-bottom))}html body .table-page[data-product=random-wheel],html body .table-page[data-product=yes-no-button],html body .table-page[data-product=comment-picker],html body .table-page[data-product=date-poll],html body .table-page[data-product=link-poll],html body .table-page[data-product=bracket-vote],html body .table-page[data-product=swipe-decide]{--scene-top:#2a2550;--scene-bottom:#141129;--scene-glow:#baa8ff33}html body .table-page[data-product=truth-or-dare],html body .table-page[data-product=never-have-i-ever],html body .table-page[data-product=most-likely-to],html body .table-page[data-product=charades],html body .table-page[data-product=alias],html body .table-page[data-product=heads-up],html body .table-page[data-product=spectrum],html body .table-page[data-product=new-year-forfeits],html body .table-page[data-product=hot-potato],html body .table-page[data-product=bottle]{--scene-top:#3d1f2e;--scene-bottom:#1b0d15;--scene-glow:#ffbeb033}html body .table-page[data-product=live-quiz],html body .table-page[data-product=herd],html body .table-page[data-product=quiz-buzzer],html body .table-page[data-product=friend-quiz],html body .table-page[data-product=city-country],html body .table-page[data-product=reaction-test],html body .table-page[data-product=draw-guess]{--scene-top:#1c2452;--scene-bottom:#0c1029;--scene-glow:#8caaff38}html body .table-page[data-product=spy-game],html body .table-page[data-product=mafia-roles]{--scene-top:#1a2b2c;--scene-bottom:#0a1516;--scene-glow:#aadcc824}html body .table-page[data-product=bingo],html body .table-page[data-product=tombola],html body .table-page[data-product=holiday-bingo],html body .table-page[data-product=gift-swap],html body .table-page[data-product=year-awards]{--scene-top:#3f1d1b;--scene-bottom:#1c0b0a;--scene-glow:#ffc89633}html body .table-page[data-product=st-andrews-eve],html body .table-page[data-product=new-year-fortunes],html body .table-page[data-product=bleigiessen],html body .table-page[data-product=elf-name],html body .table-page[data-product=screensaver]{--scene-top:#33241a;--scene-bottom:#150d08;--scene-glow:#ffc4783d}html body .table-page[data-product=valentine],html body .table-page[data-product=be-my-girlfriend],html body .table-page[data-product=ask-out],html body .table-page[data-product=cant-say-no],html body .table-page[data-product=promposal],html body .table-page[data-product=marry-me],html body .table-page[data-product=dragobete],html body .table-page[data-product=anniversary],html body .table-page[data-product=martisor],html body .table-page[data-product=bouquet]{--scene-top:#43202f;--scene-bottom:#1f0c15;--scene-glow:#ffb8cc33}html body .table-page[data-product=birthday-cake],html body .table-page[data-product=group-card],html body .table-page[data-product=thankful-jar],html body .table-page[data-product=event-invite],html body .table-page[data-product=potluck],html body .table-page[data-product=wishlist],html body .table-page[data-product=coupon-book],html body .table-page[data-product=predictions],html body .table-page[data-product=scratch-card],html body .table-page[data-product=prank-link]{--scene-top:#2c1f45;--scene-bottom:#130c22;--scene-glow:#dcb4ff33}html body .table-page[data-product=snow-globe],html body .table-page[data-product=letter-to-santa],html body .table-page[data-product=advent-calendar],html body .table-page[data-product=year-summary],html body .table-page[data-product=resolutions],html body .table-page[data-product=time-capsule],html body .table-page[data-product=new-year-wish],html body .table-page[data-product=countdown],html body .table-page[data-product=new-year-countdown],html body .table-page[data-product=christmas-countdown]{--scene-top:#18294a;--scene-bottom:#0a1426;--scene-glow:#b0d2ff33}html body .table-page[data-product=classroom-board],html body .table-page[data-product=chore-rotation]{--scene-top:#163e43;--scene-bottom:#0a2125;--scene-glow:#96e8dc2b}html body .table-page[data-product=chess-clock]{--scene-top:#1a2b48;--scene-bottom:#0c1525;--scene-glow:#a4ccff2e}html body .table-page[data-product=scoreboard],html body .table-page[data-product=tournament]{--scene-top:#2a2b31;--scene-bottom:#131418;--scene-glow:#ffde9c29}html body .table-page[data-product=dice]{--scene-top:#4a2e1c;--scene-bottom:#21140b;--scene-glow:#ffce9642}html body .table-page[data-product=cards]{--scene-top:#1b4a37;--scene-bottom:#0b241a;--scene-glow:#8cdeac33}html body .table-page[data-product=coin]{--scene-top:#4b1423;--scene-bottom:#1f070e;--scene-glow:#ffc8a638}html body .table-page[data-product=random-wheel]{--scene-top:#2a2346;--scene-bottom:#110e20;--scene-glow:#ffe9be2b}html body .table-page[data-product=draw-lots]{--scene-top:#154446;--scene-bottom:#092223;--scene-glow:#a0ecde2e}html body .table-page[data-product=duck-race]{--scene-top:#133150;--scene-bottom:#08172a;--scene-glow:#96d2ff33}html body .table-page[data-product=timer]{--scene-top:#4a2316;--scene-bottom:#200d07;--scene-glow:#ffc49633}html body .table-page[data-product=magic-ball]{--scene-top:#221d36;--scene-bottom:#0d0b18;--scene-glow:#aa96ff38}html body .table-page .table-scene{isolation:isolate;border-radius:30px;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 1px #ffffff24,inset 0 -60px 90px -40px #0000006b,0 0 0 1px #0c0a1429,0 2px 4px #0c0a1414,0 34px 70px -28px #120e1c80}html body .table-page:is([data-product=noise-meter],[data-product=pair-rotation],[data-product=random-number],[data-product=seating-chart],[data-product=secret-santa],[data-product=shuffle-list],[data-product=stopwatch],[data-product=tally-counter],[data-product=team-generator]) .table-scene{box-shadow:inset 0 0 0 1px #3c280a1a,inset 0 1px #fff9,inset 0 -60px 90px -50px #3c280a2e,0 0 0 1px #0c0a141a,0 2px 4px #0c0a140f,0 34px 70px -30px #120e1c52}html body .table-page .table-scene:before{z-index:-1;border-radius:inherit;background:radial-gradient(ellipse 46% 40% at 50% 46%, var(--scene-glow,#ffffff24), transparent 72%);content:"";opacity:0;pointer-events:none;transition:opacity var(--motion-slow) var(--ease-out-soft);position:absolute;inset:0}html body .table-page .table-scene[data-phase=active]:before{opacity:1}html body .table-page .table-scene[data-phase=complete]:before{opacity:.5}html body .table-page .table-head{max-width:58ch}html body .table-page .table-head h1{text-wrap:balance}html body .table-page .table-head p{text-wrap:pretty;max-width:62ch}html body .table-page :is(.table-settings,.table-share,.table-history,.table-room){border-color:color-mix(in srgb, var(--line), transparent 20%);background:var(--paper);border-radius:22px;box-shadow:inset 0 1px #ffffff8c,0 1px 2px #1014180a,0 18px 36px -26px #10141847}html[data-theme=dark] body .table-page :is(.table-settings,.table-share,.table-history,.table-room){box-shadow:inset 0 1px #ffffff0a,0 18px 36px -26px #0009}html body .table-page .table-history .tool-history-list>li:first-child{animation:scene-history-in var(--motion-base) var(--ease-out-soft) both}@keyframes scene-history-in{0%{opacity:0;transform:translateY(-6px)}}html body .table-page :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid color-mix(in srgb, var(--product-accent), var(--ink) 20%);outline-offset:2px}html body .table-page .table-scene :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--table-ink);outline-offset:3px}html body .table-page .table-panel :is(button,.action-button):not(:disabled){transition:background-color var(--motion-quick) ease, border-color var(--motion-quick) ease, box-shadow var(--motion-quick) ease, transform var(--motion-quick) ease}html body .table-page .table-panel :is(button,.action-button):not(:disabled):active{transform:translateY(1px)scale(.99)}html body .table-page .table-panel :is(button,.action-button):disabled{cursor:not-allowed}html body .table-page .table-action .action-button:not(:disabled):active{transition-duration:60ms}html body .table-page .table-scene[data-phase=active] .table-action .action-button:disabled{opacity:.78}@media (max-width:600px){html body .table-page .table-scene{border-radius:24px}}@media (prefers-reduced-motion:reduce){html body .table-page .table-scene:before,html body .table-page .table-history .tool-history-list>li:first-child,html body .table-page .table-panel :is(button,.action-button){transition:none;animation:none}}html body :is(.mt-charms,.sv-scenes,.sg-scenes,.ys-themes) input{width:1px;min-width:0;height:1px;min-height:0;margin:0;inset-block-start:0;inset-inline-start:0}html body :is(.mt-charms,.sv-scenes,.sg-scenes,.ys-themes) label{position:relative}html body :is(.mt-charms,.sv-scenes,.sg-scenes,.ys-themes) label:has(input:focus-visible){outline:2px solid color-mix(in srgb, var(--product-accent), var(--ink) 20%);outline-offset:2px}html body .table-page :is(.qbz-stage>svg,.yaw-stage>svg,.gsw-stage>svg,.lq-trophy){--emblem:currentColor;box-sizing:content-box;aspect-ratio:1;background:radial-gradient(circle at 50% 32%, color-mix(in srgb, var(--emblem), transparent 74%), transparent 62%), radial-gradient(circle at 50% 50%, #ffffff12, #ffffff04 70%);width:clamp(76px,9vw,104px);height:auto;box-shadow:inset 0 0 0 1px #ffffff24, inset 0 2px 0 #ffffff1f, 0 0 0 10px #ffffff06, 0 28px 50px -18px #000000a6, 0 0 70px -10px color-mix(in srgb, var(--emblem), transparent 70%);filter:drop-shadow(0 2px #00000040);border-radius:50%;padding:clamp(30px,3.6vw,42px);animation:4.8s ease-in-out infinite scene-emblem-float}html body .table-page .lq-trophy{margin-top:18px}@keyframes scene-emblem-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}html body .table-page .en-empty{color:#ffd98a;background:radial-gradient(circle at 50% 38%,#ffd98a38,#0000 60%),linear-gradient(#1d2a4c,#0c142a);box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 2px #ffffff1a,0 28px 54px -20px #000000b3}html body .table-page :is(.charades-card,.hup-card){position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 2px #ffffff38,0 2px #0000002e,0 30px 56px -20px #0009}html body .table-page :is(.charades-card,.hup-card):after{border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(125deg,#ffffff24,#0000 38%);position:absolute;inset:0}html body .table-page .charades-card[data-kind=word]{box-shadow:inset 0 0 0 6px #ffe066,0 2px #0000002e,0 30px 56px -20px #0009}html body .table-page .hup-card{aspect-ratio:16/9;border:10px solid #12131a;border-radius:34px;width:min(100%,560px);min-height:0}@media (max-width:600px){html body .table-page .hup-card{aspect-ratio:auto;border-width:8px;min-height:240px}}@media (prefers-reduced-motion:reduce){html body .table-page :is(.qbz-stage>svg,.yaw-stage>svg,.gsw-stage>svg,.lq-trophy){animation:none}}html body .cb-clock b{font-size:clamp(1.4rem,15cqi,4.2rem)}html body .cb-board[data-full] .cb-clock b{font-size:clamp(1.8rem,18cqi,9rem)}.scene-wave{top:var(--wave-y);left:var(--wave-x);z-index:0;background:radial-gradient(circle, transparent 60%, color-mix(in srgb, var(--table-action-bg,#fff), transparent 72%) 64.5%, color-mix(in srgb, var(--table-ink,#fff), transparent 45%) 66.5%, transparent 68.5%);mix-blend-mode:screen;opacity:0;pointer-events:none;width:120px;height:120px;animation:scene-wave-roll 1.1s cubic-bezier(.16, .7, .2, 1) var(--wave-delay,0s) both;will-change:transform, opacity;border-radius:50%;margin:-60px 0 0 -60px;position:absolute}.scene-wave[data-strength=win]{animation-duration:1.5s}.scene-wave[data-strength=quiet]{filter:opacity(.6);animation-duration:.9s}@keyframes scene-wave-roll{0%{opacity:0;transform:scale(.3)}14%{opacity:.8}to{opacity:0;transform:scale(10)}}.scene-flash{top:var(--wave-y);left:var(--wave-x);z-index:0;aspect-ratio:1.5;background:radial-gradient(ellipse, color-mix(in srgb, var(--table-action-bg,#fff), transparent 62%), transparent 66%);mix-blend-mode:screen;opacity:0;pointer-events:none;border-radius:50%;width:min(70vw,620px);animation:.9s cubic-bezier(.2,.8,.2,1) both scene-flash-pop;position:absolute;translate:-50% -50%}.scene-flash[data-strength=win]{animation-duration:1.3s}.scene-flash[data-strength=quiet]{filter:opacity(.5)}@keyframes scene-flash-pop{0%{opacity:0;scale:.4}18%{opacity:.9}to{opacity:0;scale:1.25}}.scene-sparks{z-index:3;border-radius:inherit;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}html body .table-page .table-scene[data-moment-still]:before{opacity:1;transition-duration:.2s}html body .table-page .table-head{animation:scene-enter .52s var(--ease-out-soft) both}html body .table-page .table-object{animation:scene-enter-object .72s var(--ease-spring-soft) 80ms both}html body .table-page .table-action{animation:scene-enter .52s var(--ease-out-soft) .2s both}@keyframes scene-enter{0%{opacity:0;translate:0 10px}}@keyframes scene-enter-object{0%{opacity:0;translate:0 16px;scale:.965}}html body .table-page .table-scene[data-phase=idle] .table-action .action-button:not(:disabled):after{border:2px solid color-mix(in srgb, var(--table-action-bg), transparent 30%);border-radius:inherit;content:"";opacity:0;pointer-events:none;will-change:transform, opacity;animation:2.8s ease-out 1.2s infinite scene-ready-halo;position:absolute;inset:0}html body .table-page .table-action .action-button{position:relative}@keyframes scene-ready-halo{0%{opacity:.7;transform:scale(1)}60%,to{opacity:0;transform:scale(1.12,1.4)}}@media (prefers-reduced-motion:reduce){html body .table-page .table-head,html body .table-page .table-object,html body .table-page .table-action,html body .table-page .table-scene[data-phase=idle] .table-action .action-button:after{animation:none}}