:root{--bg:#0a0714;--s1:#161029;--s2:#221a3e;--s3:#2e2452;--text:#f6f1ff;--dim:#a99fc7;--hot:#ff3d7f;--amber:#ffb547;--violet:#8b5cff;--mint:#3cd68a;--grad:linear-gradient(100deg, #ffe08a 0%, #ff9a3d 30%, #ff3d7f 60%, #a07bff 100%);--spring:cubic-bezier(.2,.9,.25,1.15);--ease:cubic-bezier(.2,.8,.2,1);--display:"Unbounded", "Bricolage Grotesque", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@view-transition{navigation:auto}html,body{margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Bricolage Grotesque,system-ui,sans-serif;font-size:17px;line-height:1.5;overflow-x:clip}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #ffd447}h1,h2,h3,p{margin:0}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.grad{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.sky{z-index:-3;pointer-events:none;background:radial-gradient(1.5px 1.5px at 12% 18%, #fff8, transparent), radial-gradient(1px 1px at 32% 8%, #fff9, transparent), radial-gradient(1px 1px at 71% 14%, #fff7, transparent), radial-gradient(1.5px 1.5px at 88% 32%, #fff8, transparent), radial-gradient(1px 1px at 54% 26%, #fff6, transparent), radial-gradient(1px 1px at 22% 64%, #fff5, transparent), radial-gradient(1px 1px at 82% 78%, #fff5, transparent), var(--bg);position:fixed;inset:0;overflow:hidden}.sky i{filter:blur(80px);opacity:.26;border-radius:50%;width:70vmax;height:70vmax;animation:24s ease-in-out infinite alternate drift;position:absolute}.sky i:first-child{background:#6a1cff;top:-30vmax;left:-30vmax}.sky i:nth-child(2){opacity:.16;background:#ff3d7f;animation-duration:30s;animation-direction:alternate-reverse;top:30vh;right:-40vmax}.sky i:nth-child(3){opacity:.1;background:#ff9a3d;animation-duration:36s;bottom:-55vmax;left:10vmax}@keyframes drift{to{transform:translate(8vmax,6vmax)scale(1.1)}}.btn{background:var(--s2);white-space:nowrap;min-height:50px;transition:transform .2s var(--spring), background .2s, box-shadow .2s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.btn:hover{background:var(--s3);transform:translateY(-2px)}.btn:active{transform:scale(.95)}.btn.hot{color:#fff;background:linear-gradient(135deg,#ff6a9a,#ff3d7f 50%,#e0306e);box-shadow:0 10px 30px #ff3d7f66}.btn.hot:hover{box-shadow:0 14px 40px #ff3d7f99}.big-btn{min-height:60px;padding:0 32px;font-size:18px}.big-btn span{transition:transform .25s var(--spring)}.big-btn:hover span{transform:translate(4px)}.round{background:var(--s2);width:54px;height:54px;transition:transform .2s var(--spring), background .2s;border:0;border-radius:50%;font-size:22px;font-weight:800}.round:hover{background:var(--s3)}.round:active{transform:scale(.9)}.bar{z-index:30;top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);animation:barIn .8s .9s var(--spring) both;background:#161029b8;border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex;position:fixed;left:50%;translate:-50%;box-shadow:0 12px 34px #00000073}@keyframes barIn{0%{translate:-50% -90px}}.bar-mark{border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.bar-mark img{border-radius:11px}.bar-btn{white-space:nowrap;height:42px;color:var(--dim);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.bar-btn:hover{background:var(--s2);color:var(--text)}.bar-btn.hot{background:var(--text);color:var(--bg)}.bar-btn .lbl-on,.bar-btn[aria-pressed=true] .lbl-off{display:none}.bar-btn[aria-pressed=true] .lbl-on{display:inline}.bar-btn[aria-pressed=true]{color:var(--text);background:var(--s2)}.eq{align-items:flex-end;gap:2px;height:14px;display:inline-flex}.eq i{background:currentColor;border-radius:2px;width:3px;height:4px}[aria-pressed=true] .eq i{background:#ffd447;animation:.9s ease-in-out infinite alternate eq}[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{height:3px}to{height:14px}}.hero{isolation:isolate;place-items:center;min-height:100svh;padding:96px 16px 90px;display:grid;position:relative;overflow:hidden}.reel{z-index:-2;perspective:1500px;pointer-events:none;position:absolute;inset:0}.reel-wall{--z:.62;transform-style:preserve-3d;transform:translate(-50%, -50%) translateY(calc(var(--s,0) * -18vh)) rotateX(34deg) rotateZ(-15deg) scale(calc(var(--z) * (1 + var(--s,0) * .35)));gap:18px;display:flex;position:absolute;top:50%;left:50%}@media (width>=800px){.reel-wall{--z:.95}}.reel-col{width:250px;animation:col var(--dur) linear infinite var(--dir);will-change:transform}.reel-col:nth-child(2n){margin-top:-160px}.reel .card{margin-bottom:18px}.reel .game{min-height:310px;box-shadow:0 30px 60px #00000080}.reel .card *{animation:none!important}@keyframes col{to{transform:translateY(-50%)}}.hero-shade{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 72% 52% at 50% 50%, #0a0714f0 0%, #0a0714b8 48%, #0a071447 80%), linear-gradient(180deg, #0a071499, transparent 22%, transparent 70%, var(--bg));position:absolute;inset:0}@media (width>=800px){.hero-shade{background:radial-gradient(ellipse 46% 50% at 50% 50%, #0a0714f0 0%, #0a0714b3 50%, #0a071426 85%), linear-gradient(180deg, #0a071480, transparent 20%, transparent 72%, var(--bg))}}.hero-in{text-align:center;max-width:980px;opacity:calc(1 - var(--s,0) * 1.4);translate:0 calc(var(--s,0) * -60px);flex-direction:column;align-items:center;gap:20px;display:flex}.pill{color:var(--dim);animation:rise .7s .1s var(--spring) both;background:#221a3ecc;border-radius:999px;align-items:center;padding:9px 16px 9px 12px;font-size:14px;font-weight:700;display:inline-flex}.pill b{color:var(--text)}.live{background:var(--mint);border-radius:50%;width:9px;height:9px;margin-right:9px;animation:2s infinite ping;display:inline-block}@keyframes ping{0%{box-shadow:0 0 #3cd68ab3}70%,to{box-shadow:0 0 0 10px #3cd68a00}}.wordmark{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(50px,13.4vw,150px);font-weight:900;line-height:.88}.w-line{white-space:nowrap;display:block}.w{color:#e6def6;text-shadow:0 8px 40px #0a0714cc;animation:word .75s var(--spring) both;display:inline-block}@keyframes word{0%{opacity:0;transform:translateY(.45em)scale(.86)}70%{opacity:1}}@property --g{syntax:"<length>";inherits:true;initial-value:4000px}.wordmark{view-transition-name:oftr-logo;--g0:3000px;--g1:-1200px;--bw:1.1em;animation:sweep .42s 2.6s cubic-bezier(.16,1,.3,1) both, settle .45s 3.02s var(--ease);position:relative}@keyframes sweep{0%{--g:var(--g0)}to{--g:var(--g1)}}@keyframes settle{40%{transform:scale(1.006)}}.wordmark i{transform-origin:50% 100%;animation:lift .26s var(--dl,2.7s) cubic-bezier(.2,.8,.3,1), tight .6s 3.02s var(--ease) forwards;font-style:normal;display:inline-block;position:relative}.wordmark i:before,.wordmark i:after{content:attr(data-l);color:#0000;text-shadow:none;pointer-events:none;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;position:absolute;top:0;left:0}.wordmark i:before{background-image:linear-gradient(#fff3df,#fff3df);background-size:6000px 100%;background-position:calc(var(--g) - var(--x,0px) + var(--bw) * .42) 0}.wordmark i:after{background-image:linear-gradient(100deg,#0000 0%,#ffbe7859 30%,#fff 38.5% 42%,#ffc27a 47%,#ff785099 56%,#ff5a6e38 76%,#0000 100%);background-size:var(--bw) 100%;background-position:calc(var(--g) - var(--x,0px)) 0}@keyframes lift{35%{transform:translateY(-.022em)skew(-4deg)scale(1.04)}to{transform:none}}@keyframes tight{to{translate:calc(var(--k) * .014em) 0}}.wordmark .w{animation:word .75s var(--spring) both, warm .18s 3.02s ease-out forwards}.w:nth-child(2){animation-delay:80ms,3.02s}.w-line+.w-line .w{animation-delay:.18s,3.02s}.w-line+.w-line .w:nth-child(2){animation-delay:.26s,3.02s}@keyframes warm{to{text-shadow:0 0 16px #ffaa5a6b,0 0 48px #ff3d7f47,0 8px 40px #0a0714cc}}.last-line{animation:.3s cubic-bezier(.5,0,.3,1) 2.33s forwards center;translate:-.2055em}@keyframes center{to{translate:0}}.qm{vertical-align:baseline;fill:#ff3d7f;filter:drop-shadow(0 0 16px #ff3d7f73);width:.328em;height:1em;animation:word .75s .34s var(--spring) both, tight .6s 3.02s var(--ease) forwards, dotfill .12s 2.6s ease-out forwards, dotglow .18s 3.02s ease-out forwards;display:inline-block;overflow:visible}.qm .q{transform-box:fill-box;transform-origin:50% 100%;animation:.9s ease-in-out 1.35s breath}@keyframes breath{50%{transform:scale(1.02)}}.qm .hook{transform-box:fill-box;transform-origin:48.5% 100%;animation:.27s cubic-bezier(.6,0,.9,.5) 2.33s forwards drop}@keyframes drop{to{opacity:0;transform:translateY(160px)scale(.3,0)}}.qm .dot{transform-box:fill-box;transform-origin:50% 100%;animation:.6s 2.33s both slam;transform:translate(189px,12px)scale(.912)}@keyframes slam{0%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translate(189px,12px)scale(.912)}30%{animation-timing-function:cubic-bezier(.75,0,1,.6);transform:translate(110px,-170px)scale(1.06)}45%{transform:translate(0)scale(1.4,.6)}62%{transform:scale(.9,1.12)}80%{transform:scale(1.03,.97)}to{transform:none}}@keyframes dotfill{to{fill:#fff3df}}@keyframes dotglow{to{filter:drop-shadow(0 0 12px #ffaa5a8c)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.sub{color:#d6cdf0;text-wrap:balance;max-width:40ch;animation:rise .8s .45s var(--ease) both;font-size:clamp(17px,2.1vw,21px)}.cta{animation:rise .8s .6s var(--ease) both;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.fine{color:#8c82ae;animation:rise .8s .75s var(--ease) both;font-size:14px;font-weight:600}.fine b{color:var(--text)}.cue{width:28px;height:46px;opacity:calc(1 - var(--s,0) * 4);background:#221a3ecc;border-radius:14px;position:absolute;bottom:26px;left:50%;translate:-50%}.cue span{width:6px;height:10px;animation:cue 1.8s var(--ease) infinite;background:#ffd447;border-radius:3px;margin-left:-3px;position:absolute;top:9px;left:50%}@keyframes cue{60%{opacity:0;transform:translateY(16px)}61%{opacity:0;transform:none}}.sec{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:1240px;margin:0 auto;padding:120px 16px 30px;display:flex}.eyebrow{font-family:var(--display);letter-spacing:.18em;text-transform:uppercase;color:#ffc46b;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px}.title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(36px,7.2vw,82px);font-weight:900;line-height:.98}.lede{max-width:54ch;color:var(--dim);text-wrap:balance;font-size:clamp(17px,1.8vw,20px)}html.js .rv{opacity:0;translate:0 48px}html.js .rv.in{opacity:1;transition:opacity .9s var(--ease), translate 1s var(--ease);transition-delay:calc(var(--d,0) * .13s);translate:0}.off *,.off :before,.off :after{animation-play-state:paused!important}.steps{grid-template-columns:minmax(0,360px);justify-content:center;gap:34px;width:100%;max-width:1140px;margin:34px 0 0;padding:0;list-style:none;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,34px)}}.step{flex-direction:column;align-items:center;gap:18px;min-width:0;display:flex}.moment{aspect-ratio:1/1.05;isolation:isolate;background:radial-gradient(circle at 50% 40%, var(--tint), transparent 68%), linear-gradient(165deg, #211843, #110b22);border-radius:clamp(24px,3vw,36px);place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000073;container-type:inline-size}.m-open{--tint:#8b5cff80}.m-code{--tint:#ff9a3d61}.m-play{--tint:#ff3d7f80}.cap{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:12px;font-size:clamp(20px,2.1vw,26px);font-weight:800;display:flex}.cap b{background:var(--grad);color:#1a0a14;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.appicon{border-radius:22%;width:40cqi;height:40cqi;margin-left:-20cqi;animation:3.2s ease-in-out 1.2s infinite press;position:absolute;top:18%;left:50%;box-shadow:0 6cqi 14cqi #ff3d7f59}.in .appicon{animation:popin .7s var(--spring) both, press 3.2s 1.2s ease-in-out infinite}@keyframes press{0%,30%,48%,to{transform:none}36%{transform:scale(.92)}}.tap{opacity:0;background:radial-gradient(circle,#0000 50%,#ffffff73 56%,#0000 66%);border-radius:50%;width:40cqi;height:40cqi;margin:-20cqi 0 0 -20cqi;animation:3.2s ease-out 1.2s infinite tapring;position:absolute;top:calc(18% + 20cqi);left:50%}@keyframes tapring{0%,33%{opacity:0;transform:scale(.5)}36%{opacity:1}60%,to{opacity:0;transform:scale(1.5)}}.urlbar{color:#fff;white-space:nowrap;background:#0a071499;border-radius:99px;align-items:center;height:13cqi;padding:0 6cqi;font-size:6.5cqi;font-weight:800;display:inline-flex;position:absolute;bottom:14%;left:50%;translate:-50%}.typed{clip-path:inset(0);display:inline-block}.in .typed{animation:1.1s steps(7,end) .5s both type}@keyframes type{0%{clip-path:inset(0 100% 0 0)}}.caret{background:#ffd447;border-radius:1px;width:.6cqi;height:6.5cqi;margin-left:1cqi;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.msg{background:linear-gradient(160deg,#3b2a6e,#2a1d52);border-radius:7cqi 7cqi 7cqi 2cqi;flex-direction:column;align-items:center;gap:3.5cqi;padding:6cqi 7cqi;display:flex;position:absolute;top:16%;left:50%;translate:-50%;box-shadow:0 5cqi 12cqi #0006}.in .msg{animation:msgin .7s var(--spring) both}@keyframes msgin{0%{opacity:0;transform:translateY(8cqi)scale(.9)}}.msg small{color:#d9cff5;font-size:5cqi;font-weight:700}.msg .lnk{color:#ffc46b}.room{gap:2cqi;display:flex}.room i{color:#2a1600;width:12cqi;height:15cqi;font-style:normal;font-family:var(--display);background:#ffd447;border-radius:3cqi;place-items:center;font-size:8cqi;font-weight:900;display:grid;box-shadow:0 1.2cqi #c99a1e}.in .room i{animation:popin .5s var(--spring) both}.room i:first-child{animation-delay:.35s}.room i:nth-child(2){animation-delay:.45s}.room i:nth-child(3){animation-delay:.55s}.room i:nth-child(4){animation-delay:.65s}.joins{justify-content:center;gap:2.5cqi;display:flex;position:absolute;bottom:13%;left:0;right:0}.joins span{background:#2c2152;border-radius:50%;place-items:center;width:13cqi;height:13cqi;font-size:7cqi;animation:4.8s ease-in-out infinite join;display:grid;box-shadow:0 2cqi 5cqi #00000059}.joins span:nth-child(2){animation-delay:.25s}.joins span:nth-child(3){animation-delay:.5s}.joins span:nth-child(4){animation-delay:.75s}@keyframes join{0%,6%{opacity:0;transform:translateY(4cqi)scale(.6)}14%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:scale(.8)}}.go{z-index:2;background:linear-gradient(135deg,#ff6a9a,#ff3d7f 50%,#c81f5e);border-radius:50%;place-items:center;width:40cqi;height:40cqi;animation:1.6s ease-in-out infinite beat;display:grid;position:relative;box-shadow:0 5cqi 16cqi #ff3d7f8c,inset 0 -2cqi #0000002e}.go svg{fill:#fff;width:46%;height:46%;margin-left:4%}.in .go{animation:popin .7s var(--spring) both, beat 1.6s .7s ease-in-out infinite}@keyframes beat{50%{transform:scale(1.05)}}.pulse{background:radial-gradient(circle,#0000 55%,#ff3d7f80 62%,#0000 70%);border-radius:50%;width:40cqi;height:40cqi;margin:-20cqi 0 0 -20cqi;animation:2.4s ease-out infinite pulse;position:absolute;top:50%;left:50%}.pulse.p2{animation-delay:1.2s}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}.orbit{width:0;height:0;position:absolute;top:50%;left:50%}.orbit i{background:#2c2152;border-radius:50%;place-items:center;width:12cqi;height:12cqi;margin:-6cqi;font-size:6.5cqi;font-style:normal;animation:14s linear infinite orb;display:grid;position:absolute;box-shadow:0 2cqi 5cqi #0006}.orbit i:nth-child(2){--a:90deg}.orbit i:nth-child(3){--a:180deg}.orbit i:nth-child(4){--a:270deg}@keyframes orb{0%{transform:rotate(var(--a,0deg)) translateX(34cqi) rotate(calc(var(--a,0deg) * -1))}to{transform:rotate(calc(var(--a,0deg) + 360deg)) translateX(34cqi) rotate(calc(var(--a,0deg) * -1 - 360deg))}}@keyframes popin{0%{opacity:0;transform:scale(.6)}}.favs{gap:18px}.scene{isolation:isolate;width:100%;max-width:1200px;min-height:720px;scale:calc(.9 + .1 * min(1, var(--p,1) * 2.4));border-radius:36px;flex-direction:column;justify-content:flex-end;align-items:center;margin-top:26px;padding:40px 20px 44px;display:flex;position:relative;overflow:hidden;box-shadow:0 50px 110px #0000008c}@media (width>=900px){.scene{border-radius:44px;min-height:min(84vh,760px);padding:60px 40px 64px}}.scene .art{z-index:-1;position:absolute;inset:0}.scene:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 40%,#05030a8c 100%);position:absolute;inset:0}.copy{max-width:620px;translate:0 calc((.5 - var(--p,.5)) * 40px);flex-direction:column;align-items:center;gap:14px;display:flex}.copy p{text-wrap:balance;max-width:560px;font-size:16px}@media (width>=900px){.copy{max-width:900px}.copy p{font-size:18px}.tagline{letter-spacing:.18em;font-size:12px!important}}.tagline{white-space:nowrap;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000059;border-radius:999px;padding:8px 14px;font-weight:800;font-size:11px!important}.nm{line-height:.9}.hn{--hz:50%;color:#fff1d6;background:linear-gradient(#2b1640 0%,#6e2440 26%,#c24a3a 46%,#f08a48 56%,#f7c46e 60%)}@media (width>=900px){.hn{--hz:40%}}.hn:before{content:"";z-index:0;opacity:0;pointer-events:none;background:#fff6e0;animation:4.5s infinite flash;position:absolute;inset:0}@keyframes flash{0%,69%{opacity:0}70%{opacity:.55}76%,to{opacity:0}}.hn-sun{left:50%;bottom:calc(var(--hz) + 2%);aspect-ratio:1;filter:drop-shadow(0 0 60px #ffc864b3);width:min(64vw,400px);translate:0 calc(var(--p,.5) * 70px);background:repeating-linear-gradient(#ffe08a 0 18px,#0000 18px 26px);border-radius:50%;margin-left:calc(min(64vw,400px)/-2);position:absolute}.hn-mesa{left:0;bottom:calc(var(--hz) - 1px);width:100%;height:16%;position:absolute}.hn-ground{height:var(--hz);background:linear-gradient(#8e4a2e,#5a2e1c 60%,#3a1c10);position:absolute;bottom:0;left:0;right:0}.hn-man{bottom:calc(var(--hz) - 3%);filter:drop-shadow(0 0 1px #2a0f18);height:clamp(96px,20vw,230px);position:absolute}.hn-man.l{left:8%}.hn-man.r{right:8%;transform:scaleX(-1)}@media (width>=900px){.hn-man.l{left:5%}.hn-man.r{right:5%}}.hn-weed{bottom:calc(var(--hz) - 6%);background:repeating-conic-gradient(#6b4424 0 12deg, transparent 12deg 30deg), radial-gradient(circle, transparent 30%, #6b4424 32% 40%, transparent 42%);border-radius:50%;width:46px;height:46px;animation:9s linear infinite weed;position:absolute;left:0}@keyframes weed{0%{transform:translate(-80px)rotate(0)}to{transform:translate(min(100vw,1280px))rotate(1080deg)}}.hn-draw{z-index:1;color:#fff6e0;text-shadow:.05em .05em #3a1a10,0 0 40px #fff0c8cc;opacity:0;font-family:Rye,serif;font-size:clamp(64px,13vw,170px);animation:4.5s infinite drawcall2;position:absolute;top:14%;left:0;right:0}@keyframes drawcall2{0%,68%{opacity:0;transform:scale(.4)rotate(-6deg)}71%{opacity:1;transform:scale(1.15)rotate(-3deg)}76%,90%{opacity:1;transform:scale(1)rotate(-3deg)}96%,to{opacity:0;transform:scale(1.05)rotate(-3deg)}}.hn .nm{white-space:nowrap;text-shadow:.05em .05em #3a1a10;font-family:Rye,serif;font-size:clamp(48px,13vw,132px);font-weight:400}.hn .copy p:not(.tagline){color:#ffe3b3}.jg{color:#ffe6c2;background:radial-gradient(90% 45% at 50% 108%,#ff6e1eb3,#0000 70%),linear-gradient(#120a1e,#2a0f12)}.jg-lights{transform-origin:50% 0;background:radial-gradient(circle,#ffe7a8 0 4px,#ffc86e66 5px,#0000 14px) 0 0/70px 40px repeat-x,radial-gradient(circle,#ff9a6a 0 3px,#ff8c5a59 4px,#0000 12px) 35px 26px/70px 44px repeat-x;height:70px;animation:6s ease-in-out infinite alternate sway;position:absolute;top:5%;left:-5%;right:-5%}@keyframes sway{0%{transform:rotate(-1.2deg)}to{transform:rotate(1.2deg)}}.jg-glow{background:radial-gradient(circle,#ff782852,#0000 65%);border-radius:50%;width:60vmin;height:60vmin;margin:-30vmin 0 0 -30vmin;animation:3s ease-in-out infinite alternate breathe;position:absolute;top:40%;left:50%}@keyframes breathe{to{opacity:.8;transform:scale(1.15)}}.jg-ball{--d:min(26vw, 230px);--h:clamp(160px, 30vh, 280px);width:64px;height:64px;margin:-32px 0 0 -32px;animation:2.2s ease-in-out infinite alternate jx;position:absolute;top:56%;left:50%}.jg-ball:before{content:"";animation:1.1s cubic-bezier(.25,.6,.5,1) infinite alternate jy;animation-delay:inherit;background:radial-gradient(circle at 45% 40%,#fffbe0,#ffc23d 30%,#ff7a1e 55%,#e2361c99 70%,#0000 72%);border-radius:50%;position:absolute;inset:0;box-shadow:0 0 50px 16px #ff781e8c}.jg-ball:nth-child(4){animation-delay:-1.47s}.jg-ball:nth-child(5){animation-delay:-2.93s}@keyframes jx{0%{transform:translateX(calc(var(--d) * -1))}to{transform:translateX(var(--d))}}@keyframes jy{to{transform:translateY(calc(var(--h) * -1)) scale(.9)}}.jg-embers i{bottom:-10px;left:var(--x);width:5px;height:5px;animation:ember var(--t) linear infinite;animation-delay:var(--dl);background:#ffc23d;border-radius:50%;position:absolute;box-shadow:0 0 8px 2px #ff8c28cc}@keyframes ember{0%{opacity:0;transform:translate(0)}10%{opacity:1}to{transform:translate(var(--w,30px), -560px);opacity:0}}.jg-embers i:first-child{--x:8%;--t:6s;--dl:-1s}.jg-embers i:nth-child(2){--x:18%;--t:7.5s;--dl:-4s;--w:-20px}.jg-embers i:nth-child(3){--x:27%;--t:5.2s;--dl:-2s}.jg-embers i:nth-child(4){--x:36%;--t:8s;--dl:-6s;--w:-40px}.jg-embers i:nth-child(5){--x:45%;--t:6.4s;--dl:-3s}.jg-embers i:nth-child(6){--x:52%;--t:7s;--dl:-.5s;--w:50px}.jg-embers i:nth-child(7){--x:61%;--t:5.6s;--dl:-5s;--w:-30px}.jg-embers i:nth-child(8){--x:70%;--t:7.8s;--dl:-2.5s}.jg-embers i:nth-child(9){--x:78%;--t:6.2s;--dl:-4.5s;--w:-25px}.jg-embers i:nth-child(10){--x:86%;--t:5.4s;--dl:-1.5s}.jg-embers i:nth-child(11){--x:93%;--t:8.4s;--dl:-7s;--w:-50px}.jg-embers i:nth-child(12){--x:4%;--t:6.8s;--dl:-3.5s;--w:40px}.jg .nm{letter-spacing:.01em;background:linear-gradient(#fff3b0,#ff9a2e 55%,#e2361c);color:#0000;filter:drop-shadow(0 0 22px #ff781e80);-webkit-background-clip:text;background-clip:text;font-family:Lilita One,sans-serif;font-size:clamp(54px,10vw,128px);font-weight:400}.jg .copy p:not(.tagline){color:#f0c9a0}.ob{color:#ede6ff;background:radial-gradient(60% 50% at 50% 38%,#6e3cdc59,#0000 70%),#07051a}.ob-stars{translate:0 calc((.5 - var(--p,.5)) * 80px);background:radial-gradient(1.5px 1.5px at 12% 20%,#fff,#0000),radial-gradient(1px 1px at 28% 72%,#fffa,#0000),radial-gradient(1px 1px at 44% 12%,#fff,#0000),radial-gradient(1.5px 1.5px at 66% 28%,#fffc,#0000),radial-gradient(1px 1px at 84% 64%,#fff,#0000),radial-gradient(1px 1px at 92% 16%,#fff9,#0000),radial-gradient(1px 1px at 6% 52%,#fff9,#0000),radial-gradient(1.5px 1.5px at 74% 86%,#fffa,#0000);position:absolute;inset:0}.ob-planet{--r:min(48vw, 340px);left:50%;top:var(--oy,30%);z-index:1;width:var(--r);height:var(--r);margin:calc(var(--r) / -2) 0 0 calc(var(--r) / -2);background:radial-gradient(circle at 34% 28%,#6a54a8 0%,#34265e 35%,#160f2e 70%,#0b0718 100%);border-radius:50%;position:absolute;overflow:hidden;box-shadow:0 0 90px 10px #8c5aff66,inset -24px -30px 60px #0009,inset 10px 10px 40px #c8aaff2e}.ob-planet:before{content:"";mix-blend-mode:multiply;background-color:#0000;background-image:radial-gradient(circle at 20% 40%,#00000047 0 7%,#0000 8%),radial-gradient(circle at 60% 70%,#00000038 0 10%,#0000 11%),radial-gradient(circle at 80% 30%,#0003 0 5%,#0000 6%),radial-gradient(circle at 40% 15%,#0000002e 0 4%,#0000 5%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:50% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:14s linear infinite turn;position:absolute;inset:0}@keyframes turn{to{background-position:-100% 0}}.ob-orbit{--rx:min(40vw, 330px);--ry:min(9vw, 70px);left:50%;top:var(--oy,30%);position:absolute}@media (width>=900px){.ob{--oy:34%}}.ob-orbit i{width:0;height:0;animation:4.5s ease-in-out infinite alternate oy,9s linear infinite oz;animation-delay:var(--d), calc(var(--d) - 6.75s);position:absolute}.ob-orbit i:before{content:"";width:30px;height:30px;animation:4.5s ease-in-out infinite alternate ox;animation-delay:calc(var(--d) - 2.25s);border-radius:50%;margin:-15px;position:absolute}.ob-orbit .e:before{background:radial-gradient(circle at 35% 35%,#ffe0b0,#ff7a2e);box-shadow:0 0 22px 4px #ff7a2e}.ob-orbit .f:before{background:radial-gradient(circle at 35% 35%,#e6fbff,#4fc8ff);box-shadow:0 0 22px 4px #4fc8ff}.ob-orbit i:first-child{--d:0s}.ob-orbit i:nth-child(2){--d:-1.5s}.ob-orbit i:nth-child(3){--d:-3s}.ob-orbit i:nth-child(4){--d:-4.5s}.ob-orbit i:nth-child(5){--d:-6s}.ob-orbit i:nth-child(6){--d:-7.5s}@keyframes oy{0%{transform:translateY(calc(var(--ry) * -1)) scale(.62)}to{transform:translateY(var(--ry)) scale(1.15)}}@keyframes ox{0%{transform:translateX(calc(var(--rx) * -1))}to{transform:translateX(var(--rx))}}@keyframes oz{0%,49.9%{z-index:2}50%,to{z-index:0}}.ob .nm{letter-spacing:.1em;text-shadow:0 0 30px #a078ff99;font-family:Michroma,sans-serif;font-size:clamp(46px,8.6vw,112px);font-weight:400}.ob .copy p:not(.tagline){color:#c7bcea}.wall{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(76vw,300px);grid-auto-flow:column;gap:16px;width:100vw;margin:34px calc(50% - 50vw) 0;padding:18px max(16px,50vw - 600px) 30px;scroll-padding:0 max(16px,50vw - 600px);display:grid;overflow-x:auto;-webkit-mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.wall::-webkit-scrollbar{display:none}@media (width<=699px){.wall{padding-inline:12vw;scroll-padding:0}}@media (width>=900px){.wall{cursor:grab;grid-template-rows:auto auto}}.wall.dragging{cursor:grabbing;scroll-snap-type:none}.wall .card{scroll-snap-align:center;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease)}@media (width>=900px){.wall .card{scroll-snap-align:start}}.wall .game{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;min-height:300px}.wall .card img{pointer-events:none}.vote{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;height:38px;transition:transform .2s var(--spring), background .2s;background:#0a07148c;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:14px;font-weight:800;display:inline-flex;position:absolute;top:14px;right:14px}.vote:active{transform:scale(.88)}.vote[aria-pressed=true]{background:#ff3d7f;box-shadow:0 6px 18px #ff3d7f80}.vote[aria-pressed=true] span{animation:popin .45s var(--spring);display:inline-block}.wall-nav{gap:12px;display:none}@media (width>=900px){.wall-nav{display:flex}}.tvset{width:min(100%,860px);transform:perspective(1400px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);flex-direction:column;align-items:center;margin-top:30px;display:flex;position:relative}.tv{aspect-ratio:16/9;background:linear-gradient(170deg,#2b2440,#0d0a16 50%,#17122a);border-radius:clamp(18px,3vw,32px);width:100%;padding:clamp(8px,1.4vw,16px);box-shadow:0 60px 120px #0009,0 0 140px #ff6a2b29}.tv-screen{border-radius:clamp(10px,1.8vw,18px);flex-direction:column;justify-content:center;align-items:center;gap:5cqi;height:100%;display:flex;position:relative;overflow:hidden;container-type:inline-size}.tv-screen:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#ffffff14,#0000 60%);position:absolute;inset:0}.host{align-items:center;gap:3cqi;display:flex}.host .dome{flex:none;animation:1.6s ease-in-out infinite talk;width:9cqi!important;height:9cqi!important;position:static!important}@keyframes talk{50%{transform:translateY(-.6cqi)scale(1.04)}}.bubble{color:#0b1026;text-align:center;background:#f3eee2;border-radius:3cqi;padding:2.2cqi 3.4cqi;font-size:3cqi;font-weight:800;line-height:1.3;box-shadow:0 1cqi #ffd447}.bubble b{letter-spacing:.1em;font-size:5cqi}.scores{gap:2cqi;display:flex}.sc-p{color:#f3eee2;transition:transform .3s var(--spring), background .3s, color .3s, box-shadow .3s;background:#f3eee21a;border-radius:99px;align-items:center;gap:1.2cqi;padding:1.2cqi 2cqi 1.2cqi 1.2cqi;font-size:2.4cqi;font-weight:800;display:flex}.sc-p i{background:var(--c);border-radius:50%;place-items:center;width:4.4cqi;height:4.4cqi;font-size:2.6cqi;font-style:normal;display:grid}.sc-p b{color:#ffd447}.sc-p.on{background:var(--c);color:#0b1026;box-shadow:0 0 4cqi var(--c);transform:scale(1.14)}.sc-p.on b{color:#0b1026}.bz{color:var(--c,#ffd447);text-shadow:.06em .06em #0b1026;opacity:0;font-size:6cqi;font-weight:900;position:absolute;top:6%;right:6%;transform:rotate(8deg)}.buzzed .bz{animation:bz 1.2s var(--spring)}@keyframes bz{0%{opacity:0;transform:rotate(8deg)scale(.3)}20%,70%{opacity:1;transform:rotate(8deg)scale(1)}to{opacity:0;transform:rotate(8deg)scale(1.1)}}.tv-stand{background:linear-gradient(#17122a,#0b0815);border-radius:0 0 14px 14px;width:26%;height:clamp(10px,1.6vw,18px);margin-top:-2px}.pads{justify-content:center;gap:clamp(10px,3vw,34px);margin-top:clamp(-70px,-5vw,-24px);display:flex}.pad{aspect-ratio:9/17;width:clamp(74px,13vw,128px);transform:translateY(calc(var(--k,0) * 1px));background:linear-gradient(160deg,#3a3158,#120d22 45%);border-radius:clamp(16px,2.4vw,26px);flex-direction:column;justify-content:space-around;align-items:center;padding:6px;display:flex;box-shadow:0 24px 40px #0009}.pad:nth-child(2){--k:-18}.pad:nth-child(3){--k:-12}.pad span{font-size:clamp(18px,3vw,30px)}.pad button{aspect-ratio:1;background:radial-gradient(circle at 38% 30%, color-mix(in srgb, var(--c) 50%, #fff), var(--c) 55%, color-mix(in srgb, var(--c) 60%, #000));width:72%;box-shadow:0 6px 0 color-mix(in srgb, var(--c) 45%, #000), 0 10px 20px #00000080;border:0;border-radius:50%;transition:transform .1s}.pad button.hit{animation:padhit .35s var(--ease)}@keyframes padhit{35%{box-shadow:0 1px 0 color-mix(in srgb, var(--c) 45%, #000);transform:translateY(5px)scale(.96)}}.shout{background:linear-gradient(135deg,#241a46,#33153c);border-radius:30px;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin-top:34px;padding:26px 24px;display:flex;box-shadow:0 20px 50px #00000059}.shout p{color:var(--dim);text-wrap:balance}.shout b{font-size:19px}.mic{background:var(--grad);border-radius:50%;flex:none;place-items:center;width:60px;height:60px;font-size:28px;display:grid;box-shadow:0 10px 30px #ff3d7f59}@media (width>=700px){.shout{flex-direction:row;padding:22px}}.fr-grid{justify-items:center;gap:18px;width:100%;margin-top:30px;display:grid}.fr-grid .feats{display:contents}.lock{width:290px;height:590px;transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);background:linear-gradient(160deg,#4a3f70,#120d22 40%,#231a40);border-radius:46px;order:-1;margin-bottom:18px;padding:10px;box-shadow:0 50px 90px #0009,0 0 120px #ff3d7f33}.lock-screen{background:radial-gradient(circle at 20% 15%,#ff3d7f 0,#0000 45%),radial-gradient(circle at 85% 40%,#8b5cff 0,#0000 50%),radial-gradient(circle at 40% 90%,#ff9a3d 0,#0000 45%),#1a0f33;border-radius:37px;flex-direction:column;align-items:center;height:100%;padding:56px 12px 20px;display:flex;overflow:hidden}.time{font-family:var(--display);letter-spacing:-.04em;color:#fff;font-size:66px;font-weight:700;line-height:1}.date{color:#fffc;margin:6px 0 26px;font-weight:700}.notes{flex-direction:column;gap:8px;width:100%;display:flex}.note{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;color:#fff;width:100%;animation:noteIn .6s var(--spring) both;background:#190f2d80;border-radius:20px;align-items:center;gap:10px;padding:11px 12px;font-size:13px;line-height:1.3;display:flex}.note:nth-child(2){opacity:.9}.note:nth-child(3){opacity:.75;scale:.97}.note .av{background:var(--grad);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.note small{color:#fff9;font-size:11px}.note p{color:#ffffffe0}@keyframes noteIn{0%{opacity:0;transform:translateY(-30px)scale(.92)}}.feats{margin:0;padding:0;list-style:none}.feat{background:var(--s1);border-radius:28px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:420px;padding:26px 22px;display:flex;box-shadow:0 16px 40px #0000004d}.feat b{font-family:var(--display);letter-spacing:-.01em;font-size:18px;font-weight:800}.feat p{color:var(--dim);text-wrap:balance;font-size:16px}.ic{background:var(--s2);border-radius:18px;place-items:center;width:56px;height:56px;margin-bottom:4px;font-size:28px;display:grid}@media (width>=640px) and (width<=1039px){.fr-grid{grid-template-columns:1fr 1fr}.lock{grid-column:1/-1}}@media (width>=1040px){.fr-grid{grid-template-rows:repeat(3,auto);grid-template-columns:1fr auto 1fr;align-items:center;gap:18px 40px}.lock{order:0;grid-area:1/2/span 3;margin:0}.feat:nth-child(-n+3){grid-column:1}.feat:nth-child(n+4){grid-column:3}.feat:first-child,.feat:nth-child(4){grid-row:1}.feat:nth-child(2),.feat:nth-child(5){grid-row:2}.feat:nth-child(3),.feat:nth-child(6){grid-row:3}}.mystery{justify-content:center;gap:clamp(12px,3vw,28px);margin-top:34px;display:flex}.mystery span{aspect-ratio:3/4;width:clamp(88px,22vw,180px);font-family:var(--display);color:#f6f1ff29;background:radial-gradient(circle at 50% 35%,#8b5cff59,#0000 70%),linear-gradient(165deg,#241a46,#120c24);border-radius:clamp(18px,3vw,30px);place-items:center;font-size:clamp(40px,9vw,84px);font-weight:900;animation:5s ease-in-out infinite hover;display:grid;box-shadow:0 24px 60px #00000073}.mystery span:nth-child(2){color:#ffc46b4d;animation-delay:-1.6s;translate:0 -14px}.mystery span:nth-child(3){animation-delay:-3.2s}@keyframes hover{50%{transform:translateY(-8px)rotate(-1.5deg)}}.soon .lede{margin-top:18px}.ask-card{background:radial-gradient(circle at 50% 0,#ff3d7f47,#0000 60%),linear-gradient(135deg,#2a1650,#3a1440);border-radius:40px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:900px;padding:50px 22px;display:flex;box-shadow:0 40px 90px #00000073}.ask-card>p{color:#d6cdf0;text-wrap:balance;max-width:46ch}.ask-ic{animation:roll 6s var(--ease) infinite;font-size:54px}@keyframes roll{0%,70%{transform:none}85%{transform:rotate(360deg)scale(1.15)}to{transform:rotate(360deg)}}.soon-pill{color:#ffc46b;background:#0a071480;border-radius:999px;margin-top:6px;padding:14px 24px;font-weight:800}.foot{text-align:center;padding:140px 16px calc(60px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:22px;display:flex}.last{font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;font-size:clamp(54px,11vw,140px);font-weight:900;line-height:.9}.domains{color:var(--dim);margin-top:18px;font-weight:700}.domains b{color:var(--text)}.domains a{color:#ffc46b;text-decoration:none}.credits{color:#7a719c;text-wrap:balance;max-width:62ch;font-size:14px}.credits a{color:#a99fc7}.sheet{width:min(560px,100% - 24px);max-height:92dvh;color:var(--text);text-align:center;background:#17112c;border:0;border-radius:30px;padding:30px 22px 26px;box-shadow:0 40px 100px #0009}.sheet[open]{animation:sheetIn .45s var(--spring);flex-direction:column;align-items:center;gap:14px;display:flex}.sheet::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05030cb3}@keyframes sheetIn{0%{opacity:0;transform:translateY(40px)scale(.96)}}.sheet h2{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;font-size:24px;font-weight:900}.sheet img{border-radius:16px;box-shadow:0 14px 40px #ff3d7f59}.hint{color:var(--dim);text-wrap:balance;font-size:15px}.x{background:var(--s2);width:40px;height:40px;color:var(--dim);border:0;border-radius:50%;position:absolute;top:12px;right:12px}.ways{gap:10px;width:100%;display:grid}@media (width>=520px){.ways{grid-template-columns:1fr 1fr}}.way{background:var(--s2);border-radius:22px;padding:16px}.way>b{color:#ffc46b;letter-spacing:.04em;margin-bottom:6px;font-size:14px;display:block}.way ol{counter-reset:s;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.way li{counter-increment:s}.way li:before{content:counter(s) ". ";color:var(--dim);font-weight:800}.qr{aspect-ratio:1;background:#fff;border-radius:14px;padding:8px}.qr svg{width:100%;height:100%;display:block}.qr-big{flex-direction:column;align-items:center;gap:8px;display:none}.qr-big .qr{width:150px}@media (hover:hover) and (pointer:fine){.qr-big{display:flex}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation-play-state:paused!important}.w,.pill,.sub,.cta,.fine,.bar,.note,.sheet[open],.step *,.wordmark,.wordmark *,.wordmark :after{animation:none!important}.qm .hook{display:none}.qm .dot{transform:none}.last-line{translate:none}.wordmark i,.qm{translate:calc(var(--k) * .014em) 0}.wordmark{--g:-9999px}.w{text-shadow:0 0 16px #ffaa5a6b,0 0 48px #ff3d7f47,0 8px 40px #0a0714cc}.qm{fill:#fff3df;filter:drop-shadow(0 0 12px #ffaa5a8c)}@view-transition{navigation:none}html.js .rv{opacity:1;translate:none}.scene{scale:1}}.legal-links{justify-content:center;gap:8px;display:flex}.legal-links a{background:var(--s1);color:var(--dim);border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none}.legal-links a:hover{background:var(--s2);color:var(--text)}.legal{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:720px;margin:0 auto;padding:120px 16px 20px;display:flex}.legal>.eyebrow,.legal>.title,.legal>.lede{text-align:center}.legal .title{font-size:clamp(34px,6.4vw,64px)}.legal section{background:var(--s1);border-radius:26px;width:100%;padding:26px 24px;box-shadow:0 16px 40px #0000004d}.legal h2{font-family:var(--display);letter-spacing:-.01em;text-align:center;margin:0 0 10px;font-size:20px;font-weight:800}.legal p,.legal li{color:#cfc6ea;text-wrap:pretty}.legal p+p{margin-top:10px}.legal ul,.legal ol{flex-direction:column;gap:6px;margin:10px 0;padding-left:22px;display:flex}.legal a{color:#ffc46b}.legal b{color:var(--text)}.legal .contact{text-align:center}.faq details{background:var(--s2);border-radius:18px;padding:14px 16px}.faq details+details{margin-top:8px}.faq summary{cursor:pointer;color:var(--text);font-weight:800}.faq details p{margin-top:8px}.foot.small{padding-top:40px}