#hero{color:#1d130d;background:radial-gradient(90% 90% at 70% 40%,#f6c29d 0%,#e9a77c 45%,#b8714a 100%);height:100vh;min-height:680px;overflow:hidden}#hero canvas{width:100%;height:100%;position:absolute;inset:0}#hero .copy{pointer-events:none;z-index:1;max-width:520px;position:absolute;top:50%;left:max(40px,6vw);transform:translateY(-50%)}#hero h1{letter-spacing:-.05em;margin:22px 0 0;font-size:clamp(56px,8.5vw,124px);font-weight:800;line-height:.9}#hero p{color:#3b2a1f;max-width:400px;margin:20px 0 0;font-size:17px;line-height:1.5}#hero .ctas{pointer-events:auto;flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}#hero .p{color:#f9e3d1;background:#1d130d}#hero .s{color:#1d130d;background:#fff6}#hero .scroll{color:#3b2a1f;font-size:12px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}#hero .still{width:min(34vw,420px);position:absolute;top:50%;right:8vw;transform:translateY(-50%)}@media (width<=900px){#hero .copy{top:96px;left:24px;right:24px;transform:none}#hero .still{width:56vw;top:auto;bottom:6vh;right:50%;transform:translate(50%)}}#video{text-align:center;padding:120px max(24px,6vw) 60px}.player{aspect-ratio:16/9;background:linear-gradient(135deg,#15181b,#0c0e10);border:1px solid #ffffff14;border-radius:24px;place-items:center;max-width:1080px;margin:40px auto 0;display:grid;position:relative;overflow:hidden}.player:before{content:"";background:conic-gradient(#0000,#4cb87340,#0000 30%);animation:8s linear infinite spin;position:absolute;inset:-40%}.player:after{content:"";background:linear-gradient(135deg,#15181b,#0c0e10);border-radius:23px;position:absolute;inset:1px}.player .play{z-index:1;color:#111;background:#fff;border-radius:50%;place-items:center;width:86px;height:86px;font-size:28px;display:grid;position:relative;box-shadow:0 0 0 12px #ffffff14}.player .note{z-index:1;color:#8b939b;font-size:12px;position:absolute;bottom:18px;left:22px}.player video{z-index:1;object-fit:cover;border-radius:23px;width:100%;height:100%;position:relative}.player .play-btn{z-index:2;cursor:pointer;background:#111;border:0;border-radius:50%;width:92px;height:92px;margin:-46px 0 0 -46px;transition:transform .2s,background .2s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 10px #1111111f,0 14px 40px #00000059}.player .play-btn:before{content:"";border:18px solid #0000;border-left:28px solid #fff;border-right-width:0;position:absolute;top:28px;left:36px}.player .play-btn:hover{background:#000;transform:scale(1.06)}.player .play-btn[hidden],.player.has-video:before,.player.has-video:after{display:none}@keyframes spin{to{transform:rotate(1turn)}}#features{background:#07080a;padding:120px 0 90px;overflow:hidden}#features .copy{text-align:center;z-index:1;padding:0 24px;position:relative}#features h2{background:linear-gradient(#fff 30%,#8a949d);color:#0000;-webkit-background-clip:text;background-clip:text}#features .copy p{color:var(--muted);max-width:480px;margin:16px auto 0;font-size:17px;line-height:1.5}#features .stage{cursor:grab;touch-action:pan-y;height:min(68vh,680px);min-height:460px;margin-top:10px;position:relative}#features .stage:active{cursor:grabbing}#features .stage canvas{width:100%;height:100%;position:absolute;inset:0}#features .hint{text-align:center;color:#7d868e;margin:6px 0 0;font-size:11px}#features.static .stage,#features.static .hint{display:none}.feature-list{z-index:1;border-top:1px solid #ffffff1f;width:min(1120px,92vw);margin:48px auto 0;padding:0;list-style:none;position:relative}.feature{border-bottom:1px solid #ffffff1f;grid-template-columns:52px minmax(0,1.25fr) minmax(0,1fr) 210px;align-items:baseline;gap:28px;padding:28px 0 26px;display:grid;position:relative}.feature:after{content:"";background:var(--c);opacity:0;width:0;height:2px;position:absolute;bottom:-1px;left:0}.feature.on:after{opacity:1;width:100%;transition:width 2.6s cubic-bezier(.2,.75,.25,1),opacity .2s}.feature .idx{color:#6b747c;font-size:12px;transition:color .4s}.feature h3{letter-spacing:-.035em;color:#c9ced4;margin:0;font-size:clamp(26px,3.3vw,44px);font-weight:700;line-height:1.02;transition:color .4s}.feature h3 em{color:#7d868e;font-style:normal;transition:color .4s}.feature p{color:#9aa3ab;max-width:360px;margin:0;font-size:15px;line-height:1.5}.feature .live{color:#5d666e;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:12px;transition:color .4s;overflow:hidden}.feature.on .idx,.feature.on .live,.feature.on h3 em{color:var(--c)}.feature.on h3,.feature:hover h3{color:#fff}#features .also{color:#8b939b;width:min(1120px,92vw);margin:22px auto 0;font-size:12px}@media (width<=860px){.feature{grid-template-columns:36px 1fr;gap:8px 14px;padding:22px 0}.feature p,.feature .live{grid-column:2}.feature .live{text-align:left}}#install{max-width:1240px;margin:0 auto;padding:140px max(24px,6vw) 120px;scroll-margin-top:40px}#install .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:40px;display:flex}#install .head p{max-width:420px;color:var(--muted);margin:0;line-height:1.55}.steps{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:54px 0 0;padding:0;list-style:none;display:grid}.step{background:#111316;border:1px solid #ffffff12;border-radius:20px;padding:16px;transition:transform .3s,border-color .3s}.step:hover{border-color:#4cb87380;transform:translateY(-6px)}.step img.shot{object-fit:cover;border:1px solid #ffffff0f;width:100%;height:auto;display:block}.step .shot{aspect-ratio:4/3;color:#5d666e;background:repeating-linear-gradient(-45deg,#16191c 0 10px,#131518 10px 20px);border-radius:12px;place-items:center;margin-bottom:14px;font-size:11px;display:grid}.step .n{color:var(--green);font-size:12px}.step h3{letter-spacing:-.01em;margin:6px 0;font-size:17px}.step p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.step b{color:#e6e9ec;font-weight:600}.extras{grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px;display:grid}@media (width<=760px){.extras{grid-template-columns:1fr}}.extra{color:var(--muted);background:#111316;border:1px solid #ffffff12;border-radius:20px;padding:22px;font-size:14px;line-height:1.55}.extra h3{color:#fff;margin:0 0 8px;font-size:15px}.extra a{color:#9dffc2}.extra code{color:#9dffc2;white-space:nowrap;background:#07080a;border-radius:12px;margin-top:10px;padding:12px 14px;font-size:12.5px;display:block;overflow-x:auto}.why{color:#ecd3c0;background:#f9c9a60f;border:1px solid #f9c9a633;border-radius:20px;margin-top:14px;padding:20px 22px;font-size:14px;line-height:1.55}.why a{color:#ffd9bd}#game{color:#111;cursor:grab;touch-action:pan-y;background:#e9e6e1;height:92vh;min-height:620px;overflow:hidden}#game.grabbing{cursor:grabbing}html[data-pointer=coarse] #game,#game.static{cursor:default}#game canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}#game .copy{text-align:center;pointer-events:none;z-index:2;padding:0 24px;position:absolute;top:70px;left:0;right:0}#game .eyebrow{color:#333}#game h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(34px,4.4vw,60px);font-weight:800}#game .copy p{color:#444;max-width:440px;margin:0 auto 18px;font-size:16px}#game .copy .touch,#game .copy .paused{display:none}html[data-pointer=coarse] #game .copy .touch,#game.static .copy .paused{display:inline}html[data-pointer=coarse] #game .copy .mouse,#game.static .copy .mouse,#game.static .copy .touch{display:none}#game .ctas{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;display:flex}#game .p{color:#fff;background:#111}#game .s{color:#111;background:#fff}#game .score{color:#444;z-index:3;background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;position:absolute;top:26px;left:28px}#game .score b{color:#111}html[data-pointer=coarse] #game .score,#game.static .score{display:none}#game .toast{opacity:0;pointer-events:none;z-index:3;color:#fff;white-space:nowrap;background:#111;border-radius:999px;padding:12px 18px;font-size:15px;font-weight:600;position:absolute;top:46%;left:50%;transform:translate(-50%,10px)scale(.96)}#game .toast.show{animation:2.2s cubic-bezier(.2,.8,.2,1) forwards toast}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)scale(.96)}12%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}#game .word{text-align:center;letter-spacing:-.06em;color:#111;pointer-events:none;z-index:0;font-size:22vw;font-weight:800;line-height:.8;position:absolute;bottom:-2vw;left:0;right:0}#game .still{z-index:1;width:min(30vw,260px);position:absolute;bottom:15vw;left:50%;transform:translate(-50%)}#support{height:88vh;min-height:660px;color:var(--text);background:radial-gradient(70% 80% at 70%,#23201c 0%,#110f0d 55%,#08090b 100%);position:relative;overflow:hidden}#support .stage{position:absolute;inset:0}#support canvas{width:100%;height:100%;position:absolute;inset:0}#support .copy{z-index:1;max-width:440px;position:absolute;top:50%;left:max(32px,6vw);transform:translateY(-50%)}#support .eyebrow{color:var(--peach);opacity:1}#support p{color:var(--muted);max-width:380px;margin:20px 0 0;font-size:17px;line-height:1.5}#support .p{background:var(--peach);color:#1d130d;margin-top:28px;font-weight:700;transition:transform .2s}#support .p:hover{transform:translateY(-2px)}#support .upi{color:var(--muted);align-items:center;gap:14px;margin-top:26px;font-size:13px;text-decoration:none;display:flex}#support .upi svg{border-radius:8px;flex:none;width:120px;height:120px}#support .upi b{color:var(--text);font-weight:500}#support .still{width:min(52vw,640px);height:auto;position:absolute;top:50%;right:4vw;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#000 80%,#0000);mask-image:linear-gradient(90deg,#000 80%,#0000)}@media (width<=900px){#support{height:auto;min-height:0;padding:min(92vw,520px) 24px 48px}#support .stage{height:min(92vw,520px);inset:0 0 auto}#support .copy{max-width:none;position:relative;top:auto;left:auto;transform:none}#support .still{width:min(86vw,480px);top:24px;right:50%;transform:translate(50%)}}html.still-render,html.still-render body,html.still-render #support{background:0 0}html.still-render nav,html.still-render footer,html.still-render #support .copy{visibility:hidden}