@font-face{font-family:Doto;font-style:normal;font-weight:900;font-display:swap;src:url(../media/4aee7fb82272b7dd-s.p.0jykjmw24w_el.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Doto;font-style:normal;font-weight:900;font-display:swap;src:url(../media/3e1ad066c3115284-s.p.0r9ri6vnph0s4.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Doto Fallback;src:local(Arial);ascent-override:70.59%;descent-override:18.58%;line-gap-override:0.0%;size-adjust:134.59%}.doto_d85fd917-module___LcvbG__className{font-family:Doto,Doto Fallback;font-style:normal;font-weight:900}.doto_d85fd917-module___LcvbG__variable{--font-display:"Doto", "Doto Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.p.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.p.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/f53f4557ddd9f7a6-s.1u-lvzo58r3-e.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5256dd17dd2ccf14-s.37c107x1d-cfz.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fe48c93add1d142c-s.3_gspotjv4tkw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5689d89b20a4bd5b-s.p.0m-w082keobar.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a7e15459c1805da0-s.p.3y9b8znjr2455.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_71e5b0b8-module__y8UauW__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_71e5b0b8-module__y8UauW__variable{--font-body:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--black:#000;--white:#f4fff9;--green:#00ff8e;--green-mid:#0b8a55;--green-deep:#04261a;--muted:#8fb3a1;--amber:#ffb800;--gutter:clamp(1.25rem, 4vw, 4rem);--notch:4px;--pixel-corners:polygon(0 var(--notch), var(--notch) var(--notch), var(--notch) 0, calc(100% - var(--notch)) 0, calc(100% - var(--notch)) var(--notch), 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, var(--notch) calc(100% - var(--notch)), 0 calc(100% - var(--notch)));--dither-down:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 16%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M0 0h1v1h-1zM1 0h1v1h-1zM2 0h1v1h-1zM3 0h1v1h-1zM0 1h1v1h-1zM1 1h1v1h-1zM3 1h1v1h-1zM0 2h1v1h-1zM1 2h1v1h-1zM2 2h1v1h-1zM3 2h1v1h-1zM1 3h1v1h-1zM3 3h1v1h-1zM0 4h1v1h-1zM1 4h1v1h-1zM2 4h1v1h-1zM3 4h1v1h-1zM1 5h1v1h-1zM3 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM1 7h1v1h-1zM3 7h1v1h-1zM0 8h1v1h-1zM2 8h1v1h-1zM1 9h1v1h-1zM0 10h1v1h-1zM2 10h1v1h-1zM0 12h1v1h-1zM2 12h1v1h-1z%27/%3E%3C/svg%3E");--dither-up:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 4 16%27 shape-rendering=%27crispEdges%27%3E%3Cpath d=%27M2 2h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM1 5h1v1h-1zM0 6h1v1h-1zM2 6h1v1h-1zM3 7h1v1h-1zM0 8h1v1h-1zM2 8h1v1h-1zM1 9h1v1h-1zM3 9h1v1h-1zM0 10h1v1h-1zM2 10h1v1h-1zM3 10h1v1h-1zM1 11h1v1h-1zM3 11h1v1h-1zM0 12h1v1h-1zM1 12h1v1h-1zM2 12h1v1h-1zM3 12h1v1h-1zM0 13h1v1h-1zM1 13h1v1h-1zM3 13h1v1h-1zM0 14h1v1h-1zM1 14h1v1h-1zM2 14h1v1h-1zM3 14h1v1h-1zM1 15h1v1h-1zM2 15h1v1h-1zM3 15h1v1h-1z%27/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{background:var(--black);color:var(--white);scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-body), ui-monospace, monospace;-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}::selection{background:var(--green);color:var(--black)}h1,h2,.wordmark,.tool-name{font-family:var(--font-display), ui-monospace, monospace;letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:900;line-height:.95}h1{font-size:clamp(2.75rem,6.2vw,6.5rem)}h2{font-size:clamp(2.25rem,4.6vw,4.5rem)}p,ul,dl,dd,figure{margin:0}p{max-width:58ch}a{color:var(--green);text-underline-offset:.2em}a:hover{color:var(--white)}:focus-visible{outline:2px solid var(--white);outline-offset:3px}.wordmark{color:var(--green);font-size:2rem;text-decoration:none}.hint,.fine,.tool-meta,figcaption{color:var(--muted);font-size:.875rem}.actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{background:var(--green);color:var(--black);font:inherit;cursor:pointer;clip-path:var(--pixel-corners);border:0;padding:.8rem 1.25rem;font-weight:700;text-decoration:none;display:inline-block}.btn:hover,.btn:focus-visible{background:var(--white);color:var(--black)}.btn.ghost{background:var(--green-deep);color:var(--green)}.btn.ghost:hover,.btn.ghost:focus-visible{background:var(--green-mid);color:var(--white)}.btn:disabled{background:var(--green-deep);color:var(--muted);cursor:progress}.site-bar{z-index:2;padding:1.25rem var(--gutter);justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0 0 auto}.site-bar nav{gap:1.5rem;display:flex}.site-bar nav a{color:var(--white);text-decoration:none}.site-bar nav a:hover{color:var(--green)}.hero{min-height:100svh;padding:6.5rem var(--gutter) clamp(2rem, 6vh, 4rem);view-timeline:--hero block;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem clamp(1.5rem,4vw,4rem);display:grid;position:relative;overflow:clip}.hero>h1{pointer-events:none;grid-column:1/-1;max-width:22ch;font-size:clamp(2.75rem,6vw,7.5rem);position:relative}.hero-copy,.hero-key{clip-path:var(--pixel-corners);--notch:8px;background:#000000db;align-self:end;position:relative}.hero-copy{justify-self:start;gap:1.5rem;max-width:38rem;padding:clamp(1.25rem,2.5vw,2rem);display:grid}.hero-globe{--stage:min(118svh, 105vw);left:calc(66% - var(--stage) / 2);top:calc(90% - var(--stage) / 2);width:var(--stage);height:var(--stage);position:absolute}.hero-stage{cursor:grab;touch-action:pan-y;position:absolute;inset:0}.hero-stage:active{cursor:grabbing}.hero-shell{pointer-events:none;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#0003 45%,#000 72%);mask:radial-gradient(circle closest-side,#0003 45%,#000 72%)}.hero-key{pointer-events:none;max-width:32ch;color:var(--muted);padding:.9rem 1.1rem;font-size:.875rem}.hero-key b{color:var(--white)}.rail{z-index:4;--fill:0%;gap:3px;display:grid;position:fixed;top:50%;right:6px;translate:0 -50%}.rail a{background:var(--green-deep) content-box;width:26px;height:30px;padding-left:20px;text-decoration:none;position:relative}.rail a[data-state=done]{background:var(--green) content-box}.rail a[data-state=current]{background:linear-gradient(var(--white) var(--fill), var(--green-mid) 0) content-box}.rail a:hover{background:var(--white) content-box;padding-left:14px}.rail span{background:var(--black);color:var(--white);white-space:nowrap;padding:.2rem .55rem;font-size:.8125rem;display:none;position:absolute;top:50%;right:34px;translate:0 -50%}.rail b{color:var(--green)}.rail a[data-state=current] span,.rail a:hover span{display:block}.backdrop{position:absolute;inset:0}.profit,.sand{position:relative;overflow:clip}.profit:after,.sand:after{content:"";height:30svh;display:block}.profit>.backdrop,.sand>.backdrop{height:100svh;position:sticky;inset:0 auto auto}.profit-copy,.sand-copy{pointer-events:none;max-width:44rem;margin:-45svh var(--gutter) 0;clip-path:var(--pixel-corners);--notch:8px;background:#000000db;align-content:start;gap:1.5rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.sand-copy{max-width:38rem}.ledger{gap:1.25rem;margin-top:.5rem;display:grid}.ledger div{border-top:1px dashed var(--green-mid);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:baseline;gap:.25rem 1.5rem;padding-top:1.25rem;display:grid}.ledger dt{white-space:nowrap;color:var(--amber);font-size:1.375rem;font-weight:700;line-height:1.2}.split{max-width:90rem;padding:clamp(4rem, 14vh, 9rem) var(--gutter);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(2rem,6vw,6rem);margin:0 auto;display:grid}.split.reverse>:first-child{order:2}.split-copy{gap:1.5rem;display:grid}.split-copy ul{gap:.75rem;max-width:58ch;padding:0;list-style:none;display:grid}.split-copy li{background:linear-gradient(var(--green), var(--green)) 0 .55em / 8px 8px no-repeat;padding-left:1.5rem}.portrait{gap:.5rem;display:grid}.portrait-frame{aspect-ratio:4/5;background:var(--green-deep);cursor:crosshair;width:100%;max-height:80svh}.ring{aspect-ratio:1;cursor:crosshair;justify-self:center;width:100%;max-height:80svh}.tools{padding:clamp(4rem, 14vh, 9rem) var(--gutter) clamp(3rem, 8vh, 6rem);gap:1rem;display:grid}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:2rem 0 1rem;padding:0;list-style:none;display:grid}.cat-grid a{background:var(--green-deep);height:100%;color:var(--green);clip-path:var(--pixel-corners);--notch:6px;align-content:start;gap:.75rem;padding:1.25rem;text-decoration:none;display:grid}.pixel-icon{flex:none;display:block}.tool-name{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;font-size:1.25rem}.tool-summary{color:var(--muted);font-size:.875rem}.cat-grid a:hover,.cat-grid a:focus-visible{background:var(--green);color:var(--black);outline:0}.cat-grid a:hover .tool-summary,.cat-grid a:focus-visible .tool-summary{color:var(--black)}.site-foot{border-top:1px solid var(--green-deep);color:var(--muted);font-size:.875rem}.foot-art{background:var(--black);cursor:crosshair;height:min(70svh,36rem)}.foot-copy{padding:2rem var(--gutter) 3rem;flex-wrap:wrap;align-items:baseline;gap:.5rem 2rem;display:flex}.tool-page{flex-direction:column;min-height:100svh;display:flex}.tool-page>main{flex:1}.tool-bar{padding:1.25rem var(--gutter);border-bottom:1px solid var(--green-deep);justify-content:space-between;align-items:center;display:flex}.tool-main{width:100%;max-width:46rem;padding:clamp(2.5rem, 8vh, 5rem) var(--gutter);align-content:start;gap:1.25rem;margin:0 auto;display:grid}.tool-main h1{color:var(--green);overflow-wrap:anywhere;font-size:clamp(2.25rem,6vw,4rem)}.tool-note{max-width:none;padding:1.25rem var(--gutter);border-top:1px solid var(--green-deep);color:var(--muted);font-size:.875rem}.tool{gap:1.25rem;margin-top:1rem;display:grid}.tool-output{background:var(--green-deep);color:var(--white);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:1rem;display:block}.tool-output.big{color:var(--green);font-size:clamp(1.125rem,2.6vw,1.5rem);font-weight:500}.tool-error{border-left:4px solid var(--amber);color:var(--amber);padding:.75rem 1rem}.field{gap:.4rem;display:grid}.field input:not([type=range]),.field textarea{border:1px solid var(--green-mid);background:var(--black);width:100%;color:var(--white);font:inherit;border-radius:0;padding:.7rem .8rem}.field textarea{resize:vertical}.field input:focus-visible,.field textarea:focus-visible{outline:2px solid var(--green);outline-offset:0}input[type=range],input[type=checkbox]{accent-color:var(--green)}input[type=file]::file-selector-button{background:var(--green);color:var(--black);font:inherit;cursor:pointer;border:0;margin-right:1rem;padding:.5rem .9rem;font-weight:700}.checks{border:0;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;display:flex}.checks legend{margin-bottom:.4rem;padding:0}.checks label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.tabs{border-bottom:1px solid var(--green-mid);display:flex}.tabs button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:.7rem 1.1rem}.tabs button[aria-selected=true]{background:var(--green);color:var(--black);font-weight:700}.rows>div{border-top:1px solid var(--green-deep);grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:.25rem 1.5rem;padding:.75rem 0;display:grid}.rows dt{color:var(--muted)}.rows dd{overflow-wrap:anywhere}.lockin{padding:clamp(4rem, 14vh, 9rem) var(--gutter);gap:clamp(1.5rem,4vh,3rem);display:grid}.lockin-copy{gap:1.5rem;max-width:62rem;display:grid}.tether{aspect-ratio:21/9;border-block:1px solid var(--green-deep);cursor:crosshair;max-height:75svh}.tie-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,3rem);display:grid}.tie-row dt{font-size:1.125rem;font-weight:700}.tie-row dd{color:var(--muted)}.tie-row>:nth-child(2){text-align:center}.tie-row>:nth-child(3){text-align:right}.trail{border-top:1px solid var(--green-deep);cursor:crosshair;height:min(70svh,40rem)}.rec-hero{min-height:min(60svh,32rem);padding:clamp(2rem, 6vh, 4rem) var(--gutter);align-items:end;display:grid;position:relative;overflow:hidden}.rec-hero:after{content:"";background:var(--black);height:48px;-webkit-mask:var(--dither-up) 0 0 / 12px 48px repeat-x;mask:var(--dither-up) 0 0 / 12px 48px repeat-x;pointer-events:none;position:absolute;inset:auto 0 0}.rec-hero-copy{z-index:1;pointer-events:none;max-width:44rem;clip-path:var(--pixel-corners);--notch:8px;background:#000000db;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid;position:relative}.rec-hero-copy h1{color:var(--green)}.rec-main{width:100%;max-width:76rem;padding:clamp(1.5rem, 4vh, 3rem) var(--gutter) clamp(3rem, 8vh, 6rem);align-content:start;gap:1.25rem;margin:0 auto;display:grid}.rec-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 2rem;display:flex}.rec-filters{flex-wrap:wrap;gap:.5rem;display:flex}.rec-filters button{background:linear-gradient(var(--black), var(--black)) .95rem 50% / 6px 6px no-repeat, linear-gradient(var(--green), var(--green)) .75rem 50% / 10px 10px no-repeat, var(--green-deep);color:var(--green);font:inherit;cursor:pointer;clip-path:var(--pixel-corners);border:0;padding:.55rem .9rem .55rem 2.1rem}.rec-filters button[aria-pressed=true]{background:linear-gradient(var(--black), var(--black)) .75rem 50% / 10px 10px no-repeat, var(--green);color:var(--black);font-weight:700}.rec-count{color:var(--muted);font-size:.875rem}.cat-nav{border-block:1px solid var(--green-deep);flex-wrap:wrap;gap:.25rem 1.5rem;padding-block:1rem;display:flex}.cat-nav a{color:var(--white);align-items:center;gap:.6rem;padding:.35rem 0;text-decoration:none;display:flex}.cat-nav .pixel-icon,.cat-nav a:hover,.cat-nav a:focus-visible{color:var(--green)}.hud{z-index:5;background:var(--black);border-bottom:2px solid var(--green-deep);--fill:0%;grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:center;gap:.25rem clamp(1rem,3vw,2.5rem);margin-inline:-8px;padding:.6rem 8px;display:grid;position:sticky;top:0}.hud-now{min-width:0;color:var(--muted);white-space:nowrap;align-items:baseline;gap:.5rem;font-size:.875rem;display:flex}.hud-now .pixel-icon{color:var(--green);flex:none;align-self:center}.hud-now b{font-family:var(--font-display), ui-monospace, monospace;color:var(--green);font-size:1.75rem;font-weight:900;line-height:1}.hud-name{text-overflow:ellipsis;color:var(--white);overflow:hidden}.hud-bar{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;display:grid}.hud-bar a{background:var(--green-deep) content-box;height:32px;padding-block:10px}.hud-bar a[data-state=done]{background:var(--green) content-box}.hud-bar a[data-state=current]{background:linear-gradient(90deg, var(--white) var(--fill), var(--green-mid) 0) content-box}.hud-bar a:hover{background:var(--white) content-box;padding-block:6px}.rec-cat{grid-template-columns:minmax(0,17rem) minmax(0,1fr);align-items:start;gap:1.5rem clamp(1.5rem,4vw,4rem);margin-top:clamp(2.5rem,7vh,4.5rem);scroll-margin-top:4.5rem;display:grid}.rec-rule{border-bottom:2px solid var(--green-mid);color:var(--muted);grid-column:1/-1;align-items:baseline;gap:.5rem;padding-bottom:.5rem;font-size:.875rem;display:flex;position:relative}.rec-rule:before{content:"";z-index:-1;background:var(--green-deep);height:48px;-webkit-mask:var(--dither-up) 0 0 / 12px 48px repeat-x;mask:var(--dither-up) 0 0 / 12px 48px repeat-x;position:absolute;inset:auto 0 0}.rec-rule b{font-family:var(--font-display), ui-monospace, monospace;color:var(--green);font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:.8}.rec-rule i{background:repeating-linear-gradient(90deg, var(--green-mid) 0 2px, transparent 0 60px) 0 100% / 100% 16px no-repeat, repeating-linear-gradient(90deg, var(--green-mid) 0 2px, transparent 0 12px) 0 100% / 100% 8px no-repeat;flex:1;align-self:stretch;margin:0 .75rem -.5rem}.rec-cat header{gap:.9rem;display:grid;position:sticky;top:4.75rem}.rec-glyph{aspect-ratio:1;width:6.5rem;color:var(--green);background:conic-gradient(from 90deg at 2px 2px, transparent 90deg, var(--green) 0) 0 0 / 14px 14px no-repeat, conic-gradient(from 180deg at calc(100% - 2px) 2px, transparent 90deg, var(--green) 0) 100% 0 / 14px 14px no-repeat, conic-gradient(from 0deg at 2px calc(100% - 2px), transparent 90deg, var(--green) 0) 0 100% / 14px 14px no-repeat, conic-gradient(from 270deg at calc(100% - 2px) calc(100% - 2px), transparent 90deg, var(--green) 0) 100% 100% / 14px 14px no-repeat, repeating-conic-gradient(var(--green-deep) 0 25%, transparent 0 50%) 0 0 / 6px 6px;place-items:center;display:grid}.rec-cat h2{overflow-wrap:anywhere;font-size:clamp(1.75rem,2.6vw,2.5rem)}.rec-cat header p{color:var(--muted)}.rec-cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.75rem;padding:0;list-style:none;display:grid}.rec-card{isolation:isolate;background:var(--edge);height:100%;color:var(--white);clip-path:var(--pixel-corners);--notch:6px;--edge:var(--green-mid);--fill:var(--green-deep);--band:#0b8a5573;grid-template-rows:auto 1fr auto auto;gap:.35rem;padding:1.25rem;text-decoration:none;display:grid;position:relative}.rec-card:before,.rec-card:after{content:"";z-index:-1;position:absolute}.rec-card:before{background:var(--fill);clip-path:var(--pixel-corners);inset:2px}.rec-card:after{background:var(--band);height:32px;-webkit-mask:var(--dither-down) 0 0 / 8px 32px repeat-x;mask:var(--dither-down) 0 0 / 8px 32px repeat-x;inset:2px 2px auto}.rec-rank{color:var(--green);font-size:.75rem;font-weight:700;position:absolute;top:.6rem;right:.85rem}.rec-cards>li:hover,.rec-cards>li:focus-within{filter:drop-shadow(4px 4px 0 var(--green-mid))}.rec-cards>li:hover .rec-card,.rec-cards>li:focus-within .rec-card{translate:-2px -2px}@property --reveal{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes dissolve{0%{--reveal:0%}to{--reveal:100%}}@keyframes sink{to{translate:0 var(--sink)}}@keyframes sink-dissolve{to{--reveal:0%;translate:0 var(--sink)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.rec-card,.rec-rule,.hero>h1,.profit-copy,.sand-copy,.split-copy>*,.lockin-copy>*,.tie-row>div,.tools>h2,.tools>p,.cat-grid a{-webkit-mask:linear-gradient(90deg, #000 var(--reveal), transparent 0) 0 0 / 8px 8px, linear-gradient(#000 var(--reveal), transparent 0) 0 0 / 8px 8px;mask:linear-gradient(90deg, #000 var(--reveal), transparent 0) 0 0 / 8px 8px, linear-gradient(#000 var(--reveal), transparent 0) 0 0 / 8px 8px;animation:steps(8,end) both dissolve;animation-timeline:view();animation-range:entry cover 16%;-webkit-mask-composite:source-in;mask-composite:intersect}.rec-cards>li:nth-child(3n+2) .rec-card,.cat-grid>li:nth-child(3n+2) a,.split-copy>:nth-child(n+2),.lockin-copy>:nth-child(n+2){animation-range:entry cover 20%}.rec-cards>li:nth-child(3n) .rec-card,.cat-grid>li:nth-child(3n) a{animation-range:entry cover 24%}.hero>h1,.hero-copy,.hero-key,.hero-globe{--sink:28svh;animation:linear both sink;animation-timeline:--hero;animation-range:exit}.hero>h1{--sink:10svh;animation-name:sink-dissolve}.hero-copy,.hero-key{--sink:16svh}}}.rec-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;display:grid}.rec-head>span:last-child{gap:.3rem;display:grid}.rec-logo{background:var(--white);width:48px;height:48px;color:var(--black);font-family:var(--font-display), ui-monospace, monospace;place-items:center;font-size:2rem;font-weight:900;line-height:1;display:grid}.rec-logo img{image-rendering:pixelated;display:block}.rec-score{border-top:1px dashed var(--green-mid);--score:var(--green);gap:.45rem;margin-top:1rem;padding-top:.9rem;display:grid}.rec-score[data-level=mid]{--score:var(--white)}.rec-score[data-level=low]{--score:var(--amber)}.rec-score-sum{color:var(--score);align-items:baseline;gap:.15rem;font-weight:700;display:flex}.rec-score-sum b{font-family:var(--font-display), ui-monospace, monospace;font-size:2rem;font-weight:900;line-height:1}.rec-score-label{color:var(--muted);margin-left:.6rem;font-size:.75rem;font-weight:400}.rec-score-bar{grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.rec-score-bar i{background:var(--black);height:10px}.rec-score-bar i[data-on=true]{background:linear-gradient(var(--white) 2px, var(--score) 0)}.rec-score-parts{color:var(--muted);flex-wrap:wrap;gap:.1rem .9rem;font-size:.75rem;display:flex}.method{background:var(--green-deep);padding:1rem 1.25rem}.method summary{cursor:pointer;color:var(--green);font-weight:700}.method>p,.method dl{margin-top:1rem}.method dl{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem 2rem;display:grid}.method dt{font-weight:700}.method dt span{color:var(--muted);font-weight:400}.method dd{color:var(--muted);font-size:.875rem}.rec-name{font-family:var(--font-display), ui-monospace, monospace;color:var(--green);overflow-wrap:anywhere;font-size:1.5rem;font-weight:900;line-height:1}.rec-host{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.rec-why{margin-top:.9rem}.rec-tags{flex-wrap:wrap;gap:.35rem;margin-top:1rem;display:flex}.rec-tags span{border:1px solid var(--green-mid);color:var(--muted);padding:.1rem .45rem;font-size:.75rem}.rec-card:hover,.rec-card:focus-visible{--edge:var(--green);--fill:var(--green);--band:var(--green-mid);outline:0}.rec-card:hover span,.rec-card:focus-visible span{color:var(--black);border-color:var(--black)}.rec-card:hover .rec-score-bar i,.rec-card:focus-visible .rec-score-bar i{background:var(--green-mid)}.rec-card:hover .rec-score-bar i[data-on=true],.rec-card:focus-visible .rec-score-bar i[data-on=true]{background:var(--black)}@media (max-width:860px){.rec-cat{grid-template-columns:minmax(0,1fr)}.rec-cat header{position:static}.hud{grid-template-columns:minmax(0,1fr)}.rail a{width:26px;height:22px;padding-left:20px}.rail span,.rail a[data-state=current] span{display:none}.hud-bar a{height:20px;padding-block:6px}.tie-row{grid-template-columns:minmax(0,1fr)}.tie-row>:nth-child(n){text-align:left}.tether{aspect-ratio:1}.hero{grid-template-rows:none;grid-template-columns:minmax(0,1fr);align-content:start;padding-top:0}.hero-globe{width:auto;height:90vw;margin-inline:calc(-1 * var(--gutter));position:relative;inset:auto}.hero>h1{order:2}.hero-copy,.hero-key{clip-path:none;background:0 0;max-width:none;padding:0}.hero-key{order:1}.hero-copy{order:3}.split{grid-template-columns:minmax(0,1fr)}.split.reverse>:first-child{order:0}.ledger div,.rows>div{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
