:root{--paper:#f1ece2;--paper-2:#e7dfcf;--ink:#11100d;--ink-2:#2b2924;--muted:#6e685d;--line:#11100d24;--signal:#ff4f1a;--signal-soft:#ff4f1a24;--night:#0f0e0c;--night-2:#1a1915;--night-line:#f1ece21f;--app-bg:#1e1f22;--app-side:#26272b;--app-fg:#e6e6e8;--app-dim:#9a9ba1;--app-sel:#3b82f652;--app-accent:#3b82f6;--display:"Archivo", "Helvetica Neue", sans-serif;--serif:"Instrument Serif", Georgia, serif;--sans:"Instrument Sans", "Helvetica Neue", sans-serif;--mono:"Martian Mono", ui-monospace, monospace;--gutter:clamp(16px, 4vw, 56px);--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background:var(--paper);color:var(--ink);font:400 17px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}::selection{background:var(--signal);color:var(--ink)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}kbd{font-family:var(--mono);border:1px solid;border-radius:6px;place-items:center;min-width:1.9em;height:1.9em;margin-right:3px;padding:0 .45em;font-size:.78em;display:inline-grid}em{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.mono{font-family:var(--mono);font-variation-settings:"wdth" 88;letter-spacing:.01em;font-size:12px}.lead{max-width:34ch;margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.5}:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.grain{z-index:90;pointer-events:none;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}.cursor{display:none}html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor .cursor{display:block}.cursor__dot,.cursor__ring{z-index:200;pointer-events:none;mix-blend-mode:difference;border-radius:50%;position:fixed;top:0;left:0}.cursor__dot{background:#fff;width:8px;height:8px;margin:-4px 0 0 -4px}.cursor__ring{width:36px;height:36px;transition:width .25s var(--ease), height .25s var(--ease), margin .25s var(--ease), background .25s;border:1.5px solid #fff;place-items:center;margin:-18px 0 0 -18px;display:grid}.cursor__ring span{font:600 11px var(--mono);color:#000;text-transform:uppercase;opacity:0;transition:opacity .2s}.cursor__ring--hover{width:56px;height:56px;margin:-28px 0 0 -28px}.cursor__ring--label{background:#fff;width:84px;height:84px;margin:-42px 0 0 -42px}.cursor__ring--label span{opacity:1}html.cursor-away .cursor{opacity:0}.preloader{z-index:300;background:var(--ink);color:var(--paper);place-content:center;justify-items:center;gap:18px;transition:transform .8s cubic-bezier(.8,0,.15,1);display:grid;position:fixed;inset:0}.preloader--lift{transform:translateY(-100%)}.preloader__count{font:800 clamp(96px, 24vw, 340px) / .8 var(--display);font-variation-settings:"wdth" 62;font-feature-settings:"tnum";color:var(--signal);letter-spacing:-.03em;align-items:baseline;gap:.15em;display:flex}.preloader__count small{font:400 .16em var(--mono);color:var(--paper)}.preloader__caption{font:italic 400 clamp(20px, 2.6vw, 34px) var(--serif);min-height:1.4em;margin:0}.preloader__bar{background:var(--signal);transform-origin:0;width:100%;height:4px;position:absolute;bottom:0;left:0}.nav{z-index:80;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px)saturate(1.4);background:#f1ece2b8;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:min(1100px,100% - 24px);padding:8px 8px 8px 16px;display:flex;position:fixed;top:12px;left:50%;overflow:hidden;translate:-50%}.nav__progress{background:var(--signal);transform-origin:0;width:100%;height:2px;position:absolute;bottom:0;left:0}.nav__brand{font:700 18px var(--display);font-variation-settings:"wdth" 110;letter-spacing:-.02em;align-items:center;gap:8px;display:flex}.logo{color:var(--ink);flex:none}.nav__links{gap:4px;display:flex}.nav__links button{border-radius:999px;padding:8px 12px;font-size:14px;transition:background .2s}.nav__links button:hover{background:var(--paper-2)}.nav__actions{align-items:center;gap:8px;display:flex}.nav__k{border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-size:14px;display:flex}.nav__k kbd{background:var(--ink);color:var(--paper);border-color:var(--ink);border-radius:999px;margin:0}.btn{font:600 16px var(--sans);isolation:isolate;transition:color .35s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:16px 26px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;border-radius:inherit;transition:transform .45s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn--signal{background:var(--signal);color:var(--ink)}.btn--signal:before{background:var(--ink)}.btn--signal:hover{color:var(--paper)}.btn--ink{background:var(--ink);color:var(--paper)}.btn--ink:before{background:var(--signal)}.btn--ink:hover{color:var(--ink)}.btn--ghost{border:1px solid var(--ink)}.btn--ghost:before{background:var(--ink)}.btn--ghost:hover{color:var(--paper)}.btn--sm{padding:9px 16px;font-size:14px}.btn--xl{padding:24px 40px;font-size:clamp(18px,2vw,24px)}.magnetic{margin:-14px;padding:14px;display:inline-block}.magnetic__inner{transition:transform .4s var(--ease);display:inline-block}.reveal-up{opacity:0;display:inline-block;transform:translateY(30px)}.is-ready .reveal-up{animation:reveal-up .9s var(--ease) forwards;animation-delay:var(--d,0s)}@keyframes reveal-up{to{opacity:1;transform:none}}.hero{padding:130px var(--gutter) 90px;min-height:100vh;position:relative}.hero__meta{color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-bottom:14px;display:flex}.hero__title{font:850 clamp(64px, 15.2vw, 280px) / .84 var(--display);letter-spacing:-.035em;text-transform:uppercase;flex-direction:column;margin:3vw 0 0;display:flex}.hero__line{white-space:nowrap;display:block}.hero__line--serif{font:italic 400 .5em/1 var(--serif);text-transform:none;letter-spacing:-.01em;margin:-.02em 0 .04em;padding-left:28%;overflow:hidden}.hero__line--last{align-items:flex-end;display:flex}.stretch{white-space:nowrap;display:inline-block}.stretch__ch{font-variation-settings:"wdth" 62;opacity:0;display:inline-block;transform:translateY(.4em)}.is-ready .stretch__ch{animation:stretch-in 1.1s var(--ease) forwards;animation-delay:calc(var(--d) + var(--i) * 60ms)}@keyframes stretch-in{60%{opacity:1}to{opacity:1;font-variation-settings:"wdth" 125;transform:none}}.hero__dot{background:var(--signal);opacity:0;border-radius:50%;flex:none;width:.2em;height:.2em;margin:0 0 .1em .06em}.is-ready .hero__dot{animation:.4s 1.1s forwards reveal-up,4s 2s infinite eye-blink}@keyframes eye-blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:40px;margin-top:48px;display:grid}.hero__copy{gap:28px;padding-top:20px;display:grid}.hero__ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero__counter{color:var(--muted);max-width:44ch;margin:0;line-height:1.7}.hero__counter b{color:var(--ink);font-feature-settings:"tnum"}.dot-live{background:var(--signal);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;animation:1.4s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.25}}.hero__stage{perspective:1400px;margin-top:-9vw}.hero__tilt{transform-style:preserve-3d;opacity:0;position:relative}.is-ready .hero__tilt{animation:win-in 1.2s .6s var(--ease) forwards}@keyframes win-in{0%{opacity:0;translate:0 120px;scale:.92}to{opacity:1;translate:0;scale:1}}.hero__tag{background:var(--ink);color:var(--paper);white-space:nowrap;opacity:0;border-radius:6px;padding:6px 10px;position:absolute;transform:translateZ(60px)}.is-ready .hero__tag{animation:.6s forwards reveal-up}.hero__tag--a{top:30%;left:-24px;animation-delay:1.4s!important}.hero__tag--b{background:var(--signal);color:var(--ink);bottom:14%;right:-16px;animation-delay:2.1s!important}.win{background:var(--app-bg);color:var(--app-fg);font:13px/1.4 -apple-system, BlinkMacSystemFont, "SF Pro Text", var(--sans);border-radius:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 40px 80px -20px #11100d73,0 0 0 1px #11100d99}.win__bar{background:#232427;border-bottom:1px solid #35363b;align-items:center;gap:12px;height:38px;padding:0 14px;display:flex}.win__lights{gap:7px;display:flex}.win__lights i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.win__lights i:nth-child(2){background:#febc2e}.win__lights i:nth-child(3){background:#28c840}.win__title{color:var(--app-dim);font-size:13px;font-weight:600}.win__body{grid-template-columns:170px minmax(0,1fr);min-height:330px;display:grid}.win__side{background:var(--app-side);border-right:1px solid #35363b;padding:12px 8px;font-size:12px;overflow:hidden}.win__label{color:var(--app-dim);margin:10px 8px 4px;font-size:11px;font-weight:600}.win__label:first-child{margin-top:0}.win__item{white-space:nowrap;border-radius:5px;margin:0;padding:3px 8px}.win__item--i1{padding-left:18px}.win__item--i2{padding-left:28px}.win__item--i3{padding-left:38px}.win__item.is-on{background:var(--app-sel)}.win__main{min-width:0;position:relative}.crumbs{color:var(--app-dim);border-bottom:1px solid #35363b;padding:10px 14px;font-size:11px}.crumbs b{color:var(--app-fg)}.rows{padding:6px}.row{opacity:0;border-radius:5px;grid-template-columns:minmax(0,2.2fr) 1.2fr .8fr 1.1fr;align-items:center;gap:10px;height:27px;padding:0 8px;font-size:12px;display:grid}.row--sel{background:var(--app-sel)}.row__name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;display:flex;overflow:hidden}.row__meta{color:var(--app-dim);white-space:nowrap;opacity:0;overflow:hidden}.is-ready .row{animation:row-in .3s var(--ease) forwards;animation-delay:calc(1.25s + var(--i) * 40ms)}.is-ready .row__meta{animation:.4s forwards fade;animation-delay:calc(1.95s + var(--i) * 55ms)}@keyframes row-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}.ico{vertical-align:-2px;flex:none;display:inline-block;position:relative}.ico--folder{color:#5ea1ff;background:#5ea1ff;border-radius:2px;width:15px;height:11px;margin-top:2px}.ico--folder:before{content:"";background:currentColor;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-3px;left:0}.ico--file{opacity:.75;border:1.5px solid;border-radius:2px;width:11px;height:14px;margin:0 2px}.ico--star:before{content:"★";color:var(--signal);font-size:12px}.ico--lock{background:currentColor;border-radius:3px;width:14px;height:11px;margin-top:6px}.ico--lock:before{content:"";box-sizing:border-box;border:2px solid;border-bottom:0;border-radius:6px 6px 0 0;width:9px;height:9px;position:absolute;top:-7px;left:2.5px}.marquee{z-index:2;background:var(--signal);color:var(--ink);border-block:2px solid var(--ink);margin:10px -2vw;padding:20px 0;position:relative;overflow:hidden;rotate:-2deg}.marquee__track{will-change:transform;width:max-content;display:flex}.marquee__set{display:flex}.marquee__item{font:800 clamp(30px, 5vw, 70px) / 1 var(--display);font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:.6em;padding-right:.6em;display:flex}.marquee__item i{font-style:normal;animation:6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:clamp(90px, 12vw, 180px) var(--gutter);position:relative}.section--night{background:var(--night);color:var(--paper)}.section--night .lead{color:#f1ece2cc}.shead{grid-template-columns:minmax(0,7fr) minmax(0,4fr);grid-template-areas:"idx idx""title body";align-items:end;gap:24px 40px;margin-bottom:clamp(48px,6vw,90px);display:grid}.shead>.shead__idx{grid-area:idx}.shead__idx{text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0;display:flex}.section--night .shead__idx{color:#f1ece28c}.shead__idx span{background:var(--signal);color:var(--ink);border-radius:4px;padding:2px 7px}.shead__title{font:800 clamp(48px, 8.6vw, 150px) / .88 var(--display);letter-spacing:-.035em;text-transform:uppercase;grid-area:title;margin:0}.shead__title em{text-transform:none;color:var(--signal);font-size:1.04em}.shead__body{grid-area:body;justify-items:start;gap:18px;display:grid}.race{background:var(--paper);height:340vh;position:relative}.race__sticky{height:100vh;min-height:560px;padding:100px var(--gutter) 40px;grid-template-rows:auto 1fr auto auto;display:grid;position:sticky;top:0;overflow:hidden}.race__top{gap:16px;display:grid}.race__caps{display:grid}.race__cap{font:700 clamp(28px, 4.4vw, 72px) / 1 var(--display);font-variation-settings:"wdth" 100;letter-spacing:-.03em;grid-area:1/1;max-width:18ch;margin:0}.race__cap em{color:var(--signal)}.race__mid{grid-template-columns:auto 1fr auto;align-items:center;gap:4vw;display:grid}.race__clock{align-items:baseline;gap:.1em;display:flex}.race__ms{font:850 clamp(110px, 21vw, 360px) / .8 var(--display);font-variation-settings:"wdth" 62;font-feature-settings:"tnum";letter-spacing:-.04em}.race__unit{font-size:clamp(14px,1.6vw,22px)}.race__eye svg{width:min(24vw,260px);margin:auto;display:block}.eye__white{fill:#fff}.eye__iris{fill:var(--signal)}.eye__pupil,.eye__lid{fill:var(--ink)}.eye__line{fill:none;stroke:var(--ink);stroke-width:4px}.race__win{background:var(--app-bg);border-radius:12px;width:min(28vw,340px);overflow:hidden;box-shadow:0 30px 60px -20px #11100d80}.race__winbody{gap:10px;padding:18px;display:grid}.race__winbody span{background:#3a3b40;border-radius:4px;height:9px}.race__winbody span:first-child{background:var(--app-sel)}.track{border-top:2px solid var(--ink);height:64px;margin:30px 0 18px;position:relative}.track__band{border-inline:1px dashed var(--ink);background:repeating-linear-gradient(-45deg,#0000 0 6px,#11100d1a 6px 8px);position:absolute;top:0;bottom:22px}.track__band span{text-transform:uppercase;position:absolute;top:8px;left:8px}.track__fill{background:var(--signal);transform-origin:0;width:52.5%;height:8px;position:absolute;top:-2px;left:0}.track__tick{color:var(--muted);font-size:10px;position:absolute;bottom:0;translate:-50%}.track__tick:before{content:"";background:var(--ink);width:1px;height:8px;position:absolute;bottom:22px;left:50%}.track__mark{background:var(--signal);width:2px;position:absolute;top:-40px;bottom:22px}.track__mark b{white-space:nowrap;background:var(--signal);color:var(--ink);border-radius:4px;padding:4px 8px;font-weight:600;position:absolute;top:0;left:8px}.track__head{background:var(--ink);border:3px solid var(--paper);width:18px;height:18px;box-shadow:0 0 0 2px var(--ink);border-radius:50%;margin-left:-9px;position:absolute;top:-10px}.race__foot{color:var(--muted);max-width:80ch;margin:0;line-height:1.7}.fifty__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}.win--night{box-shadow:0 0 0 1px var(--night-line), 0 50px 100px -30px #ff4f1a59}.fifty__speeds{gap:4px;margin-left:auto;display:flex}.fifty__speeds button{font:600 11px var(--mono);color:var(--app-dim);border:1px solid #3a3b40;border-radius:999px;padding:4px 9px}.fifty__speeds button.is-on{background:var(--signal);border-color:var(--signal);color:var(--ink)}.fifty__list{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 10% 90%,#0000);mask-image:linear-gradient(#0000,#000 10% 90%,#0000)}.fifty__rows{will-change:transform;padding:0 14px}.fifty__row{border-bottom:1px solid #ffffff0a;grid-template-columns:70px minmax(0,1fr) 80px;align-items:center;gap:14px;height:26px;font-size:11px;display:grid}.fifty__row>span:nth-child(2){color:var(--app-fg);white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.fifty__n,.fifty__row>span:last-child{color:var(--app-dim);font-feature-settings:"tnum"}.fifty__n{text-align:right}.fifty__thumb{background:#ffffff59;border-radius:4px;width:5px;height:8%;position:absolute;right:4px}.fifty__meter{border:1px solid var(--night-line);color:#f1ece2a6;border-radius:10px;flex-wrap:wrap;gap:8px 22px;margin-top:16px;padding:12px 16px;display:flex}.fifty__meter b{color:var(--paper);font-feature-settings:"tnum"}.stats{gap:0;margin:0;display:grid}.stats>div{border-top:1px solid var(--night-line);justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0;display:flex}.stats dt{color:#f1ece299;text-transform:uppercase}.stats dd{font:800 clamp(38px, 4.6vw, 72px) / .9 var(--display);font-variation-settings:"wdth" 75;font-feature-settings:"tnum";letter-spacing:-.03em;color:var(--paper);margin:0}.stats dd small{font:400 13px var(--mono);color:var(--signal);margin-left:4px}.stats__note{color:#f1ece280;margin:14px 0 0;line-height:1.7}.pg-challenge{border:1px solid var(--ink);background:var(--paper-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-bottom:18px;padding:12px 14px;display:flex}.pg-challenge__tag{background:var(--ink);color:var(--paper);text-transform:uppercase;border-radius:4px;padding:3px 8px}.pg-challenge__time{font-feature-settings:"tnum";margin-left:auto;font-weight:600}.pg-challenge__time.is-done{background:var(--signal);border-radius:4px;padding:3px 8px}.pg-challenge button{text-decoration:underline}.pg{outline:none;transition:box-shadow .3s}.pg:focus-visible,.pg:focus{box-shadow:0 0 0 3px var(--paper), 0 0 0 5px var(--signal), 0 40px 80px -20px #11100d73}.pg .win__body{grid-template-columns:230px minmax(0,1fr);height:500px}.pg-hint{color:var(--app-dim);margin-left:auto;font-size:10px;transition:opacity .3s}.pg:focus .pg-hint{opacity:0}.pg-side{overflow-y:auto}.pg-fav,.pg-tree__name{text-align:left;white-space:nowrap;border-radius:5px;align-items:center;gap:8px;width:100%;padding:4px 8px;display:flex}.pg-fav:hover,.pg-tree__row:hover{background:#ffffff0d}.pg-fav.is-on,.pg-tree__row.is-on{background:var(--app-sel)}.pg-fav.is-missing{opacity:.45}.pg-tree__row{animation:row-in .25s var(--ease);border-radius:5px;align-items:center;display:flex}.pg-tree__name{text-overflow:ellipsis;padding-left:2px;overflow:hidden}.pg-tree__arrow{width:16px;color:var(--app-dim);transition:transform .2s var(--ease);flex:none;font-size:9px}.pg-tree__arrow.is-open{transform:rotate(90deg)}.pg-main{flex-direction:column;display:flex}.pg-bar{border-bottom:1px solid #35363b;align-items:center;gap:4px;padding:8px 10px;display:flex}.pg-bar>button{width:26px;height:26px;color:var(--app-fg);border-radius:6px;font-size:16px}.pg-bar>button:hover:not(:disabled){background:#ffffff14}.pg-bar>button:disabled{opacity:.3}.pg-crumbs{white-space:nowrap;flex-wrap:nowrap;margin-left:6px;font-size:12px;display:flex;overflow:hidden}.pg-crumbs i{color:var(--app-dim);padding:0 4px;font-style:normal}.pg-crumbs button{border-radius:4px;padding:2px 4px}.pg-crumbs button:hover{background:#ffffff14}.pg-crumbs span:last-child button{font-weight:600}.pg-head,.pg-row{grid-template-columns:minmax(0,2.4fr) 1.2fr .8fr 1.2fr;gap:12px;padding:0 14px;display:grid}.pg-head{color:var(--app-dim);border-bottom:1px solid #35363b;padding-block:7px;font-size:10px}.pg-list{flex:1;padding:4px 6px;overflow-y:auto}.pg-row{height:28px;animation:row-in .22s var(--ease) both;animation-delay:calc(var(--i) * 16ms);border-radius:5px;align-items:center;padding:0 8px;font-size:13px}.pg-row:hover{background:#ffffff0a}.pg-row.is-sel{background:var(--app-sel)}.pg-row.is-hidden{opacity:.55}.pg-row__name{white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.pg-meta{color:var(--app-dim);white-space:nowrap;text-overflow:ellipsis;animation:.3s both fade;animation-delay:calc(.14s + var(--i) * 14ms);opacity:0;font-size:12px;overflow:hidden}.pg-star{opacity:0;color:var(--app-dim);transition:opacity .15s, color .15s, transform .2s var(--ease);margin-left:auto;padding:0 4px}.pg-row:hover .pg-star,.pg-star.is-on{opacity:1}.pg-star.is-on{color:var(--signal)}.pg-star:hover{transform:scale(1.3)}.pg-msg{height:100%;color:var(--app-dim);justify-content:center;align-items:center;gap:12px;margin:0;animation:.3s both fade;display:flex}.pg-toast{background:var(--paper);color:var(--ink);white-space:nowrap;border-radius:999px;padding:8px 14px;position:absolute;bottom:16px;left:50%;translate:-50%;box-shadow:0 10px 30px #0006}.pg-keys{color:var(--muted);flex-wrap:wrap;gap:10px 24px;margin:22px 0 0;padding:0;list-style:none;display:flex}.pg-keys kbd{color:var(--ink)}.keys{background:var(--paper-2)}.keys__panel{border:2px solid var(--ink);background:var(--paper);border-radius:24px;outline:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;padding:clamp(20px,3vw,44px);display:grid;position:relative}.keys__panel:focus{border-color:var(--signal)}.keys__row{border-bottom:1px solid var(--line);border-radius:10px;align-items:center;gap:20px;padding:14px 10px;transition:background .2s;display:flex}.keys__row.is-hit{background:var(--signal)}.keys__caps{gap:6px;min-width:170px;display:flex}.cap{font:600 16px var(--mono);border:2px solid var(--ink);background:var(--paper);min-width:46px;height:46px;color:var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:10px;margin:0;transition:transform 80ms,box-shadow 80ms}.cap--down{box-shadow:0 0 0 var(--ink);transform:translateY(5px)}.keys__label{font:700 clamp(18px, 2vw, 26px) var(--display);font-variation-settings:"wdth" 100;letter-spacing:-.02em}.keys__hint{text-align:center;color:var(--muted);text-transform:uppercase;grid-column:1/-1;margin:24px 0 0}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:18px;display:grid}.tile{background:var(--paper-2);border:1px solid var(--line);transition:translate .5s var(--ease), box-shadow .5s var(--ease);border-radius:22px;flex-direction:column;display:flex;overflow:hidden}.tile:hover{translate:0 -8px;box-shadow:0 30px 60px -30px #11100d73}.tile--wide{grid-column:span 2}.tile--tall{grid-row:span 2}.tile__art{background:var(--ink);min-height:220px;color:var(--paper);flex:1;place-items:center;transition:background .4s;display:grid;position:relative;overflow:hidden}.tile:hover .tile__art{background:#1b1a16}.tile__info{gap:8px;padding:20px 22px 22px;display:grid}.tile__n{color:var(--signal)}.tile h3{font:750 clamp(22px, 2vw, 28px) / 1.05 var(--display);font-variation-settings:"wdth" 92;letter-spacing:-.02em;transition:font-variation-settings .5s var(--ease);margin:0}.tile:hover h3{font-variation-settings:"wdth" 112}.tile p{color:var(--ink-2);margin:0;font-size:15px}.tile__tags{gap:6px;margin-top:6px;display:flex}.tile__tags span{border:1px solid var(--line);text-transform:uppercase;border-radius:999px;padding:2px 9px;font-size:10px}.art{width:80%;max-width:360px}.art-stream{gap:10px;display:grid}.art-stream__row{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.art-stream__row b,.art-stream__row span{background:var(--paper);transform-origin:0;border-radius:4px;height:10px}.art-stream__row b{animation:3.2s infinite stream-a;animation-delay:calc(var(--i) * 70ms)}.art-stream__row span{background:var(--signal);animation:3.2s infinite stream-b;animation-delay:calc(.7s + var(--i) * .11s)}@keyframes stream-a{0%{transform:scaleX(0)}10%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes stream-b{0%,5%{opacity:0;transform:scaleX(0)}20%,75%{opacity:1;transform:scaleX(1)}85%,to{opacity:0;transform:scaleX(1)}}.art-cache{grid-template-columns:repeat(6,1fr);gap:8px;width:70%;display:grid}.art-cache i{aspect-ratio:1;animation:2.4s infinite cache;animation-delay:calc(var(--i) * .12s);border:1.5px solid #f1ece266;border-radius:6px}@keyframes cache{0%,to{background:0 0}15%,40%{background:var(--signal);border-color:var(--signal)}}.art-live{gap:10px;display:grid}.art-live div{background:#f1ece21a;border-radius:7px;height:30px}.art-live__new{font:600 12px var(--sans);white-space:nowrap;color:var(--ink);animation:live 3.6s var(--ease) infinite;align-items:center;padding:0 12px;display:flex;overflow:hidden;background:var(--signal)!important}@keyframes live{0%,15%{opacity:0;height:0}30%,85%{opacity:1;height:30px}to{opacity:0;height:30px}}.art-hidden{gap:6px;font-size:14px;display:grid}.art-hidden span:nth-child(odd){color:var(--signal);animation:3s infinite dotfiles}@keyframes dotfiles{0%,35%{opacity:0;transform:translate(-10px)}50%,90%{opacity:1;transform:none}to{opacity:0}}.art-fav{gap:8px;width:60%;display:grid}.art-fav span{background:#f1ece21a;border-radius:8px;padding:8px 12px;font-size:14px}.art-fav__drag{color:var(--ink);animation:drag 3.4s var(--ease) infinite;box-shadow:0 12px 24px #0006;background:var(--signal)!important}@keyframes drag{0%,10%{transform:translate(110%,30px)rotate(6deg)}45%,85%{transform:none}to{transform:translate(110%,30px)rotate(6deg)}}.art-sort{height:120px;font-size:15px;position:relative}.art-sort span{background:#f1ece21a;border-radius:8px;padding:7px 12px;position:absolute;left:0;right:0}.art-sort__a{top:0}.art-sort__b{animation:sort-b 3.4s var(--ease) infinite;top:42px}.art-sort__c{color:var(--signal);animation:sort-c 3.4s var(--ease) infinite;top:84px}@keyframes sort-b{0%,30%{transform:none}50%,90%{transform:translateY(42px)}to{transform:none}}@keyframes sort-c{0%,30%{transform:none}50%,90%{transform:translateY(-42px)}to{transform:none}}.art-lock{text-align:center;color:#f1ece2bf;justify-items:center;gap:18px;display:grid}.art-lock .ico--lock{color:var(--signal);animation:2.6s infinite shake;transform:scale(2.4)}@keyframes shake{0%,70%,to{rotate:0deg}75%{rotate:-10deg}80%{rotate:9deg}85%{rotate:-6deg}90%{rotate:3deg}}.art-safe{place-items:center;display:grid}.art-safe span{border:2px solid var(--paper);width:100px;height:100px;box-shadow:0 8px 0 var(--paper);border-radius:20px;place-items:center;font-size:40px;animation:2.4s infinite press;display:grid;position:relative}.art-safe span:after{content:"";background:var(--signal);border-radius:2px;width:130%;height:4px;position:absolute;rotate:-40deg}@keyframes press{0%,60%,to{box-shadow:0 8px 0 var(--paper);transform:none}70%,80%{box-shadow:0 0 0 var(--paper);transform:translateY(8px)}}.art-resize{place-items:center;height:150px;display:grid}.art-resize div{border:2px solid var(--paper);animation:resize 4s var(--ease) infinite;background:linear-gradient(90deg,#f1ece226 30%,#0000 30%);border-radius:10px}@keyframes resize{0%,to{background-size:100%;width:70%;height:100px}35%{width:100%;height:140px}55%{width:45%;height:80px}80%{width:70%;height:100px}}.art-theme{border:2px solid var(--paper);background:linear-gradient(90deg,#fbfaf7 50%,#1e1f22 50%) 0 0/200% 100%;border-radius:14px;width:80%;height:150px;animation:4s ease-in-out infinite alternate theme;overflow:hidden}.art-theme div{height:100%}@keyframes theme{0%{background-position:0 0}to{background-position:100% 0}}.soon__badge{border:1px dashed var(--signal);color:var(--signal);text-transform:uppercase;border-radius:999px;padding:6px 12px}.soon__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.soon__controls{gap:30px;display:grid}.soon__controls fieldset{border:0;gap:12px;margin:0;padding:0;display:grid}.soon__controls legend{text-transform:uppercase;color:#f1ece299;margin-bottom:12px;padding:0}.soon__swatches{gap:12px;display:flex}.soon__swatches button{border:2px solid var(--night-line);width:48px;height:48px;transition:transform .3s var(--ease);border-radius:50%}.soon__swatches button:hover{transform:scale(1.1)}.soon__swatches button.is-on{border-color:var(--paper);box-shadow:0 0 0 4px var(--night), 0 0 0 6px var(--signal);transform:scale(1.12)}.soon__seg{border:1px solid var(--night-line);border-radius:999px;width:max-content;padding:4px;display:inline-flex}.soon__seg button{border-radius:999px;padding:8px 16px;font-size:14px;transition:background .25s}.soon__seg button.is-on{background:var(--paper);color:var(--ink)}.soon__controls input[type=range]{accent-color:var(--signal);width:100%;max-width:320px}.soon__more{color:#f1ece28c;margin:0;line-height:1.7}.soon__win{font:13px/1.4 -apple-system, BlinkMacSystemFont, var(--sans);box-shadow:0 50px 100px -30px #000000b3, 0 0 0 1px var(--night-line);overflow:hidden}.soon__win .win__bar{background:#0000001f;border-bottom:1px solid #7f7f7f33}.soon__win .win__title{color:inherit;opacity:.6}.soon__body{grid-template-columns:170px minmax(0,1fr);min-height:340px;display:grid}.soon__body aside{align-content:start;gap:6px;padding:14px 10px;font-size:12px;display:grid}.soon__body aside p{opacity:.6;margin:0 0 4px;font-size:11px;font-weight:600}.soon__rows{padding:10px}.soon__row{align-items:center;gap:10px;padding:0 10px;display:flex;overflow:hidden}.palette{z-index:150;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#11100d73;place-items:start center;padding:14vh 16px 0;display:grid;position:fixed;inset:0}.palette__box{background:var(--paper);border:2px solid var(--ink);width:min(560px,100%);box-shadow:10px 10px 0 var(--ink);border-radius:18px;overflow:hidden}.palette__field{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 18px;display:flex}.palette__field input{font:500 20px var(--sans);color:var(--ink);background:0 0;border:0;outline:none;flex:1;min-width:0}.palette__list{max-height:50vh;margin:0;padding:8px;list-style:none;overflow:auto}.palette__list button{text-align:left;border-radius:10px;grid-template-columns:34px auto 1fr;align-items:baseline;gap:12px;width:100%;padding:12px;font-weight:600;display:grid}.palette__list button small{text-align:right;color:var(--muted);font-weight:400}.palette__list button.is-active{background:var(--ink);color:var(--paper)}.palette__list button.is-active small{color:var(--signal)}.palette__idx{font:400 11px var(--mono);opacity:.6}.palette__empty{color:var(--muted);padding:16px}.palette__foot{border-top:1px solid var(--line);color:var(--muted);gap:18px;padding:10px 18px;font-size:13px;display:flex}.footer{background:var(--ink);color:var(--paper);padding:clamp(90px, 12vw, 160px) var(--gutter) 24px;overflow:hidden}.footer__cta{justify-items:start;gap:32px;display:grid}.footer .shead__idx{color:#f1ece28c}.footer__title{font:800 clamp(52px, 9vw, 160px) / .86 var(--display);letter-spacing:-.035em;text-transform:uppercase;margin:0}.footer__title em{text-transform:none;color:var(--signal)}.footer__notes{color:#f1ece2a6;gap:8px;max-width:62ch;line-height:1.7;display:grid}.footer__notes p{margin:0}.footer__notes b{color:var(--paper)}.wordmark{font:600 clamp(80px, 21vw, 400px) / .78 var(--display);font-variation-settings:"wdth" 100, "wght" 600;letter-spacing:-.04em;color:var(--paper);-webkit-user-select:none;user-select:none;justify-content:space-between;margin:clamp(60px,8vw,120px) 0 10px;display:flex}.wordmark span{transition:font-variation-settings .35s var(--ease), color .35s;display:inline-block}.wordmark span:hover{color:var(--signal)}.footer__base{border-top:1px solid var(--night-line);color:#f1ece28c;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-top:18px;display:flex}.footer__base a{text-decoration:none}.footer__base a:hover{color:var(--signal)}@media (width<=960px){.nav__links{display:none}.hero__grid,.fifty__grid,.soon__grid,.shead{grid-template-columns:minmax(0,1fr)}.shead{grid-template-areas:"idx""title""body"}.hero__stage{margin-top:10px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.keys__panel{grid-template-columns:minmax(0,1fr)}.race__mid{grid-template-columns:minmax(0,1fr) auto}.race__win{display:none}}@media (width<=640px){.nav{padding-left:12px}.nav__k span{display:none}.hero{padding-top:100px}.hero__line--serif{padding-left:12%}.hero__tag{display:none}.win__body{grid-template-columns:minmax(0,1fr)}.win__side{display:none}.row,.pg-head,.pg-row{grid-template-columns:minmax(0,1fr) auto}.row__meta:nth-child(n+3),.pg-head span:nth-child(n+3),.pg-meta:nth-child(n+3){display:none}.pg .win__body{height:440px}.tiles{grid-template-columns:minmax(0,1fr)}.tile--wide{grid-column:auto}.tile--tall{grid-row:auto}.keys__caps{min-width:120px}.cap{min-width:36px;height:36px;font-size:13px}.race__eye svg{width:28vw}.track__tick:nth-child(2n){display:none}.track__mark b{font-size:10px}.soon__body{grid-template-columns:minmax(0,1fr)}.soon__body aside,.pg-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.grain{animation:none}}
