@font-face{font-family:Fredoka;src:url(/assets/fredoka-home-CBj3LSSX.woff2) format("woff2");font-weight:500 700;font-style:normal;font-display:swap}:root{color-scheme:dark;--p-50: #efe8ff;--p-100: #dccdff;--p-200: #b9a0f6;--p-300: #9d7ff0;--p-400: #8361e6;--p-500: #6f4bd8;--p-600: #5a3bbd;--p-700: #4a2f9f;--p-800: #40288a;--p-900: #2c1a66;--p-950: #1d0f45;--night: #170b38;--gold: #f5c451;--gold-hi: #ffdf8a;--gold-deep: #c98a1b;--gold-ink: #3a2306;--cream: #fff7ea;--ink-2: #ece4ff;--ink-3: #cfc2f5;--ink-4: #a998dc;--red: #e5484d;--green: #2fa36b;--yellow: #f2b632;--blue: #3a86db;--line: rgba(236, 228, 255, .16);--line-strong: rgba(236, 228, 255, .28);--font-display: "Fredoka", ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-text: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--gutter: max(16px, env(safe-area-inset-left));--radius-l: 28px;--radius-m: 20px;--radius-s: 14px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--p-950)}body{margin:0;background-color:var(--p-950);color:var(--ink-2)}img,svg,canvas{display:block;max-width:100%}a{color:var(--gold)}:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 16px;border-radius:12px;background-color:var(--gold);color:var(--gold-ink);font:700 16px/1 var(--font-display);text-decoration:none}.skip:focus{top:12px}.btn{--face: var(--p-500);--edge: var(--p-800);--text: var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:18px;cursor:pointer;background-color:var(--face);color:var(--text);text-decoration:none;font:700 19px/1 var(--font-display);letter-spacing:.01em;box-shadow:0 5px 0 var(--edge),inset 0 2px #ffffff47;transition:transform 90ms ease,box-shadow 90ms ease,filter .12s ease;-webkit-tap-highlight-color:transparent}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(5px);box-shadow:0 0 0 var(--edge),inset 0 2px #ffffff47}.btn-gold{--face: var(--gold);--edge: var(--gold-deep);--text: var(--gold-ink)}.btn-ghost{--face: rgba(29, 15, 69, .55);--edge: rgba(10, 4, 30, .6);border:2px solid var(--line-strong)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:700 21px/1 var(--font-display)}.brand img{width:42px;height:42px;filter:drop-shadow(0 3px 6px rgba(10,4,30,.45))}html{scroll-behavior:smooth}body{background:transparent;font:500 18px/1.5 var(--font-display);letter-spacing:.005em;overflow-x:hidden}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-inline:var(--gutter)}.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;background-color:#3a2390}.backdrop-poster,.backdrop-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.backdrop-poster{background-color:var(--p-900);background-image:radial-gradient(60% 45% at 18% 10%,#6c4cd6d9,#6c4cd600 70%),radial-gradient(55% 40% at 90% 34%,#5532b8e6,#5532b800 72%),radial-gradient(70% 50% at 40% 100%,#5532b8b3,#5532b800 70%),linear-gradient(180deg,#4a2f9f,#3a2390 55%,#33207f)}.backdrop-canvas{opacity:0;transition:opacity 1.2s ease}.backdrop.is-live .backdrop-canvas{opacity:1}.backdrop:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#170b3800 45%,#170b3859)}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(14px,env(safe-area-inset-top)) var(--gutter) 0;max-width:1360px;margin:0 auto}.site-nav{display:flex;gap:4px}.site-nav a{color:var(--ink-2);text-decoration:none;font:600 16px/1 var(--font-display);padding:11px 12px;border-radius:12px}.site-nav a:hover{background-color:#ffffff14;color:var(--cream)}.hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:calc(max(14px,env(safe-area-inset-top)) + 64px) var(--gutter) 36px;max-width:1360px;margin:0 auto;text-align:center}.hero-copy{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:620px}.hero-foot{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;margin-top:18px}.soon-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px 8px 12px;border-radius:999px;background-color:#170b3880;border:1.5px solid var(--line-strong);color:var(--ink-2);font:600 14px/1.1 var(--font-display)}.soon-dot{width:9px;height:9px;border-radius:50%;background-color:var(--gold);box-shadow:0 0 0 4px #f5c45138}.title{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.title-main{font:700 clamp(60px,17.5vw,150px)/.92 var(--font-display);color:var(--cream);letter-spacing:-.005em;-webkit-text-stroke:.16em var(--p-950);paint-order:stroke fill;text-shadow:0 .08em 0 var(--p-950),0 .16em .22em rgba(10,4,30,.45)}.title-ribbon{position:relative;display:inline-block;margin-top:-.05em;padding:0 .9em;font:700 clamp(18px,5.2vw,34px)/1 var(--font-display)}.title-ribbon>span{position:relative;z-index:1;display:block;padding:.38em .85em .42em;color:var(--gold-ink);white-space:nowrap;background-color:var(--gold);background-image:linear-gradient(180deg,var(--gold-hi) 0%,var(--gold) 48%,#e9ae35 100%);border:.12em solid var(--p-950);border-radius:.32em;box-shadow:0 .14em 0 var(--p-950)}.title-ribbon:before,.title-ribbon:after{content:"";position:absolute;top:.42em;width:1.6em;height:1.45em;background-color:var(--gold-deep);border:.12em solid var(--p-950)}.title-ribbon:before{left:0;border-right:0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%)}.title-ribbon:after{right:0;border-left:0;clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%)}.lede{max-width:30em;color:var(--ink-2);font-size:17.5px;line-height:1.42;margin-top:6px;text-wrap:balance}.lede-sub{color:var(--gold-hi);font:600 17px/1.3 var(--font-display)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.stage{position:relative;width:calc(100% + 2 * var(--gutter));max-width:680px;margin:6px calc(-1 * var(--gutter)) 0;height:clamp(360px,104vw,600px);touch-action:pan-y}.stage:before{content:"";position:absolute;inset:18% 6% 14%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,#9d7ff073,#9d7ff000)}.stage-poster img,.hero-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.stage-poster img{object-fit:contain;transition:opacity .7s ease}.hero-canvas{opacity:0;transition:opacity .7s ease;cursor:pointer}.stage.is-live .hero-canvas{opacity:1}@media (max-width: 959px){.stage.is-still{margin-bottom:-88px}}.stage.is-live .stage-poster img{opacity:0}.stage-ui{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.stage-ui .btn{pointer-events:auto}.roll-btn{min-height:50px;font-size:18px}.roll-btn:disabled{filter:saturate(.6) brightness(.9);cursor:default}.roll-status{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:6px 14px;border-radius:999px;background-color:#170b3899;color:var(--cream);font:600 15px/1.2 var(--font-display)}.dot{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 -2px #00000040}.dot-red{background-color:var(--red)}.dot-green{background-color:var(--green)}.dot-yellow{background-color:var(--yellow)}.dot-blue{background-color:var(--blue)}.section-title{font:700 clamp(36px,10vw,60px)/1.02 var(--font-display);color:var(--cream);text-shadow:0 4px 0 rgba(23,11,56,.55);text-wrap:balance}.section-lede{margin-top:12px;max-width:34em;color:var(--ink-2);font-size:19px;line-height:1.45;text-wrap:pretty}.games{padding:76px 0 84px}.game{display:grid;margin-top:30px;overflow:hidden;background-color:#2c1a66d1;background-image:linear-gradient(180deg,#5a3bbd80,#2c1a6600 60%);border:2px solid var(--line);border-radius:var(--radius-l);box-shadow:0 8px #0a041e52,0 30px 60px -24px #0a041eb3}.game-shot{position:relative;background-color:var(--p-950)}.game-shot img{width:100%;height:100%;object-fit:cover;aspect-ratio:4 / 3}.game-shot-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background-color:var(--p-950)}.game-shot-pair figure{position:relative;margin:0}.game-shot-pair img{aspect-ratio:1 / 1}.game-shot-pair figcaption{position:absolute;left:10px;bottom:10px;padding:5px 11px;border-radius:999px;background-color:#170b38c7;color:var(--cream);font:600 14px/1.2 var(--font-display)}.game-body{padding:24px 22px 28px;display:flex;flex-direction:column;gap:14px}.game-body>p{color:var(--ink-2)}.game-title{font:700 clamp(32px,8.4vw,44px)/1 var(--font-display);color:var(--cream)}.modes{display:grid;gap:12px;margin-top:4px}.modes li,.snl-boards li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:var(--radius-s);background-color:#170b386b;border:1.5px solid var(--line);color:var(--ink-3);font-size:17px;line-height:1.4}.modes b,.snl-boards b{display:block;color:var(--cream);font-size:19px;font-weight:700;margin-bottom:2px}.mode-dot{width:18px;height:18px;margin-top:4px;border-radius:50%;flex:none;box-shadow:inset 0 -3px #00000040,0 0 0 3px #ffffff1a}.snl-boards{display:grid;gap:12px}.snl-boards li{display:block}.new-tag{display:flex}.new-tag span{display:inline-block;padding:6px 14px 7px;border-radius:10px;transform:rotate(-3deg);background-color:var(--gold);color:var(--gold-ink);font:700 16px/1 var(--font-display);border:2px solid var(--p-950);box-shadow:0 3px 0 var(--p-950)}.glass-stage{position:relative;isolation:isolate;overflow:hidden;padding:84px 0 92px}.glass-bg,.glass-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.glass-bg{background-color:var(--p-900);background-position:center;background-size:cover}.glass-bg:after{content:"";position:absolute;inset:0;background-color:#2c1a6657}.get .glass-bg:after{background-color:#2c1a668c}.play .glass-bg{background-image:url(/media/glass/play-tall.webp)}.get .glass-bg{background-image:url(/media/glass/get-tall.webp)}.glass-canvas{opacity:0;transition:opacity .6s ease}.glass-live .glass-canvas{opacity:1}.glass-stage .section-title,.glass-stage .section-lede{text-shadow:0 2px 10px rgba(23,11,56,.75),0 4px 0 rgba(23,11,56,.4)}.glass-stage .section-lede{color:var(--ink-2)}.glass{position:relative;border-radius:26px;background-color:#341f7d80;border:1.5px solid rgba(255,255,255,.24);box-shadow:0 22px 44px -20px #0a041ebf,inset 0 1px #ffffff4d;-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5)}.glass-live .glass{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:#ffffff24;box-shadow:0 22px 44px -20px #0a041e99}.glass h3{color:var(--cream);font:700 21px/1.15 var(--font-display);text-shadow:0 1px 6px rgba(23,11,56,.6)}.glass p{color:var(--ink-2);font-size:16.5px;line-height:1.42;text-shadow:0 1px 6px rgba(23,11,56,.6)}.ways{display:grid;gap:14px;margin-top:30px}.way{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;padding:18px;align-items:start}.way .chip{grid-row:span 2}.promises{display:grid;gap:14px;margin-top:14px}.promise{display:flex;gap:16px;padding:18px;align-items:flex-start}.promise h3{margin-bottom:4px}.chip{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;flex:none;color:var(--cream);box-shadow:inset 0 -4px #00000038,inset 0 2px #ffffff4d,0 4px 10px #0a041e59}.chip svg{width:30px;height:30px}.chip-red{background-color:var(--red)}.chip-green{background-color:var(--green)}.chip-yellow{background-color:#e0a21c}.chip-blue{background-color:var(--blue)}.chip-gold{background-color:var(--gold);color:var(--gold-ink)}.boards{padding:84px 0 76px}.boards-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.rail-arrows{display:none;gap:10px;flex:none}.arrow{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;border:2px solid var(--line-strong);cursor:pointer;background-color:#170b388c;color:var(--cream);box-shadow:0 4px #0a041e73}.arrow:hover{background-color:var(--p-600)}.arrow:active{transform:translateY(4px);box-shadow:none}.arrow svg{width:24px;height:24px}@media (hover: hover) and (min-width: 760px){.rail-arrows{display:flex}}.rail{display:flex;gap:14px;margin-top:28px;padding:6px var(--gutter) 22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:var(--gold) rgba(255,255,255,.08)}.rail-card{position:relative;flex:0 0 min(80vw,440px);scroll-snap-align:start;border-radius:24px;overflow:hidden;background-color:var(--p-950);border:2px solid var(--line);box-shadow:0 6px #0a041e59,0 22px 40px -22px #0a041ecc}.rail-card img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}.rail-name{position:absolute;left:12px;bottom:12px;padding:7px 13px;border-radius:999px;background-color:#170b38cc;color:var(--cream);font:600 16px/1.2 var(--font-display);border:1.5px solid var(--line)}.studio{padding:84px 0}.studio-inner{display:grid;grid-template-areas:"copy" "stage" "card";gap:10px}.studio-copy{grid-area:copy;display:flex;flex-direction:column}.look-card{grid-area:card;padding:20px;border-radius:var(--radius-m);background-color:#170b3880;border:1.5px solid var(--line-strong);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.look-name{color:var(--gold);font:700 24px/1.1 var(--font-display)}.look-items{color:var(--ink-2);min-height:3em;margin-bottom:10px}@media (min-width: 760px){.look-items{min-height:0}}.studio-stage{grid-area:stage;position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:1 / 1;touch-action:pan-y;cursor:grab}.studio-stage:before{content:"";position:absolute;left:8%;right:8%;bottom:6%;height:30%;border-radius:50%;background:radial-gradient(closest-side,#b9a0f659,#b9a0f600)}.studio-poster,.studio-canvas{position:absolute!important;inset:0;width:100%!important;height:100%!important}.studio-poster{object-fit:contain;transition:opacity .6s ease}.studio-canvas{opacity:0;transition:opacity .6s ease}.studio-stage.is-live .studio-canvas{opacity:1}.studio-stage.is-live .studio-poster{opacity:0}.get-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.get .section-lede{margin-inline:auto}.stores{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;width:100%}.store{flex:1 1 220px;max-width:290px;min-height:76px;display:flex;align-items:center;gap:14px;padding:12px 22px;color:var(--cream);text-align:left}.store svg{width:34px;height:34px;flex:none}.store small{display:block;color:var(--ink-3);font:600 14px/1.2 var(--font-display)}.store-name{display:block;font:700 23px/1.15 var(--font-display)}.get-note{margin-top:18px;color:var(--ink-2);font-size:16px;text-shadow:0 1px 8px rgba(23,11,56,.8)}.site-footer{padding:56px 0 max(36px,env(safe-area-inset-bottom));background-color:#170b38db;border-top:1.5px solid var(--line);color:var(--ink-3);font-size:15px;line-height:1.5;text-align:center}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-inner p{max-width:46em}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin:6px 0 8px;font:600 16px/1 var(--font-display)}.footer-nav a{padding:10px 2px;color:var(--gold)}.credits{margin-top:6px;color:var(--ink-4);font-size:13.5px}.metal{position:relative;width:180px;height:180px;margin-bottom:4px}.metal-poster,.metal-canvas{position:absolute;inset:0;width:100%;height:100%}.metal-canvas{opacity:0;transition:opacity .6s ease}.metal.is-live .metal-canvas{opacity:1}.metal.is-live .metal-poster{opacity:0}@media (min-width: 560px){.ways{grid-template-columns:1fr 1fr}.way{grid-template-columns:1fr;padding:22px}.way .chip{grid-row:auto;margin-bottom:8px}}@media (min-width: 760px){.play .glass-bg{background-image:url(/media/glass/play-wide.webp)}.get .glass-bg{background-image:url(/media/glass/get-wide.webp)}.game{grid-template-columns:1.15fr 1fr;align-items:stretch}.game-shot img{aspect-ratio:auto;min-height:100%}.game-snl{grid-template-columns:1fr 1.15fr}.game-snl .game-shot{order:2}.game-shot-pair img{aspect-ratio:1 / 1;min-height:0;height:100%}.game-body{padding:34px 34px 36px;justify-content:center}.promises{grid-template-columns:repeat(3,1fr)}.promise{flex-direction:column;padding:24px}.studio-inner{grid-template-columns:1fr 1fr;grid-template-areas:"copy stage" "card stage";grid-template-rows:auto 1fr;column-gap:40px;row-gap:22px;align-items:start}.studio-stage{aspect-ratio:4 / 5;align-self:center}}@media (min-width: 960px){.hero{display:grid;grid-template-columns:minmax(420px,5fr) 7fr;grid-template-rows:1fr auto 1fr;grid-template-areas:". stage" "copy stage" "foot stage";column-gap:24px;min-height:max(720px,100vh);padding-top:96px;padding-bottom:48px;text-align:left}.hero-copy{grid-area:copy;align-items:flex-start;max-width:560px}.hero-copy{align-self:end}.hero-foot{grid-area:foot;align-items:flex-start;align-self:start;margin-top:22px}.title{align-items:flex-start}.title-main{font-size:clamp(96px,9.4vw,150px)}.title-ribbon{margin-left:-.9em;font-size:clamp(26px,2.3vw,34px)}.lede{font-size:19px;text-wrap:pretty}.hero-actions{justify-content:flex-start}.stage{grid-area:stage;align-self:center;width:100%;max-width:none;height:min(80vh,780px);margin:0}.ways{grid-template-columns:repeat(4,1fr)}.rail{padding-inline:max(var(--gutter),calc((100vw - 1200px)/2 + 16px));scroll-padding-inline:max(var(--gutter),calc((100vw - 1200px)/2 + 16px))}.metal{width:200px;height:200px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:0s!important;animation-duration:0s!important}}