@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_semibold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains_mono_bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace;--backdrop:linear-gradient(135deg,#fefefe,#fdfcfa 35%,#fbf8f5 70%,#f9f5f0);--backdrop-flat:#fbf8f5;--paper:#faf6f1;--paper2:#f4ede5;--side:#e1d4c4;--shell:linear-gradient(#f4ede5,#f1e9df);--ink:#3b342d;--muted:#7c7166;--accent:#3b342d;--accent-ink:#f4ede5;--accent-side:#211c17;--line:#3b342d33;--key-shadow:#2a1e1229;--sheen:#ffffff1f;--arrive:#3b342d;--reject:#e0796b;--scrim:#0009;--cell:64px;--out:cubic-bezier(.16,1,.3,1);--field-alpha:.3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--backdrop:#1f1f1f;--backdrop-flat:#1f1f1f;--paper:#262626;--paper2:#2f2f2f;--side:#212121;--shell:linear-gradient(#252525,#222);--ink:#ededed;--muted:#a6a8ad;--accent:#d4d6da;--accent-ink:#1b1c1e;--accent-side:#8e9095;--line:#ffffff1f;--key-shadow:#0000006b;--sheen:#ffffff09;--arrive:#f5ffea;--reject:#ffb4a8;--field-alpha:.16}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--backdrop:#1f1f1f;--backdrop-flat:#1f1f1f;--paper:#262626;--paper2:#2f2f2f;--side:#212121;--shell:linear-gradient(#252525,#222);--ink:#ededed;--muted:#a6a8ad;--accent:#d4d6da;--accent-ink:#1b1c1e;--accent-side:#8e9095;--line:#ffffff1f;--key-shadow:#0000006b;--sheen:#ffffff09;--arrive:#f5ffea;--reject:#ffb4a8;--field-alpha:.16}.red{--light:#e09a91;--deep:#ae546b;--flat:#e69a99}.blue{--light:#93d2db;--deep:#3b88a6;--flat:#88cedd}.green{--light:#a6d7ad;--deep:#4b896b;--flat:#9fd6b5}.yellow{--light:#f0d38b;--deep:#b88a43;--flat:#edcc82}.purple{--light:#c9b8e1;--deep:#8464a9;--flat:#bba9dc}.white{--light:#f3f4df;--deep:#c3cfbc;--flat:#e4ecdf}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--backdrop) fixed;background-color:var(--backdrop-flat);min-height:100vh;color:var(--ink);font:400 16px/1.6 var(--mono);margin:0}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:6px}.key{--depth:3px;--wall:var(--side);--face:var(--paper2);cursor:pointer;background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--face);min-height:48px;color:var(--ink);font:600 14px/1.2 var(--mono);letter-spacing:.05em;text-align:center;box-shadow:0 var(--depth) 0 var(--wall),0 calc(var(--depth) + 6px) 14px var(--key-shadow);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;text-decoration:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease-out;display:inline-flex}.key:active:not([aria-disabled=true]){transform:translateY(var(--depth)) scale(.97);box-shadow:0 0 0 var(--wall),0 1px 3px var(--key-shadow);transition-duration:45ms;transition-timing-function:ease-out}.key.primary{--face:var(--accent);--wall:var(--accent-side);color:var(--accent-ink)}.key.invert{--face:var(--accent-ink);--wall:color-mix(in srgb,var(--accent-ink) 72%,#000);color:var(--accent)}.key.icon{width:48px;padding:0}.key svg{flex:none;width:20px;height:20px}.key[aria-disabled=true]{cursor:default;color:var(--muted)}.key small{letter-spacing:0;opacity:.75;font-size:12px;font-weight:400;display:block}.label{font:700 11px/1.2 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}::selection{background:var(--accent);color:var(--accent-ink)}html{scrollbar-color:var(--muted) transparent}.wordmark{letter-spacing:.3em;color:var(--accent);margin-right:-.3em;font-weight:700}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{width:min(1120px,100%);margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}section{padding:64px 0;scroll-margin-top:72px}@media (width>=720px){section{padding:112px 0}}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font:700 clamp(28px,5.2vw,56px)/1.08 var(--mono);letter-spacing:-.035em;text-wrap:balance;padding-bottom:.12em;overflow:hidden}.section-head h2 span{transition:transform .8s var(--out);display:block;transform:translateY(105%)}.section-head p{max-width:60ch;color:var(--muted);opacity:0;margin-top:14px;transition:opacity .6s ease-out .25s}.section-head.in h2 span{transform:none}.section-head.in p{opacity:1}@media (prefers-reduced-motion:reduce){.section-head h2 span{transform:none}.section-head p{opacity:1}}.site-header{z-index:20;background:color-mix(in srgb,var(--backdrop-flat) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .wrap{align-items:center;gap:16px;min-height:64px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;text-decoration:none;display:inline-flex}.brand .mark{width:28px;height:28px;color:var(--accent);transition:transform .9s var(--out)}.brand:hover .mark{transform:rotate(90deg)}.site-nav{letter-spacing:.03em;gap:22px;margin-left:auto;font-size:13px;font-weight:600;display:none}.site-nav a{color:var(--muted);padding:6px 0;text-decoration:none;transition:color .2s;position:relative}.site-nav a:after{content:"";background:var(--ink);transform-origin:0;height:2px;transition:transform .35s var(--out);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--ink)}.site-nav a:hover:after{transform:scaleX(1)}.header-actions{gap:10px;margin-left:auto;display:flex}.header-actions .key{--depth:2px;min-height:40px}.header-actions .key.icon{width:40px}@media (width>=860px){.site-header .wrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.site-header .brand{justify-self:start}.site-nav{margin-left:0;display:flex}.header-actions{justify-self:end;margin-left:0}}@media (width<=420px){.header-actions .unlock span{display:none}.header-actions .unlock:after{content:"Worlds"}}.hero{padding:36px 0 56px;position:relative;overflow:hidden}.hero-field{pointer-events:none;width:100%;height:100%;animation:1.6s ease-out both field-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}@keyframes field-in{0%{opacity:0}}.hero .wrap{gap:28px;display:grid;position:relative}@media (width<=899px){.hero-more{order:3}}@media (width>=900px){.hero{padding:0}.hero .wrap{grid-template-rows:1fr auto 1fr;grid-template-columns:1fr minmax(380px,440px);gap:0 56px;min-height:min(100svh - 64px,820px);padding-block:88px 24px}.hero-copy{grid-area:1/1;align-self:end}.hero-more{grid-area:2/1;margin-top:30px}.stage{grid-area:1/2/4/3;align-self:center}}.hero h1{font:700 clamp(30px,9.4vw,60px)/1.04 var(--mono);letter-spacing:-.04em;margin-bottom:22px}.hero h1 .line{white-space:nowrap;margin-bottom:-.12em;padding-bottom:.12em;display:block;overflow:hidden}.hero h1 .line>span{animation:line-up .9s var(--out) both;display:block}.hero h1 .line:nth-child(2)>span{animation-delay:.1s}@keyframes line-up{0%{transform:translateY(110%)}}.hero-lede{color:var(--muted);max-width:46ch;animation:fade-up .7s var(--out) .35s both;font-size:clamp(15px,1.5vw,17px)}.hero-more{animation:fade-up .7s var(--out) .45s both}.hero-cta{flex-wrap:wrap;gap:14px;display:flex}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}.stage{animation:fade-up .8s var(--out) .2s both}.stage-top{justify-content:space-between;align-items:center;gap:12px;min-height:52px;margin-bottom:12px;display:flex}.stage-title{letter-spacing:.03em;font-size:15px;font-weight:600}.stage-title .label{margin-bottom:3px;display:block}.stage-target{align-items:center;gap:10px;display:flex}.platform{background:var(--shell);min-height:340px;box-shadow:0 10px 0 var(--side),0 24px 30px var(--key-shadow);transition:transform .5s var(--out);border-radius:24px;place-items:center;padding:28px 16px;display:grid;position:relative}.platform.resetting{box-shadow:0 5px 0 var(--accent),0 14px 24px var(--key-shadow);transition:transform .15s,box-shadow .15s;transform:translateY(5px)}.platform:not(.resetting){transition:transform .22s,box-shadow .22s}.platform.solved{animation:thump .5s var(--out) .28s}@keyframes thump{30%{box-shadow:0 6px 0 var(--side),0 14px 20px var(--key-shadow);transform:translateY(4px)}}.stage-controls{align-items:center;gap:10px;margin-top:26px;display:flex}.dots{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.dot{--depth:2px;letter-spacing:0;border-radius:10px;width:34px;min-height:34px;padding:0;font-size:12px}.dot svg{width:13px;height:13px}.dot.done{--face:color-mix(in srgb,var(--paper2) 86%,var(--accent))}.dot[aria-current=true]{--face:var(--accent);--wall:var(--accent-side);color:var(--accent-ink)}.stage-note{min-height:56px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13.5px;display:flex}.stage-note.win{color:var(--ink);animation:fade-up .32s var(--out);font-weight:600}.board{--gap:5px;--cell:min(88px,calc((min(100vw,480px) - 80px - (var(--cols) - 1) * var(--gap)) / var(--cols)));grid-template-columns:repeat(var(--cols),var(--cell));grid-auto-rows:var(--cell);gap:var(--gap);touch-action:none;display:grid;position:relative}.cell{position:relative}.cell.hole{visibility:hidden}.cell.in-motion{z-index:2}.cell.front{z-index:3}.board-ink{z-index:0;pointer-events:none;background:radial-gradient(ellipse,var(--light),transparent 72%);border-radius:50%;height:80px;animation:1.2s linear both board-ink;position:absolute}@keyframes board-ink{0%{opacity:.6;transform:translate(-50%,-50%) rotate(var(--angle)) scale(.1,.05)}15%{opacity:.45;transform:translate(-50%,-50%) rotate(var(--angle)) scale(1,.3)}65%{opacity:.18;transform:translate(-50%,-50%) rotate(var(--angle)) scale(1.5,1.4)}to{opacity:0;transform:translate(-50%,-50%) rotate(var(--angle)) scale(1.8,2)}}.tile{--wall:color-mix(in srgb,var(--deep) 60%,#000);--rest:inset 0 0 0 1.5px #ffffff73,0 calc(var(--cell) * .055) 0 var(--wall),0 calc(var(--cell) * .095) calc(var(--cell) * .12) #0003;z-index:1;cursor:pointer;isolation:isolate;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,var(--light),var(--deep));width:100%;height:100%;box-shadow:var(--rest);-webkit-tap-highlight-color:transparent;border:0;border-radius:23%;place-items:center;padding:0;transition:transform .14s,box-shadow .14s;display:grid;position:relative;overflow:hidden}span.tile{cursor:default;width:var(--cell);height:var(--cell);flex:none}.tile.white{color:#45474c}.tile:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffffff47,#0000 48%,#00000029);position:absolute;inset:0}.tile svg{pointer-events:none;filter:drop-shadow(0 -1px #0003);width:44%;height:44%;transition:transform .3s var(--out)}.tile.white svg{filter:none}.board .tile{transition:none}.tile.hovered:after{content:"";pointer-events:none;background:#ffffff1a;position:absolute;inset:0}.tile.selected{box-shadow:var(--rest),0 0 0 3px var(--ink);z-index:3;transform:translateY(-5px)scale(1.035)}.tile.dragging{z-index:40;box-shadow:var(--rest);transition:none}.tile.moving{z-index:4;transition:none}.tile.arrived{animation:.42s ease-out arrive}.tile.rejected{animation:.3s ease-out reject}.tile.hinted{animation:.8s ease-in-out 2 hint}@keyframes arrive{40%{box-shadow:var(--rest),0 0 0 3px var(--arrive)}}@keyframes reject{50%{box-shadow:var(--rest),0 0 0 3px var(--reject)}}@keyframes hint{50%{box-shadow:var(--rest),0 0 0 4px var(--ink);transform:scale(1.04)}}.board.solved .tile{cursor:default;animation:solve .7s var(--out) both;animation-delay:calc(var(--order) * 45ms)}@keyframes solve{30%{box-shadow:var(--rest),0 0 0 3px var(--flat);transform:translateY(-12px)scale(1.06)}60%{transform:translateY(2px)}}.burst{z-index:5;pointer-events:none;position:absolute;inset:0}.burst i{width:var(--s);height:var(--s);background:linear-gradient(145deg,var(--light),var(--deep));opacity:0;animation:burst 1.25s var(--out) var(--d) both;border-radius:25%;position:absolute;top:50%;left:50%}@keyframes burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) rotate(var(--r))}}@media (prefers-reduced-motion:reduce){.burst,.board-ink{display:none}}.mini{--m:16px;grid-template-columns:repeat(var(--cols),var(--m));grid-auto-rows:var(--m);gap:3px;display:inline-grid}.mini-cell{background:var(--flat);border-radius:25%}.mini-cell.hole{background:0 0}@keyframes slide{to{transform:translate(-50%)}}.statement{max-width:22em;font:700 clamp(24px,4.4vw,48px)/1.28 var(--mono);letter-spacing:-.03em;text-wrap:pretty}.tile.inline{--cell:1.05em;vertical-align:-.16em;opacity:0;transition:transform .7s var(--out),opacity .3s;margin:0 .08em;display:inline-grid;transform:scale(.4)rotate(-20deg)}.statement.in .tile.inline{opacity:1;transform:none}.statement .tile.inline:first-of-type{transition-delay:.1s}.statement .tile.inline:nth-of-type(2){transition-delay:.25s}.statement .tile.inline:nth-of-type(3){transition-delay:.4s}.statement .tile.inline:nth-of-type(4){transition-delay:.55s}@media (prefers-reduced-motion:reduce){.tile.inline{opacity:1;transform:none}}.facts{gap:28px;margin-top:56px;display:grid}@media (width>=720px){.facts{grid-template-columns:repeat(3,1fr);gap:40px}}.facts div{border-top:2px solid var(--ink);padding-top:18px}.facts dt{font:700 clamp(40px,6vw,64px)/1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.facts dd{color:var(--muted);max-width:30ch;margin-top:10px;font-size:14.5px}.showcase{align-items:center;gap:28px;display:grid}@media (width>=900px){.showcase{grid-template-columns:auto minmax(320px,400px) 1fr;gap:48px}}.picks{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}@media (width>=900px){.picks{grid-template-columns:1fr;gap:10px}}.pick{cursor:pointer;font:600 11px/1.2 var(--mono);letter-spacing:.04em;color:var(--muted);--cell:44px;transition:background .25s,color .25s,transform .4s var(--out);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 4px;display:flex}.pick span:last-child{display:none}@media (width>=900px){.pick{--cell:48px;flex-direction:row;gap:14px;padding:8px 18px 12px 10px;font-size:14px}.pick span:last-child{display:inline}}.pick .tile{transition:transform .4s var(--out)}.pick:hover .tile{transform:translateY(-3px)rotate(-4deg)}.pick[aria-pressed=true]{background:var(--paper2);color:var(--ink);box-shadow:0 3px 0 var(--side),0 10px 14px var(--key-shadow)}.pick[aria-pressed=true] .tile{transform:scale(1.06)}.showcase-stage{background:var(--shell);box-shadow:0 10px 0 var(--side),0 24px 30px var(--key-shadow);border-radius:28px;place-items:center;padding:clamp(18px,4vw,34px);display:grid}.demo{--s:clamp(40px,11.5vw,56px);--g:7px;--step:calc(var(--s) + var(--g));--cell:var(--s);position:relative}.demo-cells,.demo-actors{grid-template-columns:repeat(5,var(--s));grid-auto-rows:var(--s);gap:var(--g);display:grid}.demo-cells i{background:color-mix(in srgb,var(--ink) 7%,transparent);border-radius:23%;transition:background .4s,box-shadow .4s}.demo-cells i.to{background:color-mix(in srgb,var(--flat) 55%,transparent);box-shadow:inset 0 0 0 2px var(--flat)}.demo-actors{position:absolute;inset:0}.actor{transition:transform .46s var(--out);grid-area:3/3}.actor.helper{grid-area:2/3}.showcase-copy h3{font:700 clamp(30px,5vw,52px)/1.05 var(--mono);letter-spacing:-.03em;animation:fade-up .5s var(--out)}.showcase-copy .rule{max-width:30ch;color:var(--muted);animation:fade-up .5s var(--out) 60ms both;margin:14px 0 26px;font-size:clamp(16px,1.8vw,19px)}.modes{background:color-mix(in srgb,var(--paper2) 55%,transparent);border-block:1px solid var(--line)}.mode-grid{perspective:1400px;gap:26px;display:grid}@media (width>=820px){.mode-grid{grid-template-columns:1fr 1fr}}.panel{background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--paper2);box-shadow:0 8px 0 var(--side),0 22px 28px var(--key-shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--out);border-radius:28px;flex-direction:column;padding:30px 26px 28px;display:flex;position:relative;overflow:hidden}.panel:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,currentColor 9%,transparent),transparent 70%);transition:opacity .4s;position:absolute;inset:0}@media (hover:hover){.panel:hover:after{opacity:1}}.panel.worlds{background:linear-gradient(to bottom,var(--sheen),transparent 50%),var(--accent);color:var(--accent-ink);box-shadow:0 8px 0 var(--accent-side),0 22px 28px var(--key-shadow)}.panel.worlds .panel-sub,.panel.worlds .price-note,.panel.worlds .panel-stat{color:inherit;opacity:.76}.panel-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.panel h3{font:700 clamp(34px,6.4vw,58px)/1 var(--mono);letter-spacing:.04em;text-transform:uppercase}.price{font:700 clamp(17px,2.2vw,22px)/1 var(--mono);white-space:nowrap}.panel-sub{color:var(--muted);margin-top:12px;font-size:14.5px}.panel-stat{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:12px;font-size:13px;font-weight:600}.journey-scene{perspective:700px;pointer-events:none;place-items:center;height:230px;margin-top:16px;display:grid;position:relative}.journey-deck{transform-style:preserve-3d;position:relative;transform:rotateX(28deg)rotate(-16deg)}.journey-deck:before,.journey-deck:after{content:"";background:var(--paper);box-shadow:0 5px 0 var(--side),0 12px 20px var(--key-shadow);border-radius:24px;position:absolute;inset:0}.journey-deck:before{opacity:.45;transform:translate(15px,-12px)rotate(12deg)translateZ(-12px)}.journey-deck:after{opacity:.7;transform:translate(-12px,10px)rotate(-8deg)translateZ(-6px)}.journey-puzzle{z-index:1;background:var(--shell);box-shadow:0 8px 0 var(--side),0 22px 24px var(--key-shadow);--cell:44px;border-radius:24px;grid-template-columns:repeat(3,44px);gap:7px;padding:16px;display:grid;position:relative}.journey-puzzle .tile{color:#fff}.journey-puzzle .tile.white{color:#45474c}.journey-puzzle .swap-out{z-index:3;animation:journey-swap-out 6s var(--out) infinite paused}.journey-puzzle .swap-back{animation:journey-swap-back 6s var(--out) infinite paused}.journey-scene.live .swap-out,.journey-scene.live .swap-back{animation-play-state:running}@keyframes journey-swap-out{0%,15%,85%,to{transform:none}24%{transform:translateY(-12px)scale(1.08)}38%,62%{transform:translate(51px)}73%{transform:translate(51px,-12px)scale(1.08)}}@keyframes journey-swap-back{0%,24%,73%,to{transform:none}38%,62%{transform:translate(-51px)}}.journey-loose{--cell:34px;position:absolute}.journey-loose .tile{color:#fff}.journey-loose .tile.white{color:#45474c}.loose-purple{top:25%;left:9%;transform:rotate(-22deg)}.loose-yellow{--cell:28px;top:16%;right:8%;transform:rotate(18deg)}.loose-green{bottom:17%;right:7%;transform:rotate(24deg)}.loose-white{--cell:26px;bottom:13%;left:13%;transform:rotate(12deg)}.journey-spark{width:12px;height:12px;color:var(--muted);opacity:.55;position:absolute}.journey-spark:before,.journey-spark:after{content:"";background:currentColor;border-radius:2px;position:absolute}.journey-spark:before{width:2px;height:100%;left:5px}.journey-spark:after{width:100%;height:2px;top:5px}.spark-one{top:9%;left:25%;transform:rotate(12deg)}.spark-two{bottom:7%;right:23%;transform:rotate(20deg)scale(.7)}@media (width<=420px){.loose-purple{left:1%}.loose-yellow{right:1%}.loose-green{right:0}.loose-white{left:3%}}@media (prefers-reduced-motion:reduce){.journey-puzzle .swap-out,.journey-puzzle .swap-back{animation:none}}.drifts{gap:8px;min-height:74px;margin:24px -26px 0;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.drift{width:max-content;animation:30s linear infinite paused slide;display:flex}.drift.reverse{animation-duration:38s;animation-direction:reverse}.drifts.live .drift{animation-play-state:running}.drift>span{flex:none;display:flex}.drift b{background:color-mix(in srgb,currentColor 10%,transparent);border-radius:10px;place-items:center;width:50px;height:33px;margin-right:8px;display:grid}.drift .mini{--m:8px;gap:2px}@media (prefers-reduced-motion:reduce){.panel{transform:none}}.panel ul{gap:10px;margin:22px 0 28px;font-size:14px;display:grid}.panel li{grid-template-columns:18px 1fr;align-items:start;gap:10px;display:grid}.panel li svg{width:18px;height:18px;margin-top:2px}.panel .key{width:100%;min-height:58px;margin-top:auto;font-size:15px}.price-note{color:var(--muted);text-align:center;margin-top:12px;font-size:12.5px}@media (width>=820px){.mode-grid{grid-template-rows:repeat(10,auto);row-gap:0}.mode-grid>.panel{grid-row:span 10;grid-template-rows:subgrid;row-gap:0;display:grid}.mode-grid .journey-scene,.mode-grid .drifts{height:230px;margin-top:16px}.mode-grid .drifts{align-content:center}.mode-grid .panel>ul{grid-row:5/span 4;grid-template-rows:subgrid}.mode-grid .panel>.key{grid-row:9}.mode-grid .price-note{grid-row:10}}.shared-features{color:var(--muted);margin-top:28px;font-size:14px}.shared-features strong{color:var(--ink)}.how{counter-reset:how;gap:22px;margin-top:48px;display:grid}@media (width>=720px){.how{grid-template-columns:repeat(3,1fr);gap:32px}}.how li{counter-increment:how;color:var(--muted);grid-template-columns:auto 1fr;column-gap:14px;font-size:14px;display:grid}.how li:before{content:counter(how);background:var(--accent);width:38px;height:38px;color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-side);border-radius:12px;grid-row:span 2;place-items:center;font-weight:700;display:grid}.how strong{color:var(--ink);font-weight:600}.phones{scroll-snap-type:x mandatory;scrollbar-width:none;gap:36px;padding:16px 8px 28px;display:flex;overflow-x:auto}@media (width>=820px){.phones{justify-content:center;overflow:visible}}.phone{scroll-snap-align:center;flex:none;width:220px;animation:7s ease-in-out infinite alternate paused float}.phone:nth-child(2){margin-top:28px;animation-delay:-2.3s}.phone:nth-child(3){animation-delay:-4.6s}.phones.live .phone{animation-play-state:running}@keyframes float{0%{transform:translateY(-6px)}to{transform:translateY(8px)}}.phone-body{background:var(--backdrop-flat);height:420px;box-shadow:0 0 0 5px var(--side),0 24px 30px var(--key-shadow);border-radius:28px;flex-direction:column;gap:10px;padding:14px 12px;display:flex}.phone figcaption{color:var(--muted);text-align:center;margin-top:22px;font-size:13px}.phone-bar{justify-content:space-between;align-items:center;font-size:12px;display:flex}.phone-bar .mark{width:20px;height:20px;color:var(--accent)}.pk{background:var(--paper2);box-shadow:0 2px 0 var(--side);letter-spacing:.05em;border-radius:10px;place-items:center;font-size:13px;font-weight:700;display:grid}.pk.sq{width:26px;height:26px}.pk.big{box-shadow:0 5px 0 var(--side);text-transform:uppercase;border-radius:22px;flex:1}.phones.live .pk.big{animation:press 5s var(--out) infinite}.phones.live .pk.big.second{animation-delay:2.5s}@keyframes press{0%,10%,to{box-shadow:0 5px 0 var(--side);transform:none}4%{box-shadow:0 1px 0 var(--side);transform:translateY(4px)scale(.98)}}.pk.on{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 0 var(--accent-side)}.level-grid{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.level-grid .pk{aspect-ratio:1;font-size:9px;font-weight:400}.level-grid .pk.solved{background:color-mix(in srgb,var(--paper2) 80%,var(--accent))}.phones.live .level-grid .pk{animation:pop .5s var(--out) both;animation-delay:calc(var(--i) * 40ms)}@keyframes pop{0%{opacity:0;transform:scale(.6)}}.level-grid .mini{--m:7px;gap:1.5px}.phone-row{gap:8px;margin-top:auto;display:flex}.phone-row .pk{flex:1;height:30px;font-size:10px;font-weight:600}.faq{max-width:780px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;transition:padding .3s var(--out);justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:clamp(15px,1.7vw,17px);font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:12px;height:12px;transition:transform .35s var(--out);flex:none;transform:rotate(45deg)translate(-3px,-3px)}.faq summary:hover{padding-left:8px}.faq details[open] summary:after{transform:rotate(225deg)translate(-3px,-3px)}.faq p{color:var(--muted);max-width:64ch;padding:0 0 22px;font-size:14.5px}.faq details[open] p{animation:fade-up .4s var(--out)}.final{text-align:center;overflow:hidden}.wave{--cell:clamp(44px,11vw,84px);justify-content:center;gap:clamp(8px,2vw,16px);margin-bottom:40px;display:flex}.wave>span{animation:2.8s ease-in-out infinite paused bob;animation-delay:calc(var(--i) * -.32s)}.wave.live>span{animation-play-state:running}@keyframes bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(4deg)}}.final h2{max-width:18em;font:700 clamp(28px,5.4vw,56px)/1.1 var(--mono);letter-spacing:-.035em;text-wrap:balance;margin:0 auto 30px}.final .hero-cta{justify-content:center}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0 40px;font-size:13px}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.site-footer nav{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}.site-footer a{text-underline-offset:4px}.sheet{border:1px solid var(--line);background:var(--paper2);width:min(480px,100%);max-width:100%;max-height:92dvh;color:var(--ink);border-bottom:0;border-radius:28px 28px 0 0;margin:auto auto 0;padding:26px 22px 28px;overflow:auto}@media (width>=640px){.sheet{border-bottom:1px solid var(--line);border-radius:28px;margin:auto}}.sheet[open]{animation:sheet .42s var(--out)}.sheet::backdrop{background:var(--scrim);animation:.3s ease-out field-in}@keyframes sheet{0%{opacity:0;transform:translateY(60px)}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.sheet h2{font:700 26px/1.2 var(--mono);letter-spacing:-.02em}.sheet p{color:var(--muted);font-size:14px}.sheet .price{color:var(--ink);margin:18px 0 6px;font-size:34px;display:block}.sheet ul{gap:8px;margin:16px 0 22px;font-size:14px;display:grid}.sheet li{grid-template-columns:18px 1fr;gap:10px;display:grid}.sheet li svg{width:18px;height:18px;margin-top:2px}.sheet form{gap:12px;display:grid}.sheet label{font-size:13px;font-weight:600}.sheet input{border:2px solid var(--line);background:var(--paper);width:100%;min-height:52px;color:var(--ink);caret-color:var(--ink);font:400 15px var(--mono);border-radius:14px;margin-top:6px;padding:0 14px;transition:border-color .2s}.sheet input::placeholder{color:var(--muted)}.sheet input:focus-visible{border-color:var(--ink);outline:none}.sheet .key:not(.icon){width:100%;min-height:54px}.sheet .key.icon{flex:none}.notice{border:1px solid var(--line);color:var(--ink);border-radius:14px;margin:16px 0;padding:12px 14px;font-size:13.5px}.sheet p.notice{color:var(--ink)}.notice.bad{border-color:var(--reject)}.sheet-fine{text-align:center;margin-top:14px;font-size:12px}.legal{max-width:720px;margin:0 auto;padding:48px 16px 80px}.legal h1{font:700 30px/1.2 var(--mono);margin:18px 0}.legal h2{font:600 17px/1.3 var(--mono);margin:28px 0 8px}.legal p{color:var(--muted);margin-bottom:12px}.creator-layout{align-items:start;gap:40px;display:grid}.creator-guide{gap:20px;display:grid}.creator-guide p{max-width:50ch;font-size:14px}.creator-steps{gap:18px;display:grid}.creator-steps li{color:var(--muted);align-items:center;gap:14px;font-size:15px;display:flex}.creator-steps li>span{background:var(--paper2);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.creator-steps li[aria-current=step]{color:var(--ink)}.creator-steps li[aria-current=step]>span{background:var(--accent);color:var(--accent-ink)}.creator-purchase{justify-items:start;gap:16px;margin-top:12px;display:grid}.creator-purchase small,.creator-storage{color:var(--muted);max-width:48ch;font-size:12px}.creator-editor{text-align:center;min-width:0}.creator-editor h3{font-size:17px;font-weight:600}.creator-strip{justify-content:center;align-items:center;height:96px;font-size:13px;display:flex}.creator-palette{direction:ltr;justify-content:center;gap:6px;width:100%;display:flex}.palette-tile{--cell:clamp(36px,calc((100vw - 72px) / 6),56px);cursor:pointer;touch-action:none;background:0 0;border:0;place-items:center;min-width:48px;min-height:64px;padding:6px 0;display:grid}.palette-tile.selected .tile{box-shadow:var(--rest),0 0 0 3px var(--ink);transform:translateY(-5px)}.creator-platform{height:420px;min-height:420px;padding:24px 12px}.creator-grid-shell{position:relative}.creator-platform .board{--cell:min(88px,calc((min(100vw - 32px,540px) - 28px - (var(--cols) - 1) * 5px) / var(--cols)),calc((360px - (var(--rows) - 1) * 5px) / var(--rows)))}.building .creator-platform .board{--cell:min(68px,calc((min(100vw - 32px,540px) - 48px) / 5))}.creator-platform .cell{transform-origin:0 0}.creator-platform .tile svg{transition:none}.tile.empty-slot{background:color-mix(in srgb,var(--paper2) 90%,var(--ink));--wall:color-mix(in srgb,var(--paper2) 85%,var(--side));box-shadow:0 3px 0 var(--wall),0 5px 7px var(--key-shadow)}.tile.empty-slot:before{opacity:.3}.creator-resize{cursor:nwse-resize;touch-action:none;z-index:5;background:0 0;border:0;width:48px;height:48px;padding:0;position:absolute;bottom:-24px;right:-24px}.creator-resize:after{content:"";background:var(--accent);width:22px;height:22px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;margin:auto;display:block}.creator-dimensions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:24px;font-size:12px;display:flex}.creator-dimensions label{align-items:center;gap:8px;display:flex}.creator-dimensions select{font:inherit;color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:10px;min-width:48px;min-height:48px;padding:8px}.creator-controls{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.creator-editor .key{letter-spacing:0;padding-inline:14px}.creator-editor button:disabled{opacity:.5;cursor:default}.creator-message{min-height:66px;margin-top:22px;font-size:13px}.creator-message.error{color:var(--ink);font-weight:600}.creator-storage{min-height:40px;margin:auto}.creator-ghost{z-index:100;pointer-events:none;position:fixed;transform:translate(-50%,-50%)scale(1.045)}.creator-platform .tile.dragging{opacity:.3}.creator-link{text-underline-offset:5px;align-items:center;min-height:48px;margin-inline-start:20px;font-size:14px;display:inline-flex}@media (width>=900px){.creator-layout{grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:64px}.creator-guide{padding-top:32px}}@media (width<=400px){.creator-palette{gap:0}.creator-platform{height:370px;min-height:370px}}.creator-platform .board.solved .tile{animation:creator-swell var(--swell-ms) linear calc(var(--order) * 16ms) both,creator-ring .83s linear both}@keyframes creator-swell{0%,to{transform:scale(1)}25%,75%{transform:scale(1.025)}50%{transform:scale(1.035)}}@keyframes creator-ring{0%,78.3%{box-shadow:var(--rest),0 0 0 3px color-mix(in srgb,var(--light) 35%,transparent)}to{box-shadow:var(--rest),0 0 0 3px transparent}}