@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Baloo+2:wght@500;600;700;800&display=swap";:root{--ink: #1e1b4b;--sky: #7bd3f7;--sky-light: #b9e8ff;--sand: #ffe27a;--paper: #ffffff;--cream: #fff3b0;--accent: #ff5c8a;--gold: #ffd400;--mint: #b4f0a8;--blue: #4f7dff;--pink-soft: #ffb3c7;--blue-soft: #c9d4ff;--danger: #ff5c8a;--ink-muted: rgba(30, 27, 75, .6);--ink-faint: rgba(30, 27, 75, .14);--scrim: rgba(30, 27, 75, .55);--font-display: "Luckiest Guy", "Arial Black", "Baloo 2", sans-serif;--font-body: "Baloo 2", "Comic Sans MS", "Trebuchet MS", sans-serif;--fs-hero: 40px;--fs-display: 30px;--fs-question: 28px;--fs-title: 20px;--fs-heading: 18px;--fs-passage: 15px;--fs-body: 16px;--fs-label: 14px;--fs-caption: 13px;--fs-tag: 11px;--lh-tight: 1.1;--lh-body: 1.35;--lh-passage: 1.45;--display-shadow: 2px 2px 0 var(--paper);--line-w: 3px;--line-w-card: 4px;--line-w-big: 5px;--shadow-sm: 3px 3px 0 var(--ink);--shadow-md: 4px 4px 0 var(--ink);--shadow-lg: 6px 6px 0 var(--ink);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 26px;--sp-8: 32px;--screen-pad: 16px;--screen-max: 480px;--r-pill: 999px;--r-card: 22px;--r-tile: 18px;--r-portrait: 14px;--r-input: 16px;--r-spotlight: 16px;--r-dice: 24px;--tap-min: 44px;--button-h: 56px;--big-button: 112px;--tile-w: 84px;--portrait: 54px;--home-portrait: 64px;--dur-fast: 80ms;--dur-base: .2s;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.2, .9, .3, 1.2)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(var(--sky) 0%,var(--sky-light) 70%,var(--sand) 100%) fixed;color:var(--ink);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:700;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}.screen{position:relative;display:flex;flex-direction:column;min-height:100dvh;width:100%;margin:0 auto;padding:env(safe-area-inset-top) var(--screen-pad) calc(var(--sp-7) + env(safe-area-inset-bottom));background:linear-gradient(var(--sky) 0%,var(--sky-light) 70%,var(--sand) 100%);overflow:hidden}.screen:before,.screen:after{content:"";position:absolute;border-radius:var(--r-pill);background:var(--paper);border:var(--line-w-card) solid var(--ink);opacity:.9;pointer-events:none;z-index:0}.screen:before{top:6px;left:-20px;width:120px;height:40px}.screen:after{top:4px;right:-30px;width:150px;height:44px}.screen--quiet:before,.screen--quiet:after{display:none}.screen>*{position:relative;z-index:1}.display{font-family:var(--font-display);font-weight:400;letter-spacing:.02em;line-height:var(--lh-tight)}.display-shadow{text-shadow:var(--display-shadow)}.sticker{background:var(--paper);border:var(--line-w) solid var(--ink);border-radius:var(--r-tile);box-shadow:var(--shadow-sm)}.sticker-card{background:var(--paper);border:var(--line-w-card) solid var(--ink);border-radius:var(--r-card);box-shadow:var(--shadow-lg)}.pressable{transition:transform var(--dur-fast) linear,box-shadow var(--dur-fast) linear}.pressable:active{transform:translate(3px,3px);box-shadow:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}a{color:var(--blue)}@keyframes sf-ring{0%,to{box-shadow:0 0 0 4px var(--gold),var(--shadow-sm)}50%{box-shadow:0 0 0 6px var(--gold),var(--shadow-sm)}}@keyframes sf-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes sf-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes sf-dots{0%,80%,to{opacity:.25}40%{opacity:1}}@keyframes sf-pop{0%{transform:scale(.85);opacity:0}70%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}.glow{animation:sf-ring 1.4s ease-in-out infinite}.pulse{animation:sf-pulse 1.2s ease-in-out infinite}.shake{animation:sf-shake .35s ease-in-out 1}.pop{animation:sf-pop var(--dur-base) var(--ease-bounce) 1 backwards}.dot-cycle circle{animation:sf-dots 1s ease-in-out infinite}.dot-cycle circle:nth-of-type(1){animation-delay:0s}.dot-cycle circle:nth-of-type(2){animation-delay:.15s}.dot-cycle circle:nth-of-type(3){animation-delay:.3s}.screen--sand{background:var(--sand)}.screen--sand:before,.screen--sand:after{display:none}@media (prefers-reduced-motion: reduce){.glow,.pulse,.pop,.dot-cycle circle{animation:none}}@media (min-width: 600px){:root{--screen-pad: 24px;--fs-passage: 17px;--fs-title: 22px;--fs-label: 15px;--big-button: 132px;--home-portrait: 64px}}@media (min-width: 1024px){:root{--screen-pad: 32px;--fs-passage: 18px;--fs-title: 24px;--big-button: 140px;--home-portrait: 96px}}.container{width:100%}@media (min-width: 600px){.container{max-width:960px;margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.container{max-width:1400px}}.screen--narrow{width:100%}@media (min-width: 600px){.screen--narrow{max-width:560px;margin-left:auto;margin-right:auto}}@media (min-width: 1024px){.screen--narrow{max-width:640px}}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.overlay-narrow{width:100%;max-width:480px}.hero-rail{display:flex;gap:10px;justify-content:center;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}@media (max-width: 599.98px){.hero-rail--compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow-x:visible;padding-bottom:0}}.play-grid{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;width:100%}.play-story{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.play-choices{display:flex;flex-direction:column;gap:12px}.play-button-row{display:flex;justify-content:center;padding-top:8px}.play-party-list{display:flex;flex-direction:column;gap:10px}.play-header{display:flex;flex-direction:column;gap:2px}.play-header-title{margin:0;font-size:18px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.play-header-caption{font-size:var(--fs-caption);color:var(--ink)}@media (min-width: 600px){.play-header{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.play-header-title{font-size:var(--fs-title);display:block;-webkit-line-clamp:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.play-header-caption{flex:0 0 auto}.play-grid{display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"party story" "button button";gap:20px}.play-party{grid-area:party}.play-story{grid-area:story}.play-button-row{grid-area:button;padding-top:0}}@media (min-width: 1024px){.play-grid{grid-template-columns:280px minmax(0,720px) 340px;grid-template-rows:minmax(0,1fr);grid-template-areas:"party story choices"}.play-choices{grid-area:choices}}.home-hero-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-header{display:flex;flex-direction:column;gap:4px}.home-header-cta{display:none!important}.home-body{display:flex;flex-direction:column;gap:24px;flex:1;min-height:0}.home-container{width:100%}@media (min-width: 1024px){.home-hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.home-header{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.home-header-cta{display:flex!important}.home-bottom-cta{display:none!important}.home-body{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}.screen.home-container{max-width:1200px}}.party-grid{display:flex;flex-wrap:wrap;gap:14px}@media (min-width: 600px){.party-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center}}@media (min-width: 1024px){.party-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width: 600px){.screen{background:transparent}}