@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/bungee-400-latin-Csp5z0J6.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/rubik-latin-0V_ixqQm.woff2)format("woff2")}@font-face{font-family:Rubik;font-style:italic;font-weight:300 900;font-display:swap;src:url(/assets/rubik-italic-latin-X0hIrorb.woff2)format("woff2")}:root{--night:#0b0820;--ink:#151033;--panel:#1e1745;--panel-2:#292058;--line:#3b3178;--lilac:#a89ae0;--fog:#e9e5ff;--magenta:#ff3d8b;--magenta-deep:#c4145e;--cyan:#26e6ff;--acid:#ffe14d;--mint:#4dffa6;--shadow-pop:4px 4px 0 0 #000000e6;--shadow-pop-lg:8px 8px 0 0 #000000e6;--font-display:"Bungee", "Rubik", sans-serif;--font-body:"Rubik", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--night);color:var(--fog);font-family:var(--font-body);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px;border-radius:4px}img{max-width:100%}a{color:inherit}.wm{font-family:var(--font-display);letter-spacing:.01em}.wm .g{color:var(--magenta)}.wm .c{color:var(--cyan)}.site{background:radial-gradient(60rem 40rem at 85% -10%, #ff3d8b29, transparent 60%), radial-gradient(50rem 34rem at -10% 110%, #26e6ff1f, transparent 60%), var(--night);font-size:16.5px;line-height:1.6;position:relative;overflow:clip;container:site/inline-size}.dotgrid{pointer-events:none;z-index:2;background-image:radial-gradient(#e9e5ff0d 1px,#0000 1.5px);background-size:22px 22px;position:absolute;inset:0}.z{z-index:3;position:relative}.btn{font-family:var(--font-display);box-shadow:var(--shadow-pop);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--fog);background:var(--panel-2);appearance:none;border:3px solid #000;border-radius:1rem;padding:13px 24px;font-size:15px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-block}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translate(4px,4px);box-shadow:0 0 #000000e6}.btn.primary{background:var(--magenta);color:#fff}.btn.big{padding:15px 28px;font-size:17px}.btn.sm{border-radius:12px;padding:9px 16px;font-size:13px}.btn.flexy{align-items:center;display:flex}.chip{background:var(--panel-2);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:999px;padding:6px 16px;font-size:15px;font-weight:700;display:inline-block}.chip.sm{border-width:2px;padding:4px 12px;font-size:12.5px}.sect{z-index:3;max-width:1080px;margin:0 auto;padding:68px 30px;scroll-margin-top:20px;position:relative}.sect.tight{padding-top:44px;padding-bottom:44px}.kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--lilac);margin:0 0 12px;font-size:11.5px;font-weight:800}.kicker .dotk{color:var(--magenta)}.h2{font-family:var(--font-display);margin:0 0 14px;font-size:clamp(24px,3.6cqi,34px);font-weight:400;line-height:1.15}.lede{color:var(--lilac);max-width:62ch;margin:0 0 26px;font-size:16.5px}.lede b{color:var(--fog)}.center{text-align:center}.center .lede{margin-inline:auto}@container site (width<=720px){.sect{padding:48px 20px}}.s-nav{top:0;z-index:5;flex-wrap:wrap;align-items:center;gap:8px 20px;padding:18px 30px;display:flex;position:absolute;inset-inline:0}.s-nav .brand{font-size:21px;text-decoration:none}.s-nav .links{gap:18px;margin-inline-start:10px;display:flex}.s-nav .links a{color:var(--lilac);font-size:14px;font-weight:700;text-decoration:none}.s-nav .links a:hover{color:var(--fog)}.s-nav .cta{align-items:center;gap:10px;margin-inline-start:auto;display:flex}@container site (width<=720px){.s-nav{padding:14px 18px}.s-nav .links{display:none}}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding-top:72px;display:flex;position:relative}.hero-inner{padding-bottom:30px}.hero-title{font-family:var(--font-display);margin:0 0 16px;font-size:clamp(34px,6.2cqi,60px);font-weight:400;line-height:1.12}.hero-title .hm{color:var(--magenta)}.hero-title .hc{color:var(--cyan)}.hero .lede{margin-bottom:10px}.hero .compare{color:#a89ae0bf;margin:0 0 24px;font-size:14px;font-style:italic}.joinrow{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:14px;display:flex}.joinbox{background:var(--panel);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:1.1rem;gap:8px;margin:0;padding:8px;display:flex}.joinbox input{text-align:center;width:150px;min-width:0;font-family:var(--font-display);letter-spacing:.26em;background:var(--ink);color:var(--fog);border:3px solid #000;border-radius:.8rem;outline:none;padding:10px 8px;font-size:18px;box-shadow:inset 3px 3px #00000080}.joinbox input:focus{border-color:var(--cyan)}.joinbox input::placeholder{color:#a89ae080;letter-spacing:.26em}.joinbox .btn{border-radius:.8rem;align-items:center;padding:0 22px;font-size:16px;display:flex}.ghost{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ghost .wall{opacity:.3;filter:grayscale()sepia()hue-rotate(212deg)saturate(2.4)brightness(.72);grid-template-columns:repeat(3,1fr);gap:10px;animation:70s linear infinite alternate drift;display:grid;position:absolute;inset:-12%}.ghost .wall img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%}@container site (width>=500px){.ghost .wall{grid-template-columns:repeat(5,1fr)}}@container site (width>=900px){.ghost .wall{grid-template-columns:repeat(7,1fr)}}@container site (width>=1400px){.ghost .wall{grid-template-columns:repeat(9,1fr)}}.ghost .vig{background:linear-gradient(to bottom, #0b082000 72%, var(--night) 98%), radial-gradient(ellipse at 50% 42%, #0b0820f0 24%, #0b08208c 60%, #0b082026 100%);position:absolute;inset:0}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-3.5%,-3%)}}.ticker{z-index:3;background:var(--acid);border-block:3px solid #000;display:flex;position:relative;overflow:hidden}.ticker .track{flex-shrink:0;animation:46s linear infinite slide;display:flex}.ticker span{font-family:var(--font-display);color:var(--night);white-space:nowrap;padding:9px 0;font-size:14px}.ticker span:after{content:"★";color:var(--magenta);margin:0 18px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.occs{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.occ{background:var(--panel);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:999px;align-items:center;gap:10px;padding:9px 20px 9px 14px;font-size:14.5px;font-weight:700;display:flex}.occ .oi{font-size:21px}.occ small{color:var(--lilac);font-size:12px;font-weight:500;display:block}.rstrip{background:var(--panel);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:20px;flex-wrap:wrap;align-items:center;gap:26px;padding:22px 28px;display:flex}.rstrip .rtxt{flex:320px}.rstrip .rtxt h2{font-family:var(--font-display);margin:0 0 6px;font-size:19px;font-weight:400}.rstrip .rtxt p{color:var(--lilac);margin:0;font-size:14px}.rstrip .plats{flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.rglyph{background:#141419;border:3px solid #000;border-radius:12px;flex:none;width:190px;margin-inline:auto;padding:7px;position:relative}.rg-share{color:#04250f;white-space:nowrap;background:#23c552;border:2px solid #000;border-radius:99px;padding:2px 10px;font-size:9.5px;font-weight:800;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.rg-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.rg-t{aspect-ratio:4/3;border:2px solid #000;border-radius:6px;overflow:hidden}.rg-t img{object-fit:cover;width:100%;height:100%;display:block}.rg-t.gm{aspect-ratio:16/7;background:var(--night);grid-column:span 3;place-items:center;font-size:12px;display:grid}.quotes{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@container site (width<=860px){.quotes{grid-template-columns:1fr}}.quote{background:var(--panel);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:18px;margin:0;padding:18px 20px}.quote blockquote{margin:0}.quote p{margin:0 0 10px;font-size:16px;font-style:italic;font-weight:600;line-height:1.5}.quote figcaption{color:var(--lilac);font-size:13px;font-weight:700}.quote:nth-child(odd){transform:rotate(-.7deg)}.quote:nth-child(2n){transform:rotate(.6deg)}.faq{max-width:780px;margin:0 auto}.faq details{background:var(--panel);box-shadow:var(--shadow-pop);border:3px solid #000;border-radius:14px;margin-bottom:10px;overflow:hidden}.faq summary{cursor:pointer;font-family:var(--font-display);padding:15px 20px;font-size:14.5px;line-height:1.4;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"▸";color:var(--magenta);margin-inline-end:10px;display:inline-block}.faq details[open] summary:before{transform:rotate(90deg)}.faq details p{color:var(--lilac);margin:0;padding:0 20px 16px 40px;font-size:14.5px;line-height:1.65}.faq details p b{color:var(--fog)}.faq details p code{color:var(--cyan);font-family:ui-monospace,monospace;font-size:13px}.bigcta{background:var(--panel);box-shadow:var(--shadow-pop-lg);border:3px solid #000;border-radius:24px;padding:40px 34px}.cgrid{grid-template-columns:minmax(240px,340px) 1fr;align-items:center;gap:34px;display:grid}@container site (width<=760px){.cgrid{text-align:center;grid-template-columns:1fr;justify-items:center}.cgrid .row{justify-content:center}}.cgif{box-shadow:var(--shadow-pop);background:#000;border:3px solid #000;border-radius:16px;margin:0;overflow:hidden;transform:rotate(-2.4deg)}.cgif img{width:100%;height:auto;display:block}.bigcta .h2{font-size:clamp(26px,4.4cqi,40px)}.bigcta .row{flex-wrap:wrap;gap:14px;margin-top:20px;display:flex}.s-footer{z-index:3;color:var(--lilac);background:#05030f;border-top:3px solid #000;padding:36px 30px 30px;position:relative}.s-footer .cols{flex-wrap:wrap;gap:26px 60px;max-width:1080px;margin:0 auto;display:flex}.s-footer .brand-b{font-size:20px}.s-footer .brand-p{max-width:30ch;margin:8px 0 0;font-size:13px;line-height:1.55}.s-footer .col .col-h{font-family:var(--font-display);color:var(--fog);margin:0 0 8px;font-size:12.5px;font-weight:400}.s-footer .col a{color:var(--lilac);margin-bottom:6px;font-size:13.5px;text-decoration:none;display:block}.s-footer .col a:hover{color:var(--fog);text-decoration:underline}.s-footer .legal{color:#a89ae099;border-top:1px solid #221a4e;flex-wrap:wrap;gap:8px 24px;max-width:1080px;margin:26px auto 0;padding-top:14px;font-size:12px;display:flex}.s-footer .legal code{color:var(--cyan);font-family:ui-monospace,monospace}.s-footer .legal a{color:inherit;text-decoration:underline}.s-footer .legal a:hover{color:var(--fog)}.demo{z-index:3;width:100%;position:relative;container:demo/inline-size}.demo-slot{min-height:380px}@media (width<=760px){.demo-slot{min-height:800px}}.demo .stagewrap{justify-content:center;align-items:center;gap:0;display:flex}.demo .tvcol{flex:auto;min-width:0;max-width:760px}.demo .phcol{z-index:4;flex:none;margin-inline-start:-34px;position:relative;transform:rotate(2deg)}@container demo (width<=700px){.demo .tvcol{display:none}.demo .phcol{margin-inline-start:0;transform:none}.demo .ph{width:min(320px,94cqi)}}.tv{box-shadow:var(--shadow-pop-lg);background:#05030f;border:3px solid #000;border-radius:20px;padding:10px;position:relative}.tv:after{content:"";background:#05030f;border:3px solid #000;border-top:none;border-radius:0 0 12px 12px;width:34%;height:14px;position:absolute;bottom:-14px;left:50%;transform:translate(-50%)}.tvscreen{aspect-ratio:16/9;background:radial-gradient(60rem 40rem at 85% -10%, #ff3d8b29, transparent 60%), radial-gradient(50rem 34rem at -10% 110%, #26e6ff1f, transparent 60%), var(--night);color:var(--fog);border-radius:10px;position:relative;overflow:hidden;container:tv/inline-size}.tvscreen .tdots{pointer-events:none;z-index:2;background-image:radial-gradient(#e9e5ff0d 1px,#0000 1.5px);background-size:16px 16px;position:absolute;inset:0}.ph{width:236px;box-shadow:var(--shadow-pop-lg);background:#05030f;border:3px solid #000;border-radius:30px;padding:8px;position:relative}.ph .notch{z-index:9;background:#05030f;border-radius:0 0 12px 12px;width:74px;height:17px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phscreen{aspect-ratio:9/18.6;background:radial-gradient(30rem 20rem at 85% -10%, #ff3d8b29, transparent 60%), radial-gradient(26rem 18rem at -10% 110%, #26e6ff1f, transparent 60%), var(--night);color:var(--fog);border-radius:22px;font-size:11px;line-height:1.45;position:relative;overflow:hidden;container:phone/inline-size}.scene{opacity:0;pointer-events:none;z-index:3;transition:opacity .4s;position:absolute;inset:0}.scene.on{opacity:1}.scene .rise,.scene .popin{opacity:0}.scene.on .rise{animation:.45s cubic-bezier(.22,1.4,.36,1) both rise;animation-delay:var(--d,0s)}.scene.on .popin{animation:.35s cubic-bezier(.22,1.6,.36,1) both pop;animation-delay:var(--d,0s)}@keyframes rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes fadeaway{to{opacity:0;visibility:hidden}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.45}}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.t-lobby{justify-content:center;align-items:center;gap:5cqi;padding:4cqi;display:flex}.t-lobby .qrcard{background:var(--panel);text-align:center;border:2px solid #000;border-radius:12px;padding:2.4cqi;box-shadow:3px 3px #000000e6}.t-lobby .qrbox{background:#fff;border:2px solid #000;border-radius:8px;padding:1.4cqi;display:inline-block}.t-lobby .qrbox canvas{image-rendering:pixelated;width:17cqi;height:17cqi;display:block}.t-lobby .scan{text-transform:uppercase;letter-spacing:.14em;color:var(--lilac);margin-top:1.4cqi;font-size:1.7cqi;font-weight:800}.t-lobby .joinurl{color:var(--cyan);margin-top:.6cqi;font-family:ui-monospace,monospace;font-size:1.8cqi}.t-lobby .bigpin{font-family:var(--font-display);letter-spacing:.2em;color:var(--acid);margin-top:1.4cqi;font-size:4.6cqi}.t-lobby .right{text-align:center;max-width:52cqi}.t-lobby h3{font-family:var(--font-display);margin:0;font-size:4.2cqi;font-weight:400;line-height:1.2}.t-lobby .count{justify-content:center;align-items:center;gap:1.6cqi;margin-top:2cqi;display:flex}.t-lobby .count .num{font-family:var(--font-display);color:var(--cyan);font-variant-numeric:tabular-nums;font-size:7cqi}.t-lobby .count .lbl{text-transform:uppercase;letter-spacing:.14em;color:var(--lilac);text-align:left;font-size:1.6cqi;font-weight:800;line-height:1.5}.t-lobby .chips{flex-wrap:wrap;justify-content:center;gap:1.2cqi;margin-top:1.8cqi;display:flex}.t-lobby .chips .chip{border-width:2px;padding:.7cqi 1.8cqi;font-size:2cqi;box-shadow:2px 2px #000000e6}.t-lobby .startbtn{font-family:var(--font-display);color:#fff;background:var(--magenta);border:2px solid #000;border-radius:10px;margin-top:2.4cqi;padding:1.4cqi 4cqi;font-size:2.6cqi;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:3px 3px #000000e6}.t-lobby .startbtn.pressed{transform:translate(3px,3px);box-shadow:0 0 #000000e6}.t-q{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4cqi 6cqi;display:flex}.t-q .qtext{font-family:var(--font-display);max-width:80cqi;font-size:4.6cqi;line-height:1.25}.t-q .hunt{color:var(--lilac);margin-top:1.6cqi;font-size:2.1cqi}.t-q .row{align-items:center;gap:6cqi;margin-top:3cqi;display:flex}.t-q .ring{width:14cqi;height:14cqi;position:relative}.t-q .ring svg{width:100%;height:100%;transform:rotate(-90deg)}.t-q .ring .bgc{fill:none;stroke:var(--ink);stroke-width:7px}.t-q .ring .fgc{fill:none;stroke:var(--cyan);stroke-width:7px;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:43px}.scene.on .ring .fgc{animation:6.4s linear both ringdrain}@keyframes ringdrain{0%{stroke-dashoffset:43px;stroke:var(--cyan)}70%{stroke:var(--cyan)}to{stroke-dashoffset:202px;stroke:var(--acid)}}.t-q .ring .rnum{font-family:var(--font-display);font-variant-numeric:tabular-nums;place-items:center;font-size:3.4cqi;display:grid;position:absolute;inset:0}.t-q .locked{text-align:left}.t-q .locked .big{font-family:var(--font-display);color:var(--cyan);font-variant-numeric:tabular-nums;font-size:6.4cqi}.t-q .locked .big small{color:#e9e5ff66;font-size:3.2cqi}.t-q .locked .lbl{text-transform:uppercase;letter-spacing:.16em;color:var(--lilac);margin-top:.4cqi;font-size:1.7cqi;font-weight:800}.t-q .bar{background:var(--ink);border:2px solid #000;border-radius:999px;width:30cqi;height:1.8cqi;margin-top:1.4cqi;overflow:hidden}.t-q .bar i{background:var(--mint);width:16%;height:100%;transition:width .45s;display:block}.t-pod{flex-direction:column;justify-content:center;align-items:center;padding:11cqi 4cqi 10cqi;display:flex}:is(.t-pod,.p-pod) .podtop{text-align:center;position:absolute;top:3cqi;left:0;right:0}:is(.t-pod,.p-pod) .votesin{text-transform:uppercase;letter-spacing:.3em;color:var(--lilac);font-size:1.6cqi;font-weight:800}:is(.t-pod,.p-pod) .podq{font-family:var(--font-display);margin-top:.7cqi;font-size:3.3cqi;line-height:1.2}.t-pod .nextin{text-transform:uppercase;letter-spacing:.13em;color:var(--lilac);font-size:1.6cqi;font-weight:800;position:absolute;top:3cqi;right:3cqi}.t-pod .nextin b{font-family:var(--font-display);color:var(--acid);font-weight:400}:is(.t-pod,.p-pod) .wcard{background:var(--panel);border:3px solid var(--acid);opacity:0;border-radius:12px;width:36cqi;position:relative;box-shadow:4px 4px #000000e6}.scene.on .wcard{animation:.5s cubic-bezier(.25,1.35,.4,1) .4s both slamin}:is(.t-pod,.p-pod) .wcard img{object-fit:cover;border-radius:9px 9px 0 0;width:100%;height:17cqi;display:block}:is(.t-pod,.p-pod) .wmeta{text-align:center;padding:1.2cqi 1cqi 1.4cqi}:is(.t-pod,.p-pod) .wname{font-family:var(--font-display);font-size:2.5cqi}:is(.t-pod,.p-pod) .wsub{color:var(--lilac);margin-top:.4cqi;font-size:1.7cqi}:is(.t-pod,.p-pod) .wsub b{font-family:var(--font-display);color:var(--mint);font-variant-numeric:tabular-nums;font-size:2.1cqi;font-weight:400}:is(.t-pod,.p-pod) .stamp{z-index:4;font-family:var(--font-display);color:var(--night);background:var(--acid);opacity:0;border:2px solid #000;border-radius:8px;padding:.5cqi 1.4cqi;font-size:1.9cqi;position:absolute;top:-2cqi;right:-2cqi;box-shadow:2px 2px #000000e6}.scene.on .stamp{animation:.4s cubic-bezier(.22,1.6,.36,1) .85s both stamppop}:is(.t-pod,.p-pod) .runners{flex-wrap:wrap;justify-content:center;align-items:center;gap:1cqi 2cqi;padding:0 3cqi;display:flex;position:absolute;bottom:3.5cqi;left:0;right:0}:is(.t-pod,.p-pod) .rchip{background:var(--panel);border:2px solid #000;border-radius:8px;align-items:center;gap:1.1cqi;padding:.7cqi 1.3cqi .7cqi .7cqi;display:flex;box-shadow:2px 2px #000000e6}:is(.t-pod,.p-pod) .rchip img{object-fit:cover;border:2px solid #000;border-radius:6px;width:5.5cqi;height:4.5cqi}:is(.t-pod,.p-pod) .rchip .rn{font-family:var(--font-display);white-space:nowrap;font-size:1.7cqi;font-weight:400}:is(.t-pod,.p-pod) .rchip .rp{font-family:var(--font-display);color:var(--mint);font-variant-numeric:tabular-nums;font-size:1.6cqi;font-weight:400}:is(.t-pod,.p-pod) .rrest{color:var(--lilac);font-size:1.4cqi;font-weight:700}@keyframes slamin{0%{opacity:0;transform:scale(2.2)}60%{opacity:1;transform:scale(.95)}80%{transform:scale(1.04)}to{opacity:1;transform:none}}@keyframes stamppop{0%{opacity:0;transform:scale(.5)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(6deg)}}.cfl{z-index:8;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cfl span{border-radius:2px;animation:linear both cfall;position:absolute;top:-14px}@keyframes cfall{0%{opacity:1;transform:translateY(0)rotate(0)translate(0)}80%{opacity:1}to{transform:translateY(var(--cfall,62cqi)) rotate(var(--spin)) translateX(var(--sway));opacity:0}}.p-top{justify-content:space-between;align-items:center;padding:26px 14px 8px;display:flex}.p-top .pwm{font-size:12px}.p-top .plive{color:var(--mint);font-size:8.5px;font-weight:800}.p-top .plive.timer{color:var(--acid)}.p-join{flex-direction:column;display:flex}.p-join .body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0 16px 30px;display:flex}.p-join .jwm{font-size:20px;animation:2.4s ease-in-out infinite wobble}.p-join .jtag{color:var(--lilac);max-width:170px;margin-top:8px;font-size:10px}.p-join .jtag b{color:var(--fog)}.p-join .jcard{background:var(--panel);text-align:left;border:2px solid #000;border-radius:14px;width:100%;margin-top:16px;padding:12px;box-shadow:3px 3px #000000e6}.p-join .jcard .jeyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--lilac);margin:0;font-size:7.5px;font-weight:800}.p-join .jrow{gap:6px;margin-top:8px;display:flex}.p-join .jpin{background:var(--ink);min-width:0;font-family:var(--font-display);letter-spacing:.22em;text-align:center;color:var(--fog);border:2px solid #000;border-radius:9px;flex:1;justify-content:center;align-items:center;min-height:36px;padding:9px 6px;font-size:14px;display:flex;box-shadow:inset 2px 2px #00000080}.p-join .jpin .dgt{opacity:0}.scene.on .jpin .dgt{animation:.18s cubic-bezier(.22,1.6,.36,1) both dpop;animation-delay:var(--d)}@keyframes dpop{0%{opacity:0;transform:scale(1.6)}to{opacity:1;transform:scale(1)}}.p-join .jpin .caret{background:var(--cyan);width:2px;height:14px;margin-left:3px;animation:1s ease-in-out infinite pulseSoft}.p-join .jbtn{font-family:var(--font-display);color:#fff;background:var(--magenta);border:2px solid #000;border-radius:9px;align-items:center;padding:0 12px;font-size:11px;transition:transform .1s,box-shadow .1s;display:flex;box-shadow:2px 2px #000000e6}.scene.on .jbtn{animation:.25s 2.6s both btnpress}@keyframes btnpress{0%,to{transform:none;box-shadow:2px 2px #000000e6}50%{transform:translate(2px,2px);box-shadow:0 0 #000000e6}}.p-join .youin{z-index:5;text-align:center;background:var(--night);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;display:flex;position:absolute;inset:0}.scene.on .youin{animation:.4s cubic-bezier(.22,1.4,.36,1) 3.15s both rise}.p-join .youin .emo{font-size:34px}.p-join .youin h4{font-family:var(--font-display);margin:10px 0 0;font-size:16px;font-weight:400}.p-join .youin .mechip{margin-top:10px}.p-join .youin .mechip .chip{background:var(--panel)}.p-join .youin .wait{color:var(--lilac);margin-top:14px;font-size:10px;animation:1.6s ease-in-out infinite pulseSoft}.p-join .youin .others{flex-wrap:wrap;justify-content:center;gap:4px;margin-top:10px;display:flex}.p-pick{flex-direction:column;display:flex}.p-pick .search{margin:8px 10px 0;position:relative}.p-pick .search .sfield{background:var(--ink);color:var(--fog);border:2px solid #000;border-radius:10px;align-items:center;min-height:32px;padding:8px 10px 8px 26px;font-size:10.5px;display:flex;box-shadow:inset 2px 2px #00000080}.p-pick .search .mag{opacity:.7;font-size:11px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.p-pick .sfield .ltr{opacity:0}.scene.on .sfield .ltr{animation:.12s both dpop;animation-delay:var(--d)}.p-pick .qbanner{background:var(--panel);color:var(--lilac);border:2px solid #000;border-radius:10px;margin:8px 10px 0;padding:7px 10px;font-size:9px}.p-pick .qbanner b{color:var(--fog);margin-top:1px;font-size:10px;display:block}.p-pick .grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:6px;padding:10px;display:grid;overflow:hidden}.p-pick .grid .g{border:2px solid #000;border-radius:10px;position:relative;overflow:hidden;box-shadow:2px 2px #000000e6}.p-pick .grid .g img{object-fit:cover;width:100%;height:62px;display:block}.p-pick .grid .g.tgt:after{content:"";border:3px solid var(--cyan);opacity:0;border-radius:8px;position:absolute;inset:0}.scene.on .grid .g.tgt:after{animation:.5s 2.5s both tapring}@keyframes tapring{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.p-pick .tapdot{z-index:6;opacity:0;pointer-events:none;background:#ffffff59;border:2px solid #ffffffb3;border-radius:999px;width:26px;height:26px;position:absolute;top:229px;right:44px}.scene.on .tapdot{animation:.55s 2.35s both tapdot}@keyframes tapdot{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.p-pick .sheet{z-index:7;opacity:0;pointer-events:none;background:#05030fc7;align-items:flex-end;display:flex;position:absolute;inset:0}.scene.on .sheet{animation:.35s 3.1s both sheetin,.3s 4.75s both fadeaway}@keyframes sheetin{0%{opacity:0}to{opacity:1}}.p-pick .sheet .panel{background:var(--panel);border:2px solid #000;border-top-left-radius:16px;border-top-right-radius:16px;width:100%;margin:0 6px -2px;padding:10px 10px 12px}.scene.on .sheet .panel{animation:.4s cubic-bezier(.22,1.4,.36,1) 3.15s both panelup}@keyframes panelup{0%{transform:translateY(40px)}to{transform:translateY(0)}}.p-pick .sheet img{object-fit:cover;border:2px solid #000;border-radius:8px;width:100%;height:84px;display:block}.p-pick .sheet .ask{font-family:var(--font-display);text-align:center;margin-top:8px;font-size:12px}.p-pick .sheet .btns{gap:6px;margin-top:8px;display:flex}.p-pick .sheet .btns i{text-align:center;font-style:normal;font-family:var(--font-display);border:2px solid #000;border-radius:8px;flex:1;padding:8px 0;font-size:10px;box-shadow:2px 2px #000000e6}.p-pick .sheet .btns .bk{background:var(--panel-2);color:var(--fog)}.p-pick .sheet .btns .sb{background:var(--magenta);color:#fff}.scene.on .sheet .btns .sb{animation:.25s 4.4s both btnpress}.p-pick .plocked{z-index:8;text-align:center;background:var(--night);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:0 20px;display:flex;position:absolute;inset:0}.scene.on .plocked{animation:.4s cubic-bezier(.22,1.4,.36,1) 5s both rise}.p-pick .plocked .emo{font-size:30px}.p-pick .plocked h4{font-family:var(--font-display);margin:8px 0 0;font-size:14px;font-weight:400}.p-pick .plocked p{color:var(--lilac);max-width:160px;margin:8px 0 0;font-size:9.5px}.p-pick .plocked .prog{color:var(--lilac);margin-top:12px;font-size:9.5px}.p-place{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;display:flex}.ptop-abs{position:absolute;top:0;left:0;right:0}:is(.p-place,.p-pod) .youplaced{text-transform:uppercase;letter-spacing:.18em;color:var(--lilac);font-size:10px;font-weight:800}:is(.p-place,.p-pod) .medal{margin-top:8px;font-size:44px}:is(.p-place,.p-pod) .placecard{background:var(--panel);border:2px solid #000;border-radius:14px;margin-top:10px;padding:12px 18px;box-shadow:3px 3px #000000e6}:is(.p-place,.p-pod) .pts{font-family:var(--font-display);color:var(--mint);font-size:20px}:is(.p-place,.p-pod) .overall{color:var(--lilac);margin-top:6px;font-size:10px}:is(.p-place,.p-pod) .overall b{color:var(--fog)}.p-pod{flex-direction:column;justify-content:center;align-items:center;padding:0 6cqi;display:none}.p-pod .podtop{top:16cqi}.p-pod .votesin{font-size:3.4cqi}.p-pod .podq{margin-top:1.6cqi;padding:0 6cqi;font-size:6cqi}.p-pod .wcard{width:76cqi}.p-pod .wcard img{height:52cqi}.p-pod .wname{font-size:5.4cqi}.p-pod .wsub{font-size:3.6cqi}.p-pod .wsub b{font-size:4.4cqi}.p-pod .stamp{padding:1.2cqi 3cqi;font-size:4cqi;top:-4cqi;right:-4cqi}.p-pod .runners{gap:2cqi;bottom:6cqi}.p-pod .rchip{gap:1.8cqi;padding:1.2cqi 2.4cqi 1.2cqi 1.2cqi}.p-pod .rchip img{width:9cqi;height:7.5cqi}.p-pod .rchip .rn{font-size:3.2cqi}.p-pod .rchip .rp{font-size:3cqi}.p-pod .rrest{text-align:center;width:100%;font-size:2.9cqi}.p-pod .cfl{--cfall:150cqi}.p-pod .youwon{z-index:9;text-align:center;background:var(--night);opacity:0;flex-direction:column;justify-content:center;align-items:center;padding:0 18px;display:flex;position:absolute;inset:0}.scene.on .youwon{animation:.4s cubic-bezier(.22,1.4,.36,1) 4.6s both rise}@container demo (width<=700px){.p-place{display:none}.p-pod{display:flex}}.demo .rail{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:34px;display:flex}.demo .rail button{cursor:pointer;background:var(--panel);color:var(--lilac);font-family:var(--font-display);appearance:none;border:2px solid #000;border-radius:999px;align-items:center;gap:8px;padding:7px 15px;font-size:11.5px;display:flex;box-shadow:3px 3px #000000e6}.demo .rail button .dot{background:var(--line);border-radius:999px;width:9px;height:9px}.demo .rail button.cur{color:var(--fog)}.demo .rail button.cur .dot{background:var(--magenta)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}