@font-face{font-family:display;src:url(../media/gloock_latin-s.p.1vembhq-bewbt.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:93.4%;descent-override:21.55%;line-gap-override:0.0%;size-adjust:104.39%}.X2ujCW_className{font-family:display,display Fallback;font-weight:400}.X2ujCW_variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url(../media/hanken_grotesk_latin-s.p.3lxpqujs87tck.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:98.46%;descent-override:29.83%;line-gap-override:0.0%;size-adjust:101.56%}.GnQZBa_className{font-family:body,body Fallback}.GnQZBa_variable{--font-body:"body", "body Fallback"}
@font-face{font-family:mono;src:url(../media/jetbrains_mono_latin-s.p.1bkzbscqrt8rl.woff2)format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.IJsSba_className{font-family:mono,mono Fallback}.IJsSba_variable{--font-mono:"mono", "mono Fallback"}
:root{--bg:#0b0a0f;--bg-2:#111017;--card:#15141c;--card-2:#1b1a24;--ink:#f5f2ea;--ink-2:#bdb8cc;--ink-3:#7f7a93;--rule:#ffffff14;--rule-2:#ffffff29;--coral:#ff6a4d;--violet:#a65cf2;--blue:#5f88ff;--pink:#e3529b;--amber:#ff9445;--ramp:linear-gradient(100deg, #a65cf2 0%, #7a72fa 22%, #5f88ff 36%, #e3529b 60%, #ff6266 76%, #ff9445 100%);--ease:cubic-bezier(.16, 1, .3, 1);--tile:clamp(34px, 4.6vw, 70px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#2c2a38 var(--bg);background:var(--bg)}body{background:var(--bg);color:var(--ink);font:17px/1.6 var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}body:before{content:"";pointer-events:none;z-index:0;opacity:.6;background-image:linear-gradient(90deg,#ffffff03 50%,#0000 50%),linear-gradient(#ffffff03 50%,#0000 50%);background-size:4px 4px;position:fixed;inset:0}::selection{background:var(--violet);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{border:3px solid var(--bg);background:#2c2a38;border-radius:8px}:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:4px}img{max-width:100%;height:auto;display:block}a{color:inherit}kbd{font:600 13px var(--font-mono), monospace;background:var(--card-2);border:1px solid var(--rule-2);color:var(--ink);border-radius:5px;padding:1px 6px}main,header,footer{z-index:1;position:relative}.wrap{width:min(1240px,100% - 48px);margin-inline:auto}.nav-bar{z-index:20;-webkit-backdrop-filter:blur(16px)saturate(1.4);border-bottom:1px solid var(--rule);background:#0b0a0fd6;position:sticky;top:0}.nav{grid-template-columns:auto 1fr auto;align-items:center;gap:32px;height:84px;display:grid}.brand{align-items:center;gap:14px;text-decoration:none;display:flex}.brand img{width:42px;height:42px;box-shadow:0 0 0 1px var(--rule-2), 0 8px 24px -8px #a65cf299;border-radius:11px}.brand b{font:400 20px/1 var(--font-display), serif;letter-spacing:.24em;display:block}.brand small{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin-top:6px;font-size:10.5px;display:block}.links{justify-content:center;gap:38px;display:flex}.links a,.lang button{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:600;text-decoration:none}.links a{background:var(--ramp) 0 100% / 0 2px no-repeat;transition:background-size .35s var(--ease), color .2s;padding:6px 0}.links a:hover{color:var(--ink);background-size:100% 2px}.nav-end{align-items:center;gap:18px;display:flex}.lang{box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:999px;gap:2px;padding:3px;display:flex}.lang button{all:unset;cursor:pointer;letter-spacing:.14em;color:var(--ink-3);border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700}.lang button[aria-pressed=true]{color:var(--bg);background:var(--ink)}.lang button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.gh{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--rule-2);color:var(--ink);border-radius:50%;place-items:center;transition:background .2s;display:grid}.gh svg{width:18px;height:18px}.gh:hover{background:var(--card-2)}.hero-band{isolation:isolate;position:relative;overflow:hidden}.hero-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(var(--rule) 1px, transparent 1px), linear-gradient(90deg, var(--rule) 1px, transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(120% 90% at 70% 40%,#000 20%,#0000 75%)}.hero-field{width:100%;height:100%;position:absolute;inset:0}.hero-band:before,.hero-band:after{content:"";z-index:-2;filter:blur(90px);pointer-events:none;border-radius:50%;position:absolute}.hero-band:before{background:radial-gradient(closest-side,#8f60f68c,#0000);width:620px;height:620px;animation:14s ease-in-out infinite alternate aura;top:-8%;right:4%}.hero-band:after{background:radial-gradient(closest-side,#ff626661,#0000);width:520px;height:520px;animation:18s ease-in-out infinite alternate-reverse aura;top:34%;right:18%}@keyframes aura{to{transform:translate(-60px,40px)scale(1.12)}}.hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:24px;min-height:min(820px,100svh - 84px);padding:40px 0 80px;display:grid}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--rule-2);background:#ffffff08;border-radius:999px;align-items:center;gap:12px;margin-bottom:34px;padding:7px 8px 7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.eyebrow:hover{background:#ffffff12}.eyebrow b{background:var(--ramp);color:#fff;letter-spacing:.08em;border-radius:999px;padding:3px 10px;font-size:11px}.pulse{background:#3ddc84;border-radius:2px;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #3ddc8499}@keyframes pulse{70%{box-shadow:0 0 0 9px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}h1{font:400 clamp(56px, 7.6vw, 122px)/.92 var(--font-display), serif;letter-spacing:-.025em;color:var(--ink);margin:0}h1 span{opacity:0;animation:rise 1s var(--ease) forwards;display:block;transform:translateY(.35em)}h1 span:nth-child(2){animation-delay:.12s}h1 span:last-child{background:var(--ramp);color:#0000;animation-delay:.24s;animation:rise 1s var(--ease) .24s forwards, sheen 8s ease-in-out 1.4s infinite alternate;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em}@keyframes rise{to{opacity:1;transform:none}}@keyframes sheen{to{background-position:100% 0}}.step-rule{width:264px;height:18px;color:var(--coral);margin:30px 0 26px;display:block}.hero .step-rule{color:var(--violet)}.hero-sub{max-width:46ch;color:var(--ink-2);margin:0 0 36px;font-size:19px}.ctas{flex-wrap:wrap;gap:14px;display:flex}.btn{letter-spacing:.18em;text-transform:uppercase;height:58px;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .2s;border-radius:999px;align-items:center;gap:14px;padding:0 30px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.btn-ink{background:var(--ink);color:var(--bg);box-shadow:0 0 0 1px #ffffff4d,0 14px 40px -12px #a65cf2b3,0 10px 60px -18px #ff94458c}.btn-ink:before{content:"";z-index:-1;border-radius:inherit;background:var(--ramp);filter:blur(14px);opacity:.45;transition:opacity .3s;position:absolute;inset:-2px}.btn-ink:hover{transform:translateY(-2px)}.btn-ink:hover:before{opacity:.85}.btn-line{box-shadow:inset 0 0 0 1px var(--rule-2);color:var(--ink)}.btn-line:hover{background:#ffffff0f}.btn .dot{width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--rule-2);background:radial-gradient(var(--coral) 0 4px, transparent 4.5px);border-radius:50%}.btn:active{transform:translateY(1px)}.hero-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:24px 0 0;font-size:12px}.hero-art{place-items:center;min-height:560px;display:grid}.mark{width:calc(var(--tile) * 5.4);height:calc(var(--tile) * 8.2);position:relative}.tile{left:calc(var(--x) * var(--tile) * 1.08);top:calc(var(--y) * var(--tile) * 1.08);width:var(--tile);height:var(--tile);background:linear-gradient(155deg, color-mix(in srgb, var(--c) 78%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 78%, black) 100%);box-shadow:inset 0 -5px 0 #0000002e, inset 0 3px 0 #ffffff4d, 0 0 34px -6px color-mix(in srgb, var(--c) 80%, transparent), 0 16px 26px -14px #000;opacity:0;animation:place .8s var(--ease) var(--d) forwards;transition:translate .35s var(--ease), filter .35s;border-radius:22%;position:absolute;transform:translateY(-40px)scale(.6)}.tile:hover{filter:brightness(1.15);translate:0 -8px}.tile.spark{width:calc(var(--tile) * .62);height:calc(var(--tile) * .62);border-radius:18%;box-shadow:0 0 30px 2px #ffffff73}.tile.loose{width:calc(var(--tile) * .5);height:calc(var(--tile) * .5);animation:place .8s var(--ease) var(--d) forwards, drift var(--f) ease-in-out calc(var(--d) + .8s) infinite alternate}@keyframes place{to{opacity:var(--o,1);transform:none}}.mark.settled .tile{opacity:var(--o,1);transform:none}.mark.settled .tile:not(.loose){animation:none}@keyframes drift{to{transform:translate(6px,-10px)rotate(8deg)}}.ticker{border-block:1px solid var(--rule);background:var(--bg-2);padding:20px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.ticker-run{width:max-content;animation:48s linear infinite run;display:flex}.ticker span{white-space:nowrap;font:500 14px var(--font-mono), monospace;letter-spacing:.06em;color:var(--ink-2);align-items:center;gap:28px;padding-right:28px;display:inline-flex}.ticker span:after{content:"";background:var(--ramp);background-size:600% 100%;border-radius:2px;width:8px;height:8px}.ticker span:nth-child(3n+1):after{background-position:0 0}.ticker span:nth-child(3n+2):after{background-position:50% 0}.ticker span:nth-child(3n):after{background-position:100% 0}@keyframes run{to{transform:translate(-50%)}}.cards{grid-template-columns:repeat(3,1fr);gap:18px;padding-top:110px;display:grid}.card{color:var(--ink);background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);transition:transform .5s var(--ease), box-shadow .5s var(--ease);border-radius:20px;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:after{content:"";border-radius:inherit;background:var(--ramp);-webkit-mask-composite:xor;opacity:0;pointer-events:none;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover{transform:translateY(-6px);box-shadow:0 40px 70px -40px #a65cf28c}.card:hover:after{opacity:1}.card-img{aspect-ratio:16/10;border-bottom:1px solid var(--rule);background:#1a1825;order:-1;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease)}.card:hover .card-img img{transform:scale(1.04)}.card-sprite{background:linear-gradient(#1d1a3a 0 30%,#302a63 30% 55%,#38896b 55% 70%,#2a5f4b 70%);position:relative}.card-sprite img{object-fit:contain;width:auto;height:74%;image-rendering:pixelated;position:absolute;top:11%;left:50%;translate:-50%}.card:hover .card-sprite img{transform:none}.card-text{flex-direction:column;flex:1;padding:26px 28px 28px;display:flex}.card h2{font:400 clamp(24px, 2.1vw, 30px)/1.1 var(--font-display), serif;text-wrap:balance;margin:0 0 10px}.card p{color:var(--ink-2);max-width:40ch;margin:0 0 auto;font-size:15.5px}.more{letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;font-size:12px;font-weight:700;display:inline-flex}.arrow{background:var(--coral);color:#fff;width:22px;height:22px;transition:transform .3s var(--ease);border-radius:50%;padding:5px}.card:hover .arrow{transform:translate(4px)}.strip{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);border-radius:20px;grid-template-columns:repeat(4,1fr);margin-top:18px;padding:30px 0;display:grid}.strip-item{align-items:center;gap:16px;padding:0 24px;display:flex}.strip-item+.strip-item{border-left:1px solid var(--rule)}.strip-icon{background:var(--card-2);width:60px;height:60px;box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:16px;flex:none;place-items:center;display:grid}.strip h3{letter-spacing:.16em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:700}.strip p{color:var(--ink-3);margin:0;font-size:14px;line-height:1.45}.sec-title{font:400 clamp(40px, 4.8vw, 70px)/1 var(--font-display), serif;letter-spacing:-.015em;text-wrap:balance;max-width:18ch;margin:0 0 16px}.lede{max-width:58ch;color:var(--ink-2);margin:0 0 52px;font-size:19px}.live-sec{background:var(--bg-2);border-block:1px solid var(--rule);margin-top:140px;padding:120px 0;position:relative;overflow:hidden}.live-sec:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#5f88ff2e,#0000);border-radius:50%;width:900px;height:500px;position:absolute;top:52%;left:50%;transform:translate(-50%,-20%)}.live{grid-template-columns:minmax(0,1fr) 80px minmax(0,1.15fr);align-items:center;display:grid;position:relative}.app-win,.game-win{background:#1c1a26;border-radius:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1a,0 50px 90px -40px #000,0 0 80px -30px #a65cf259}.app-bar{color:#d9d6ea;background:#24222f;border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;height:40px;padding:0 14px;font-size:13px;display:flex}.app-bar b{font-weight:600}.lights{gap:7px;display:flex}.lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.app-zoom{color:#8f8ba6;font-variant-numeric:tabular-nums;margin-left:auto}.app-body{grid-template-columns:minmax(0,1fr) 150px;align-items:start;gap:16px;padding:18px;display:grid}.live-editor{aspect-ratio:auto;object-fit:contain;width:100%;height:auto;max-height:440px;image-rendering:pixelated;cursor:crosshair;touch-action:manipulation;background:#282634;border-radius:8px;display:block}.app-side{align-content:start;gap:10px;display:grid}.side-label{letter-spacing:.18em;text-transform:uppercase;color:#8f8ba6;font-size:11px;font-weight:700}.swatches{grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:8px;display:grid}.swatches button{all:unset;aspect-ratio:1;cursor:pointer;transition:transform .2s var(--ease);border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff24}.swatches button:hover{transform:translateY(-2px)}.swatches button[aria-pressed=true]{outline-offset:2px;outline:2px solid #f4f2ff}.swatches button:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.probe{background-image:none;border-radius:7px;width:100%;height:34px;box-shadow:inset 0 0 0 1px #ffffff24}.reset{all:unset;cursor:pointer;text-align:center;color:#d9d6ea;letter-spacing:.16em;text-transform:uppercase;border:1px solid #4a4760;border-radius:999px;margin-top:8px;padding:9px 0;font-size:12px;font-weight:700}.reset:hover{background:#2a2836}.reset:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.app-hint{color:#a9a5c4;border-top:1px solid #2f2c3d;margin:0;padding:12px 18px 16px;font-size:14px}.live-game{width:100%;height:auto;image-rendering:pixelated;display:block}.wire{background:repeating-linear-gradient(90deg, var(--coral) 0 8px, transparent 8px 14px);filter:drop-shadow(0 0 6px #ff6a4d99);border-radius:2px;height:4px;margin:0 10px;position:relative}.wire-label{white-space:nowrap;letter-spacing:.22em;color:var(--coral);font-size:11px;font-weight:700;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.packet{background:var(--coral);opacity:0;border-radius:4px;width:16px;height:16px;position:absolute;top:-6px;left:0;box-shadow:0 0 0 5px #ff6a4d40,0 0 20px 4px #ff6a4d99}.packet.go{animation:packet .5s var(--ease) forwards}@keyframes packet{0%{opacity:1;left:0}85%{opacity:1}to{opacity:0;left:calc(100% - 16px)}}.editor-sec{padding:140px 0 40px}.print{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule-2), 0 50px 100px -50px #a65cf280;border-radius:18px;margin:0;padding:10px;position:relative}.print img{border-radius:10px}.duo{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.duo .print{box-shadow:inset 0 0 0 1px var(--rule-2)}.help{grid-template-columns:1fr 1.25fr;gap:56px;padding:120px 0;display:grid}.tips details{border-top:1px solid var(--rule-2)}.tips details:last-child{border-bottom:1px solid var(--rule-2)}.tips summary{cursor:pointer;font:400 22px/1.2 var(--font-display), serif;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;list-style:none;transition:color .2s;display:flex}.tips summary:hover{color:#fff}.tips summary::-webkit-details-marker{display:none}.tips summary:after{content:"";width:26px;height:26px;box-shadow:inset 0 0 0 1.5px var(--rule-2);background:radial-gradient(var(--coral) 0 3.5px, transparent 4px);transition:transform .3s var(--ease), background .3s;border-radius:50%;flex:none}.tips details[open] summary:after{background:var(--coral);box-shadow:0 0 16px #ff6a4d99}.tips details p{color:var(--ink-2);max-width:62ch;margin:0 2px 24px}.tips a{color:var(--ink);-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-underline-offset:.2em}.close{text-align:center;isolation:isolate;justify-items:center;padding:150px 0 160px;display:grid;position:relative}.close:before{content:"";z-index:-1;filter:blur(30px);background:radial-gradient(closest-side,#a65cf252,#ff626624 55%,#0000);border-radius:50%;width:min(900px,100%);height:420px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.close h2{font:400 clamp(52px, 7vw, 108px)/1 var(--font-display), serif;letter-spacing:-.025em;margin:0}.close .step-rule{margin:30px auto 40px}.foot{border-top:1px solid var(--rule-2);letter-spacing:.08em;color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:28px 0 44px;font-size:13px;display:flex}.foot-links a{color:var(--ink-2);letter-spacing:.16em;text-transform:uppercase;margin-left:22px;font-size:12px;font-weight:600;text-decoration:none}.foot-links a:hover{color:var(--coral)}[data-reveal]{transition:opacity 1s var(--ease), transform 1s var(--ease)}.reveal-on [data-reveal]:not(.in){opacity:0;transform:translateY(32px)}@media (max-width:1080px){.links{display:none}.nav{grid-template-columns:1fr auto}.cards{grid-template-columns:1fr 1fr}.card:nth-child(3){grid-column:1/-1}.live{grid-template-columns:1fr;gap:0}.wire{background:repeating-linear-gradient(180deg, var(--coral) 0 8px, transparent 8px 14px);width:4px;height:56px;margin:0 auto}.wire-label{top:50%;bottom:auto;left:16px;transform:translateY(-50%)}.packet{display:none}.game-win{justify-self:center;width:100%;max-width:420px}.strip{grid-template-columns:1fr 1fr;row-gap:24px}.strip-item:nth-child(3){border-left:0}}@media (max-width:820px){.hero{grid-template-columns:1fr;min-height:0;padding:20px 0 70px}.hero-art{order:-1;min-height:0;padding:20px 0 10px}.hero-band:before{width:420px;height:420px;top:-4%;right:-10%}.hero-band:after{width:360px;height:360px;top:10%;right:20%}.mark{--tile:30px}.duo,.help{grid-template-columns:1fr}.help{gap:20px}.brand small{display:none}.cards{padding-top:80px}}@media (max-width:560px){.nav{gap:12px;height:70px}.nav-end{gap:10px}.cards,.app-body{grid-template-columns:1fr}.swatches{grid-template-columns:repeat(8,1fr)}.app-side .side-label:nth-of-type(2),.probe{display:none}.strip{grid-template-columns:1fr;padding:24px}.strip-item,.strip-item+.strip-item{border-left:0;padding:0}.btn{height:52px;padding:0 22px;font-size:12px}.eyebrow{font-size:11px}}@media (prefers-reduced-motion:reduce){.tile,.tile.loose{opacity:var(--o,1);animation:none;transform:none}h1 span,h1 span:last-child{opacity:1;animation:none;transform:none}.hero-band:before,.hero-band:after,.ticker-run,.pulse,.packet.go{animation:none}html{scroll-behavior:auto}}.live-editor.loading{aspect-ratio:1}.nav-dl{background:var(--ink);height:40px;color:var(--bg);letter-spacing:.16em;text-transform:uppercase;transition:transform .3s var(--ease), box-shadow .3s;border-radius:999px;align-items:center;padding:0 18px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 8px 26px -10px #a65cf2b3}.nav-dl:hover{transform:translateY(-1px)}.dl{padding:90px 0 40px}.dl-head{max-width:760px}.dl-title{font:400 clamp(52px, 7vw, 104px)/.95 var(--font-display), serif;letter-spacing:-.025em;margin:0}.dl-head .step-rule{color:var(--violet)}.dl-head .lede{margin-bottom:14px}.dl-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:18px;margin-top:56px;display:grid}.dl-card{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);border-radius:22px;padding:28px;scroll-margin-top:110px;position:relative}.dl-card.mine{background:linear-gradient(var(--card), var(--card)) padding-box, var(--ramp) border-box;border:1.5px solid #0000;box-shadow:0 50px 90px -50px #a65cf2b3}.dl-card-head{align-items:center;gap:14px;margin-bottom:24px;display:flex}.dl-os-icon{background:var(--card-2);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:14px;place-items:center;display:grid}.dl-os-icon svg{width:24px;height:24px}.dl-card h2{font:400 32px/1 var(--font-display), serif;margin:0}.dl-badge{background:var(--ramp);color:#fff;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 10px;font-size:10.5px;font-weight:700}.dl-opts{gap:10px;display:grid}.dl-opt{color:var(--ink);background:var(--card-2);box-shadow:inset 0 0 0 1px var(--rule-2);transition:transform .3s var(--ease), background .2s, box-shadow .3s;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;display:grid}.dl-opt:hover{background:#22202d;transform:translateY(-2px)}.dl-opt.main{background:var(--ink);color:var(--bg);box-shadow:0 16px 40px -18px #a65cf2cc}.dl-opt.main:hover{background:#fff}.dl-opt b{font-size:16px;font-weight:700;display:block}.dl-opt small{opacity:.7;font-size:13px;line-height:1.4;display:block}.dl-opt em{font:500 12px var(--font-mono), monospace;opacity:.7;white-space:nowrap;font-style:normal}.dl-opt.off{opacity:.5;cursor:not-allowed;grid-template-columns:1fr auto}.dl-opt.off:hover{background:var(--card-2);transform:none}.dl-arrow{background:var(--coral);color:#fff;border-radius:50%;width:26px;height:26px;padding:6px}.dl-warn{color:#ffc08a;background:#ff94451f;border-radius:10px;margin:14px 0 0;padding:10px 14px;font-size:14px}.dl-which{color:var(--ink-3);margin:16px 0 0;font-size:13.5px;line-height:1.55}.dl-which b{color:var(--ink-2);font-weight:600}.dl-card h3{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 10px;font-size:11.5px;font-weight:700}.dl-req{color:var(--ink-2);gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.dl-req li{gap:10px;line-height:1.45;display:flex}.dl-req li:before{content:"";background:var(--violet);border-radius:2px;flex:none;width:7px;height:7px;margin-top:7px}.dl-next{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:22px;margin-top:26px;padding:34px 36px;scroll-margin:120px}.dl-next-kicker{letter-spacing:.16em;text-transform:uppercase;color:#3ddc84;align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.dl-next h2{font:400 clamp(28px, 3vw, 40px)/1.1 var(--font-display), serif;margin:0 0 18px}.dl-next ol{color:var(--ink-2);gap:10px;margin:0;padding-left:22px;display:grid}.dl-next li::marker{color:var(--coral);font-weight:700}.dl-extra{grid-template-columns:1fr auto;align-items:center;gap:18px;margin-top:26px;display:grid}.dl-extra .dl-opt{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule)}.dl-all{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;font-size:12.5px;font-weight:700;text-decoration:none}.dl-all:hover{color:var(--ink)}@media (max-width:1080px){.dl-grid{grid-template-columns:1fr;max-width:640px}}@media (max-width:560px){.nav .gh{display:none}.nav-dl{height:36px;padding:0 14px;font-size:11px}.brand span{display:none}.dl{padding-top:50px}.dl-card{padding:22px}.dl-opt{grid-template-columns:1fr auto}.dl-opt em{grid-area:2/1}.dl-opt .dl-arrow{grid-area:1/2/span 2}.dl-extra{grid-template-columns:1fr}.dl-next{padding:26px 22px}}.guide{padding:90px 0 60px}.guide-head{max-width:760px}.guide-head .step-rule{color:var(--violet)}.guide-body{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:56px;margin-top:40px;display:grid}.guide-side{scrollbar-width:thin;max-height:calc(100svh - 124px);padding-right:8px;position:sticky;top:104px;overflow-y:auto}.side-grp{margin-bottom:22px}.side-grp p{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-3);margin:0 0 8px;font-size:11px;font-weight:700}.side-grp a{color:var(--ink-2);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-left:-10px;padding:6px 10px;font-size:14.5px;text-decoration:none;transition:background .2s,color .2s;display:flex}.side-grp a:hover{color:var(--ink);background:#ffffff0a}.side-grp a[aria-current=true]{color:var(--ink);box-shadow:inset 2px 0 0 var(--violet);background:#a65cf224}.side-grp kbd{opacity:.8;padding:0 5px;font-size:11px}.doc-grp{padding-bottom:30px}.doc-grp+.doc-grp{border-top:1px solid var(--rule);padding-top:40px}.doc-grp-title{font:400 clamp(34px, 3.6vw, 50px)/1.05 var(--font-display), serif;margin:0 0 8px}.doc-grp-intro{max-width:64ch;color:var(--ink-2);margin:0 0 26px}.doc{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);border-radius:20px;grid-template-columns:minmax(0,1fr) 272px;align-items:start;gap:30px;margin-top:18px;padding:28px 30px;scroll-margin-top:104px;display:grid}.doc-main{grid-area:1/1;min-width:0}.doc-demo{aspect-ratio:64/36;width:100%;height:auto;image-rendering:pixelated;box-shadow:inset 0 0 0 1px var(--rule-2), 0 20px 40px -24px #a65cf299;border-radius:12px;grid-area:1/2}.doc.has-shot{display:block}.doc-shot{box-shadow:inset 0 0 0 1px var(--rule-2), 0 30px 60px -40px #a65cf299;background:#1e1e1e;border-radius:14px;margin:0 0 26px;position:relative;overflow:hidden}.doc-shot img{width:100%;height:auto;display:block}.doc-shot .doc-demo{width:26%;max-width:220px;position:absolute;bottom:14px;right:14px;box-shadow:0 0 0 1px #ffffff38,0 18px 40px -10px #000}.doc-head{align-items:flex-start;gap:18px;display:flex}.doc-key{width:52px;height:52px;font:700 20px var(--font-mono), monospace;color:#fff;background:var(--ramp);background-size:300% 100%;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:inset 0 -4px #0003,inset 0 2px #ffffff40,0 10px 26px -12px #a65cf2cc}.doc:nth-child(3n+1) .doc-key{background-position:0 0}.doc:nth-child(3n+2) .doc-key{background-position:50% 0}.doc:nth-child(3n) .doc-key{background-position:100% 0}.doc h3{font:400 26px/1.15 var(--font-display), serif;margin:2px 0 4px}.doc-head p{color:var(--ink-2);margin:0;font-size:16px}.doc-steps{color:var(--ink-2);gap:8px;margin:20px 0 0;padding-left:22px;font-size:15.5px;display:grid}.doc-steps li::marker{color:var(--coral);font-weight:700}.doc-mods{background:var(--rule);border-radius:12px;gap:1px;margin:20px 0 0;display:grid;overflow:hidden}.doc-mods div{background:var(--card-2);grid-template-columns:minmax(150px,auto) 1fr;align-items:center;gap:16px;padding:10px 14px;display:grid}.doc-mods dt{margin:0}.doc-mods dd{color:var(--ink-2);margin:0;font-size:14.5px}.keys{flex-wrap:wrap;align-items:center;gap:2px;display:inline-flex}.keys i{color:var(--ink-3);margin:0 3px;font-size:12px;font-style:normal}.doc-tip{color:#c9d6ff;background:#5f88ff1a;border-radius:12px;margin:18px 0 0;padding:12px 16px;font-size:14.5px}.doc-tip:before{content:"Tip  ";letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-size:11px;font-weight:700}@media (max-width:960px){.guide-body{grid-template-columns:1fr;gap:20px}.guide-side{z-index:5;padding:10px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--rule);scrollbar-width:none;background:#0b0a0feb;gap:6px;max-height:none;margin:0 -24px;padding-inline:24px;display:flex;position:sticky;top:70px;overflow:auto hidden}.side-grp{display:contents}.side-grp p{display:none}.side-grp a{box-shadow:inset 0 0 0 1px var(--rule-2);border-radius:999px;flex:none;margin:0;padding:6px 12px;font-size:13px}.side-grp a[aria-current=true]{box-shadow:inset 0 0 0 1px var(--violet)}.side-grp kbd{display:none}.doc,.doc-grp-title{scroll-margin-top:150px}}@media (max-width:560px){.guide{padding-top:50px}.doc{padding:22px 20px}.doc-mods div{grid-template-columns:1fr;gap:6px}}@media (max-width:760px){.doc{grid-template-columns:1fr;gap:20px}.doc-demo{grid-area:1/1}.doc-main{grid-row:2}.doc-shot .doc-demo{border-radius:8px;width:38%;bottom:8px;right:8px}}