body:has(.fi-game){overflow-x:clip}.fi-game{--fi-listening-space:48px;margin-block:64px 104px}.fi-game-stage{width:100%;padding:48px var(--fi-gutter);grid-template-columns:1fr;align-content:center;gap:40px;display:grid}.fi-game-intro h2{max-width:24ch;margin-inline:auto}.fi-game-scroll-hint{display:none}.fi-game[data-live] .fi-game-scroll-hint{max-width:100%;color:var(--fi-cyan);flex-direction:column-reverse;justify-content:center;align-items:center;gap:8px;margin-top:36px;font-size:16px;font-weight:600;line-height:1.4;display:flex}.fi-game-scroll-hint svg{flex:none}@media (width>=601px){.fi-game[data-live] .fi-game-scroll-hint{gap:12px;font-size:clamp(20px,1.75vw,28px)}.fi-game-scroll-hint svg{width:1.2em;height:1.2em}}.fi-game-experience{width:100%;min-width:0}.fi-game-board{width:100%;margin-inline:auto;position:relative}.fi-game-role{background:var(--fi-surface);text-align:center;border-radius:28px;width:min(100%,960px);margin-inline:auto;padding:28px}.fi-game-result h3{color:var(--fi-accent);letter-spacing:-.04em;text-transform:uppercase;outline-offset:8px;font-size:clamp(48px,6vw,88px);font-weight:700;line-height:1.1}.fi-game-result p{max-width:none;margin:12px auto 0;font-size:18px}.fi-game-cover>svg{color:var(--fi-muted);margin:0 auto 12px}.fi-game-cover>p{font-size:20px}.fi-game-reveal{background:var(--fi-action);color:#fff;width:min(100%,400px);min-height:56px;transition:transform .16s var(--fi-ease), background-color .16s ease;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin:24px auto 0;padding:14px 24px;font-weight:600;display:flex}.fi-game-reveal:active,.fi-game-reveal[data-pressing=true]{transform:scale(.97)}.fi-game-conversation{margin-top:var(--fi-listening-space)}.fi-game-listening{margin-bottom:var(--fi-listening-space);color:var(--fi-ink);text-align:center;font-size:clamp(24px,2.5vw,36px);font-weight:500;line-height:1.3}.fi-game-dots{min-width:.9em;margin-left:.05em;display:inline-flex}.fi-game-dots>span{display:inline-block}.fi-game[data-live] .fi-game-listening[data-visible=true][aria-hidden=false] .fi-game-dots>span{animation:1.5s ease-in-out infinite fi-game-dot}.fi-game[data-live] .fi-game-listening[data-visible=true][aria-hidden=false] .fi-game-dots>span:nth-child(2){animation-delay:.15s}.fi-game[data-live] .fi-game-listening[data-visible=true][aria-hidden=false] .fi-game-dots>span:nth-child(3){animation-delay:.3s}@keyframes fi-game-dot{0%,15%,to{opacity:0}35%,75%{opacity:1}}.fi-game-players{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,4vw,80px);width:100%;margin-inline:auto;padding:0;list-style:none;display:grid}.fi-game-player{flex-direction:column;align-items:center;gap:24px;min-width:0;display:flex;position:relative}.fi-game-player .fi-game-person{transform-origin:top;flex:none;gap:8px}.fi-game-clue{transform-origin:top;order:-1;width:min(100%,320px)}.fi-game-player .fi-game-person svg{width:clamp(64px,6.5vw,104px);height:clamp(64px,6.5vw,104px)}.fi-game-person{color:var(--fi-muted);flex-direction:column;flex:0 0 48px;align-items:center;gap:5px;font-size:16px;line-height:1.2;display:flex}.fi-game-person svg{width:36px;height:36px;color:var(--fi-ink)}.fi-game-bubble{background:var(--fi-raised);text-align:center;transform-origin:50% calc(100% + 24px);border-radius:32px;width:100%;padding:20px clamp(12px,2vw,32px);font-size:clamp(36px,4.5vw,64px);font-weight:500;line-height:1.2;position:relative}.fi-game-bubble:after{content:"";width:28px;height:18px;opacity:var(--fi-tail-opacity,1);background:var(--fi-raised);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;top:calc(100% - 1px);left:50%;transform:translate(-50%)}.fi-game[data-live] .fi-game-bubble{opacity:0;transition:opacity .28s var(--fi-ease), transform .4s var(--fi-ease);transform:translateY(12px)scale(.88)}.fi-game[data-live] .fi-game-player[data-visible=true] .fi-game-bubble{opacity:1;transition-delay:80ms;transform:none}.fi-game-turn{text-align:center;flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.fi-game-finale{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex;position:relative}.fi-game-turn .fi-game-you{flex:none}.fi-game-question{width:100%}.fi-game-you,.fi-game-you svg{color:var(--fi-accent)}.fi-game-question h3{letter-spacing:-.025em;max-width:24ch;margin-inline:auto;font-size:clamp(48px,7vw,104px);font-weight:600;line-height:1.2}.fi-game-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;width:max-content;max-width:100%;margin:28px auto 0;display:grid}.fi-game-join,.fi-game-secret summary{min-height:56px;transition:transform .16s var(--fi-ease), background-color .16s ease;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:16px 24px;font-size:16px;font-weight:600;line-height:1.4;display:inline-flex}.fi-game-join{background:var(--fi-action);color:var(--fi-ink)}.fi-game-secret{position:relative}.fi-game-secret summary{background:var(--fi-raised);width:100%;color:var(--fi-ink);cursor:pointer;list-style:none}.fi-game-secret summary::-webkit-details-marker{display:none}.fi-game-join:active,.fi-game-secret summary:active{transform:scale(.97)}.fi-game-secret>p{--fi-word-offset:-50%;z-index:20;background:var(--fi-raised);text-align:center;width:max-content;min-width:216px;max-width:min(260px,100vw - 40px);transform:translateX(var(--fi-word-offset));transform-origin:top;border-radius:16px;margin:0;padding:16px 24px;position:absolute;top:calc(100% + 12px);left:50%;box-shadow:0 12px 32px #0000003d}.fi-game-secret:not([open])>p{display:none}.fi-game-secret>p:before{content:"";border-right:7px solid #0000;border-bottom:7px solid var(--fi-raised);pointer-events:none;border-left:7px solid #0000;position:absolute;bottom:100%;left:calc(50% - 7px)}.fi-game-secret span{color:var(--fi-muted);font-size:14px;line-height:1.4;display:block}.fi-game-secret strong{color:var(--fi-cyan);margin-top:6px;font-size:28px;line-height:1.15;display:block}.fi-game[data-live]{height:360svh}.fi-game[data-live] .fi-game-stage{height:100svh;padding-block:24px;position:sticky;top:0}.fi-game[data-live] .fi-game-board{height:542px}.fi-game[data-live] .fi-game-turn{top:50%;left:var(--fi-gutter);right:var(--fi-gutter);margin-top:0;position:absolute}.fi-game[data-live] .fi-game-role{min-height:180px;position:absolute;inset:0 0 auto;transform:translateY(72px)}.fi-game[data-live] :is(.fi-game-role,.fi-game-players,.fi-game-finale){transform-origin:top}.fi-game[data-live] .fi-game-conversation{padding-top:calc(var(--fi-role-height,180px) + var(--fi-listening-space));margin:0}.fi-game[data-live] [data-game-beat]{opacity:0;visibility:hidden;transition:opacity .4s var(--fi-ease), transform .5s var(--fi-ease), visibility .4s;transform:translateY(14px)}.fi-game[data-live] [data-game-beat][data-visible=true]{opacity:1;visibility:visible;transform:none}.fi-game[data-live] .fi-game-listening{transition:opacity .12s linear, transform .5s var(--fi-ease), visibility .12s}.fi-game[data-live] .fi-game-turn{transition:opacity .18s ease-out, transform .18s var(--fi-ease), visibility .18s}.fi-game[data-live] .fi-game-turn[data-visible=true]{transition:opacity .9s cubic-bezier(.4, 0, .2, 1), transform .7s var(--fi-ease), visibility .9s}.fi-game[data-live][data-revealed] .fi-game-result{animation:fi-game-reveal .45s var(--fi-ease) both}@keyframes fi-game-reveal{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.fi-game-reveal:hover,.fi-game-join:hover{background:var(--fi-action-hover)}.fi-game-secret summary:hover{background:var(--fi-surface)}}@media (width<=800px){.fi-game{--fi-listening-space:40px;margin-block:32px 64px}.fi-game-stage{gap:28px;padding-block:32px}.fi-game-intro h2{max-width:20ch}.fi-game-role{border-radius:24px;padding:24px}.fi-game-result h3{font-size:clamp(44px,9vw,64px)}.fi-game-result p{font-size:16px}.fi-game-players{gap:clamp(8px,2vw,16px)}.fi-game-player{gap:20px}.fi-game-player .fi-game-person svg{width:clamp(48px,8vw,72px);height:clamp(48px,8vw,72px)}.fi-game-person{font-size:14px}.fi-game-person svg{width:30px;height:30px}.fi-game-bubble{transform-origin:50% calc(100% + 20px);border-radius:20px;padding:14px clamp(6px,1.5vw,12px);font-size:clamp(22px,6.5vw,40px)}.fi-game-bubble:after{width:22px;height:14px}.fi-game-listening{font-size:24px}.fi-game-turn,.fi-game-actions{gap:12px;margin-top:24px}.fi-game-join,.fi-game-secret summary{padding-inline:18px;font-size:14px}.fi-game-question h3{max-width:18ch;font-size:clamp(40px,7vw,56px)}.fi-game[data-live] .fi-game-stage{gap:28px;padding-block:20px}.fi-game[data-live] .fi-game-board{height:574px}.fi-game[data-live] .fi-game-role{min-height:140px;transform:translateY(72px)}}@media (prefers-reduced-motion:reduce){.fi-game *,.fi-game :before{transition:none!important;animation:none!important}}@media (height>=640px) and (height<=779px){.fi-game{--fi-listening-space:32px}.fi-game[data-live] .fi-game-stage{gap:16px;padding-block:12px}.fi-game[data-live] .fi-game-board{height:478px}.fi-game[data-live] .fi-game-role{min-height:108px;padding:12px}.fi-game[data-live] .fi-game-result h3{font-size:44px}.fi-game[data-live] .fi-game-result p{margin-top:8px;font-size:14px}.fi-game[data-live] .fi-game-listening{font-size:22px}.fi-game[data-live] .fi-game-player{gap:18px}.fi-game[data-live] .fi-game-players{gap:8px}.fi-game[data-live] .fi-game-bubble{padding-block:12px}.fi-game[data-live] .fi-game-turn{gap:8px}.fi-game[data-live] .fi-game-question h3{font-size:clamp(40px,7vw,56px)}.fi-game[data-live] .fi-game-finale{gap:8px}}@media (width<=600px){.fi-game[data-live] .fi-game-stage{align-content:safe center}.fi-game[data-live] .fi-game-conversation{pointer-events:none}}@media (prefers-reduced-motion:no-preference){.fi-game[data-live] .fi-game-scroll-hint[data-visible=true] svg{animation:fi-game-scroll-nudge 1.2s var(--fi-ease) .18s infinite}}@keyframes fi-game-scroll-nudge{0%,to{transform:translateY(0)}45%{transform:translateY(6px)}}.fi-game[data-keyboard] *{transition:none!important;animation:none!important}@media (width<=600px){.fi-game-secret>p{min-width:100%}}@media (width<=380px){.fi-game-actions{grid-template-columns:minmax(0,1fr)}}.fi-features{--fi-feature-gap:24px;--fi-feature-width:400px;--fi-feature-fade:48px;--fi-feature-shadow-fade:32px;padding-block:24px 104px}.fi-features-heading{text-align:center;flex-direction:column;align-items:center;gap:28px;display:flex}.fi-features-controls{flex:none;align-items:center;gap:10px;display:flex}.fi-features-controls button{background:var(--fi-raised);min-width:48px;min-height:48px;color:var(--fi-ink);transition:background-color .16s ease, transform .16s var(--fi-ease);border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:8px;padding:12px;display:inline-flex}.fi-features-controls button:active{transform:scale(.96)}.fi-features-viewport{overscroll-behavior-x:contain;padding-block:8px 24px;padding-inline:var(--fi-gutter);margin-inline:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--fi-gutter);scrollbar-width:thin;scrollbar-color:var(--fi-raised) transparent;margin-top:40px;overflow-x:auto}.fi-features-viewport:focus-visible{outline:3px solid var(--fi-cyan);outline-offset:-3px}.fi-features-track{width:max-content;display:flex}.fi-features-group{align-items:stretch;gap:var(--fi-feature-gap);width:max-content;padding-right:var(--fi-feature-gap);list-style:none;display:flex}.fi-feature-card{flex:0 0 var(--fi-feature-width);width:var(--fi-feature-width);border-radius:var(--fi-radius);background:var(--fi-surface);scroll-snap-align:start;overflow:clip}.fi-feature-card article{flex-direction:column;gap:24px;height:100%;display:flex}.fi-feature-copy{text-align:center;padding:32px 32px 0}.fi-feature-copy h3{font-size:var(--fi-type-lead);letter-spacing:-.025em;font-weight:700;line-height:1.2}.fi-feature-copy p{color:var(--fi-muted);font-size:var(--fi-type-body);margin-top:16px}.fi-feature-media{--fi-feature-mask:linear-gradient(to bottom, #000 calc(100% - var(--fi-feature-fade)), transparent);-webkit-mask-image:var(--fi-feature-mask);mask-image:var(--fi-feature-mask);flex:none;height:360px;margin-top:auto;position:relative;overflow:clip}.fi-feature-media img{user-select:none;width:auto;max-width:none;height:152%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,-11.2%)}.fi-feature-media-setup img,.fi-feature-media-themes img{height:200%}.fi-feature-media-themes,.fi-feature-media-editor,.fi-feature-media-roles{--fi-feature-mask:linear-gradient(to bottom, transparent, #000 var(--fi-feature-fade), #000 calc(100% - var(--fi-feature-shadow-fade)), transparent)}.fi-feature-media-themes img,.fi-feature-media-editor img{top:auto;bottom:var(--fi-feature-shadow-fade);transform:translate(-50%,11.2%)}.fi-feature-media-roles img{top:auto;bottom:calc(var(--fi-feature-shadow-fade) + 16px);transform-origin:50% 88.8%;width:80%;height:auto}.fi-feature-media-roles img:first-child{z-index:1;left:-7%;transform:translateY(11.2%)rotate(-5deg)}.fi-feature-media-roles img:last-child{z-index:2;left:auto;right:-7%;bottom:calc(var(--fi-feature-shadow-fade) + 40px);transform:translateY(11.2%)rotate(4deg)}.fi-features[data-enhanced] .fi-features-viewport{scroll-snap-type:none;scrollbar-width:none;cursor:grab}.fi-features[data-enhanced] .fi-features-viewport::-webkit-scrollbar{display:none}.fi-features[data-dragging] .fi-features-viewport{cursor:grabbing}@media (hover:hover) and (pointer:fine){.fi-features-controls button:hover{background:var(--fi-surface);color:var(--fi-cyan)}}@media (width<=1050px){.fi-features{--fi-feature-width:360px;padding-bottom:80px}.fi-feature-copy{padding:28px 28px 0}.fi-feature-media{height:340px}}@media (width<=600px){.fi-features{--fi-feature-gap:16px;--fi-feature-width:min(304px, calc(100vw - 80px));padding-block:0 64px}.fi-features-heading{gap:24px}.fi-features-viewport{margin-top:24px}.fi-feature-card{border-radius:24px}.fi-feature-card article{gap:20px}.fi-feature-copy{padding:24px 20px 0}.fi-feature-copy h3{font-size:22px}.fi-feature-copy p{margin-top:12px;font-size:15px}.fi-feature-media{height:280px;margin-top:auto}}@media (prefers-reduced-motion:reduce){.fi-features-controls button{transition:none}}.fi-reaction-trigger[data-astro-cid-zmtpf4dd]{color:inherit;text-align:inherit;touch-action:manipulation;background:0 0;border:0;padding:0}.fi-face-reactions[data-astro-cid-zmtpf4dd]{z-index:50;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));pointer-events:none;width:180px;height:360px;position:fixed}.fi-face-reaction[data-astro-cid-zmtpf4dd]{opacity:0;background:currentColor;position:absolute;bottom:0;right:0}