@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/af21ab248943f479-s.0z23a3hpu8ttr.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:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/4ae66b896b591e96-s.02aqyp7acl16b.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../media/21ca8f3f56c22ca2-s.p.14a9xpaqsbppk.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:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_a7c4fdab-module__vF43yq__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_a7c4fdab-module__vF43yq__variable{--font-display:"Archivo", "Archivo Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/2b232b7efa22db1c-s.2a5zzury7bvvl.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:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/3bee448361125987-s.01g2kivmtf43w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/564b25e5ad617bd2-s.29dtuopo-jwmz.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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:100%;font-display:swap;src:url(../media/ee9d8ff0751135e3-s.p.3p2zw-bmbrlar.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:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}.martian_mono_73cb8525-module__63SnrG__className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}.martian_mono_73cb8525-module__63SnrG__variable{--font-mono:"Martian Mono", "Martian Mono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--felt:#0c231a;--felt-2:#102c21;--felt-3:#14362a;--felt-4:#1a4232;--line:#1d4433;--line-2:#2b5b45;--fg:#f1ebdb;--fg-2:#a3baab;--fg-3:#6f8a79;--brass:#e8ab3e;--brass-dim:#aa7d2d;--bone:#f1ebdb;--bad:#f66e5c;--display:var(--font-display), "Archivo", ui-sans-serif, system-ui, sans-serif;--mono:var(--font-mono), "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--r:6px;--gut:22px;--ease:cubic-bezier(.22, .68, .28, 1)}@supports (color:lab(0% 0 0)){:root{--brass:lab(74.4645% 15.9311 62.0379);--brass-dim:lab(55.911% 12.4649 48.5498);--bad:lab(63.6356% 52.0089 37.1245)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--felt);min-height:100dvh;color:var(--fg);font-family:var(--display);font-variant-ligatures:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.5}.bg{z-index:-1;pointer-events:none;background:radial-gradient(46rem 24rem at 50% -12rem, color-mix(in oklab, var(--brass) 11%, transparent), transparent 70%), radial-gradient(120% 80% at 50% 0%, transparent 38%, #0000006b 100%), radial-gradient(circle at 1px 1px, #f1ebdb09 1px, transparent 0) 0 0 / 24px 24px, var(--felt);position:fixed;inset:0}.bg:after{content:"";opacity:.42;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:absolute;inset:-50%}.wrap{max-width:1320px;padding:0 var(--gut) 72px;margin:0 auto}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.reveal{animation:rise .66s var(--ease) backwards;animation-delay:var(--d,0s)}.top{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 18px;display:flex}.brand{letter-spacing:-.02em;color:var(--fg);align-items:center;gap:10px;margin:0;font-size:19px;font-weight:800;font-stretch:112%;display:flex}.brand a{color:inherit;text-decoration:none}.mark{background:var(--brass);width:26px;height:26px;color:var(--felt);box-shadow:0 0 18px -4px color-mix(in oklab, var(--brass) 55%, transparent);border-radius:5px;flex:none;place-items:center;display:grid}.mark svg{display:block}.tag{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--brass);border:1px solid color-mix(in oklab, var(--brass) 45%, transparent);background:color-mix(in oklab, var(--brass) 8%, transparent);border-radius:3px;padding:3px 6px 2px;font-size:9px;font-weight:700;line-height:1}.nav{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:18px;font-size:10px;display:flex}.nav a{color:var(--fg-2);transition:color .18s var(--ease);text-decoration:none}.nav a:hover{color:var(--brass)}.online-pill{color:var(--fg-2);font-family:var(--mono);letter-spacing:.04em;align-items:center;gap:7px;font-size:10px;display:inline-flex}.online-pill b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.dot{background:var(--brass);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklab, var(--brass) 60%, transparent);animation:ping 2.4s var(--ease) infinite;border-radius:50%;flex:none}@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in oklab, var(--brass) 55%, transparent)}70%,to{box-shadow:0 0 0 7px #0000}}.hero{max-width:820px;padding:60px 0 34px}.eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:10px;margin:0 0 18px;font-size:10px;display:flex}.eyebrow:after{content:"";background:linear-gradient(90deg, var(--line-2), transparent);flex:1;height:1px}h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(38px,7.2vw,74px);font-weight:800;font-stretch:118%;line-height:.94}h1 .strike{color:var(--fg-3);white-space:nowrap;position:relative}h1 .strike:after{content:"";background:var(--brass);transform-origin:0;height:.06em;animation:strike .7s var(--ease) .5s forwards;position:absolute;top:52%;left:-.02em;right:-.02em;transform:scaleX(0)}@keyframes strike{to{transform:scaleX(1)}}h1 em{color:var(--brass);font-style:normal}.sub{max-width:46ch;color:var(--fg-2);text-wrap:pretty;margin:22px 0 0;font-size:16px;line-height:1.55}.sub b{color:var(--fg);font-weight:600}.nod{border-left:2px solid var(--brass-dim);max-width:54ch;font-family:var(--mono);letter-spacing:.03em;color:var(--fg-2);text-wrap:pretty;margin:18px 0 0;padding:3px 0 3px 13px;font-size:10.5px;line-height:1.85}.nod a{color:var(--fg);border-bottom:1px solid var(--line-2);transition:color .2s var(--ease), border-color .2s var(--ease);text-decoration:none}.nod a:hover{color:var(--brass);border-color:var(--brass)}.bump{flex-wrap:wrap;align-items:center;gap:14px;max-width:640px;margin:28px 0 0;display:flex}.ts{flex:none;min-height:0}.bump>.under{flex:1 0 100%}@media (min-width:1060px){.bump{max-width:980px}.field{flex:auto;max-width:640px}}.field{background:var(--felt-2);border:1px solid var(--line-2);border-radius:var(--r);transition:border-color .2s var(--ease), box-shadow .3s var(--ease), background .2s var(--ease);align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;position:relative}.field:focus-within{border-color:color-mix(in oklab, var(--brass) 60%, transparent);background:var(--felt-3);box-shadow:0 0 0 3px color-mix(in oklab, var(--brass) 12%, transparent), 0 18px 40px -24px color-mix(in oklab, var(--brass) 70%, transparent)}.field .prefix{font-family:var(--mono);color:var(--fg-3);-webkit-user-select:none;user-select:none;transition:color .2s var(--ease);font-size:12px}.field:focus-within .prefix{color:var(--brass)}.field input{min-width:0;color:var(--fg);font-family:var(--mono);letter-spacing:-.01em;background:0 0;border:0;outline:none;flex:auto;padding:10px 0;font-size:14px}.field input::placeholder{color:var(--fg-3)}.bump-btn{background:var(--brass);color:var(--felt);font-family:var(--display);letter-spacing:.01em;cursor:pointer;transition:transform .14s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);box-shadow:0 10px 26px -14px color-mix(in oklab, var(--brass) 90%, transparent);border:0;border-radius:4px;flex:none;padding:12px 22px;font-size:14px;font-weight:800;font-stretch:108%;position:relative}.bump-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 14px 30px -12px color-mix(in oklab, var(--brass) 90%, transparent);transform:translateY(-1px)}.bump-btn:active:not(:disabled){box-shadow:0 4px 14px -10px color-mix(in oklab, var(--brass) 90%, transparent);transform:translateY(1px)}.bump-btn:disabled{background:color-mix(in oklab, var(--brass) 15%, var(--felt-3));color:color-mix(in oklab, var(--brass) 60%, var(--fg-3));cursor:not-allowed;box-shadow:none}.bump-btn[data-busy=true]{background:linear-gradient(90deg, var(--brass) 0%, color-mix(in oklab, var(--brass) 55%, var(--felt)) 50%, var(--brass) 100%);background-size:300% 100%;animation:1.1s linear infinite slide}@keyframes slide{to{background-position:-300% 0}}.under{min-height:20px;font-family:var(--mono);letter-spacing:.02em;color:var(--fg-2);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 2px 0;font-size:10.5px;display:flex}.under .sep{color:var(--line-2)}.status{color:var(--fg-2);animation:rise .3s var(--ease);align-items:center;gap:7px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;flex:none;width:5px;height:5px}.status:empty{display:none}.status[data-tone=good]{color:var(--brass)}.status[data-tone=bad]{color:var(--bad)}.mine-line{color:var(--fg-2)}.mine-line b{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:700}.share{border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg, var(--felt-3), var(--felt-2));max-width:640px;margin:26px 0 0;padding:15px 18px 14px;position:relative;overflow:hidden}.share:before{content:"";background:linear-gradient(90deg, var(--brass), var(--brass-dim) 55%, transparent);transform-origin:0;height:2px;animation:share-edge .7s var(--ease) .12s backwards;position:absolute;inset:0 0 auto}@keyframes share-edge{0%{transform:scaleX(0)}}@keyframes share-tick{0%{color:var(--bone);text-shadow:0 0 22px color-mix(in oklab, var(--brass) 70%, transparent)}}.share-head{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:9.5px;display:flex}.share-mark{letter-spacing:.04em;text-transform:none;color:var(--fg-2);align-items:center;gap:7px;font-size:10px;display:inline-flex}.share-mark i{border:1px solid var(--brass-dim);color:var(--brass);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:1px 5px;font-size:8.5px;font-style:normal}.share-figs{flex-wrap:wrap;align-items:baseline;gap:8px 28px;margin:13px 0 0;display:flex}.share-fig{align-items:baseline;gap:8px;display:flex}.share-fig b{font-family:var(--mono);letter-spacing:-.02em;color:var(--fg);font-variant-numeric:tabular-nums;font-size:21px;font-weight:700;line-height:1}.share-fig span{font-family:var(--mono);letter-spacing:.05em;color:var(--fg-3);font-size:10px}.share-fig[data-hero=true]{margin-right:2px}.share-fig[data-hero=true] b{color:var(--brass);animation:share-tick .55s var(--ease);font-size:clamp(32px,6.4vw,44px)}.share-fig[data-hero=true] span{color:var(--fg-2)}.share-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:15px 0 0;padding:13px 0 0;display:flex}.share-foot p{text-wrap:balance;max-width:34ch;font-family:var(--mono);letter-spacing:.03em;color:var(--fg-2);margin:0;font-size:10.5px;line-height:1.6}.share-foot em{color:var(--brass);font-style:normal;font-weight:700}.share-btn{background:var(--bone);color:var(--felt);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 24px -16px var(--bone);transition:transform .14s var(--ease), box-shadow .2s var(--ease);border-radius:3px;flex:none;align-items:center;gap:8px;padding:9px 15px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.share-btn:hover{box-shadow:0 14px 28px -14px var(--bone);transform:translateY(-1px)}.share-btn:active{transform:translateY(0)}@media (max-width:560px){.share-foot{flex-direction:column;align-items:stretch}.share-btn{justify-content:center}}.scores{border:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;background:linear-gradient(180deg, var(--felt-2), color-mix(in oklab, var(--felt-2) 60%, transparent));border-bottom:0;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.score{border-left:1px solid var(--line);padding:15px 18px 13px;position:relative}.score:first-child{border-left:0}.score .n{font-family:var(--mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--fg);align-items:center;gap:8px;font-size:24px;font-weight:700;line-height:1.1;display:flex}.score .l{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-2);margin-top:5px;font-size:9px}.score[data-live=true] .n{color:var(--brass)}.panel{border:1px solid var(--line);border-radius:0 0 var(--r) var(--r);background:linear-gradient(180deg, color-mix(in oklab, var(--felt-2) 90%, transparent), var(--felt));padding:16px;position:relative}.panel:before,.panel:after{content:"";border:1px solid color-mix(in oklab, var(--brass) 75%, transparent);pointer-events:none;width:11px;height:11px;position:absolute}.panel:before{border-top:0;border-right:0;bottom:-1px;left:-1px}.panel:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.panel-head{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;padding:0 2px 13px;font-size:9.5px;display:flex}.mine-count{color:var(--bone);font-weight:700}.legend{align-items:center;gap:8px;display:flex}.ramp{background:linear-gradient(90deg, var(--fg), color-mix(in oklab, var(--fg) 18%, transparent));border-radius:2px;width:84px;height:5px}.board{grid-template-columns:repeat(8,1fr);gap:10px;display:grid;position:relative}.cell{aspect-ratio:1;border:1px solid var(--line);background:#00000029;border-radius:5px;place-items:center;display:grid;box-shadow:inset 0 1px 2px #00000040}.cell span{font-family:var(--mono);color:color-mix(in oklab, var(--fg-3) 60%, transparent);font-variant-numeric:tabular-nums;font-size:9px}.tile{aspect-ratio:1;border:1px solid var(--line-2);background:linear-gradient(180deg, var(--felt-4), var(--felt-2));color:var(--fg);filter:grayscale(calc((1 - var(--o,1)) * .9));transition:opacity .6s var(--ease), filter .6s var(--ease), transform .2s var(--ease), border-color .2s var(--ease), box-shadow .28s var(--ease);will-change:transform;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:8px 6px;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #f1ebdb12,0 2px 6px -2px #00000073}.tile:hover,.tile:focus-visible{border-color:color-mix(in oklab, var(--brass) 70%, transparent);filter:grayscale(0);box-shadow:0 18px 34px -14px #000000a6, 0 0 0 1px color-mix(in oklab, var(--brass) 30%, transparent), 0 0 26px -10px color-mix(in oklab, var(--brass) 70%, transparent);z-index:3;transform:translateY(-5px)scale(1.06);opacity:1!important}.tile[data-slot="1"]{border-color:color-mix(in oklab, var(--brass) 55%, transparent);box-shadow:inset 0 1px 0 #f1ebdb14, 0 0 26px -12px color-mix(in oklab, var(--brass) 90%, transparent)}.tile.is-mine{border-color:color-mix(in oklab, var(--bone) 55%, transparent);outline:1px solid color-mix(in oklab, var(--bone) 52%, transparent);outline-offset:2px}.tile.is-mine:hover,.tile.is-mine:focus-visible{outline-color:var(--bone)}.rank{font-family:var(--mono);color:var(--fg-2);font-variant-numeric:tabular-nums;pointer-events:none;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);background:#00000052;border:1px solid #0000;border-radius:3px;padding:3px 5px 2px;font-size:9px;font-weight:700;line-height:1;position:absolute;top:5px;left:5px}.tile:hover .rank{color:var(--fg)}.tile[data-slot="1"] .rank{color:var(--brass);border-color:color-mix(in oklab, var(--brass) 45%, transparent);background:color-mix(in oklab, var(--brass) 14%, #0000004d)}.tile.is-mine .rank{color:var(--felt);background:var(--bone);border-color:var(--bone)}.clicks{font-family:var(--mono);color:var(--fg-2);text-shadow:0 1px 3px #000000a6;font-variant-numeric:tabular-nums;pointer-events:none;white-space:nowrap;transition:color .2s var(--ease);font-size:9px;line-height:1;position:absolute;top:6px;right:6px}.clicks:after{content:" clicks";opacity:0;vertical-align:bottom;white-space:pre;max-width:0;transition:max-width .26s var(--ease), opacity .2s var(--ease);display:inline-block;overflow:hidden}.tile:hover .clicks,.tile:focus-visible .clicks{color:var(--brass)}.tile:hover .clicks:after,.tile:focus-visible .clicks:after{opacity:1;max-width:7em}.tile.is-mine .clicks{color:var(--bone)}.hud{font-family:var(--mono);letter-spacing:.02em;color:var(--fg);opacity:0;pointer-events:none;transition:transform .24s var(--ease), opacity .18s var(--ease);background:linear-gradient(#0000,#000000c7 42%);flex-wrap:wrap;justify-content:center;gap:2px 7px;padding:7px 5px 6px;font-size:9px;line-height:1.2;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(110%)}.tile:hover .hud,.tile:focus-visible .hud{opacity:1;transform:translateY(0)}.hud-n{color:var(--brass)}.tile.is-mine .hud-n{color:var(--bone)}.av{object-fit:contain;width:48px;height:48px;color:var(--felt);font-family:var(--mono);transition:transform .22s var(--ease);background:#efe9da;border-radius:11px;flex:none;justify-content:center;align-items:center;padding:4px;font-size:13px;font-weight:700;display:flex;box-shadow:0 3px 7px -3px #0000008c}.tile:hover .av{transform:scale(1.06)translateY(-3px)}.dom{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--fg);letter-spacing:-.01em;text-shadow:0 1px 3px #0000008c;transition:color .2s var(--ease), transform .22s var(--ease);font-size:12px;font-weight:700;overflow:hidden}.tile:hover .dom{color:var(--fg);transform:translateY(-3px)}.hud-you{color:var(--bone);font-weight:700}.empty{text-align:center;pointer-events:none;place-content:center;justify-items:center;display:grid;position:absolute;inset:44px 16px 16px}.empty>div{border:1px solid var(--line-2);border-radius:var(--r);background:color-mix(in oklab, var(--felt) 88%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 24px 60px -30px color-mix(in oklab, var(--brass) 60%, transparent);justify-items:center;gap:7px;padding:20px 30px 22px;display:grid}.empty b{letter-spacing:-.02em;font-size:17px;font-weight:800;font-stretch:110%}.empty span{font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--fg-3);font-size:10px}.how{background:var(--line);border:1px solid var(--line);border-radius:var(--r);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:46px;display:grid;overflow:hidden}.how article{background:var(--felt);transition:background .25s var(--ease);padding:20px 18px 22px}.how article:hover{background:var(--felt-2)}.how .no{font-family:var(--mono);letter-spacing:.08em;color:var(--brass);font-size:10px;font-weight:700}.how h3{letter-spacing:-.015em;margin:12px 0 7px;font-size:15px;font-weight:700;font-stretch:108%}.how p{color:var(--fg-2);text-wrap:pretty;margin:0;font-size:13px;line-height:1.55}.how code,.prose code,.foot code{font-family:var(--mono);color:var(--fg);background:var(--felt-3);border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-size:.86em}.more{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-2);border-bottom:1px solid var(--line-2);transition:color .2s var(--ease), border-color .2s var(--ease);align-items:center;gap:7px;margin-top:18px;padding-bottom:3px;font-size:10px;text-decoration:none;display:inline-flex}.more:hover{color:var(--brass);border-color:var(--brass)}.more:after{content:"→";transition:transform .2s var(--ease)}.more:hover:after{transform:translate(3px)}.foot{border-top:1px solid var(--line);text-align:center;margin-top:46px;padding-top:38px}.foot .said{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--fg-3);font-size:10px}.zero{font-family:var(--mono);letter-spacing:-.06em;background:linear-gradient(100deg, var(--fg) 30%, var(--brass) 50%, var(--fg) 70%) 0 0 / 300% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;margin:10px 0 6px;font-size:clamp(72px,17vw,168px);font-weight:700;line-height:.92;animation:6s linear infinite shine}@keyframes shine{to{background-position:-300% 0}}.totals{font-family:var(--mono);letter-spacing:.02em;color:var(--fg-2);flex-wrap:wrap;justify-content:center;gap:6px 16px;margin-top:18px;font-size:11px;display:flex}.totals b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:700}.maker{font-family:var(--mono);letter-spacing:.06em;color:var(--fg-2);background:linear-gradient(var(--felt-2), var(--felt-2)) padding-box, linear-gradient(100deg, var(--line) 34%, var(--brass) 50%, var(--line) 66%) border-box;transition:color .2s var(--ease);background-size:auto,300% 100%;border:1px solid #0000;border-radius:3px;align-items:center;gap:8px;margin-top:24px;padding:7px 12px;font-size:10px;text-decoration:none;animation:6s linear infinite maker-edge;display:inline-flex}@keyframes maker-edge{to{background-position:0 0,-300% 0}}.maker b{color:var(--fg);transition:color .2s var(--ease);font-weight:700}.maker svg{opacity:.7;transition:opacity .2s var(--ease);flex:none}.maker:hover{color:var(--fg);background:linear-gradient(var(--felt-3), var(--felt-3)) padding-box, linear-gradient(100deg, var(--line-2) 20%, var(--brass) 50%, var(--line-2) 80%) border-box;background-size:auto,300% 100%}.maker:hover b{color:var(--brass)}.maker:hover svg{opacity:1}.colophon{font-family:var(--mono);letter-spacing:.05em;color:var(--fg-2);margin-top:26px;font-size:10px}.colophon a{color:var(--fg-2);border-bottom:1px solid var(--line-2);text-decoration:none}.colophon a:hover{color:var(--brass);border-color:var(--brass)}.prose{max-width:720px}.prose .lede{color:var(--fg-2);max-width:52ch;margin:0 0 8px;font-size:17px}.rule{border-top:1px solid var(--line);grid-template-columns:44px 1fr;gap:4px 18px;padding:24px 0;display:grid}.rule .no{font-family:var(--mono);color:var(--brass);padding-top:4px;font-size:11px;font-weight:700}.rule h2{letter-spacing:-.02em;margin:0 0 8px;font-size:18px;font-weight:700;font-stretch:108%}.rule p{color:var(--fg-2);text-wrap:pretty;grid-column:2;margin:0 0 10px;font-size:14.5px;line-height:1.62}.rule p:last-child{margin-bottom:0}.back{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-2);gap:8px;margin-top:34px;font-size:11px;text-decoration:none;display:inline-flex}.back:hover{color:var(--brass)}:where(a,button,input):focus-visible{outline:2px solid var(--brass);outline-offset:3px;border-radius:3px}@media (max-width:780px){.how{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){:root{--gut:14px}.top{padding:14px 0 12px}.brand{font-size:17px}.nav{gap:12px}.nav .online-pill{display:none}.hero{padding:36px 0 26px}.sub{font-size:15px}.field{flex-wrap:wrap;gap:8px;padding:10px}.field .prefix{display:none}.field input{flex:100%;padding:6px 4px;font-size:16px}.bump-btn{flex:1 1 0;padding:13px 20px;font-size:15px}.gear{width:46px;height:46px}.skin-panel{padding:11px;left:-1px;right:-1px}.skin-body{grid-template-columns:1fr;justify-items:center;gap:13px}.skin-rows{width:100%}.skin-row{grid-template-columns:46px 1fr}.skin-foot{flex-wrap:wrap;gap:8px}.scores{grid-template-columns:repeat(2,1fr)}.score{padding:13px 14px 11px}.score:nth-child(3),.score:nth-child(4){border-top:1px solid var(--line)}.score:nth-child(odd){border-left:0}.score .n{font-size:18px}.panel{padding:12px}.board{grid-template-columns:repeat(4,1fr);gap:7px}.tile{gap:6px;padding:6px 4px}.av{border-radius:8px;width:32px;height:32px;padding:3px;font-size:11px}.dom{font-size:10px}.skin[data-pat=halo]{--ring:calc(30px * var(--mks,1))}.rank{padding:2px 4px 1px;font-size:8px;top:4px;left:4px}.clicks{font-size:8px;top:5px;right:5px}.how article{padding:16px 14px 18px}.foot{margin-top:44px;padding-top:30px}}[data-edge="1"]{--edge:#e8ab3e}@supports (color:lab(0% 0 0)){[data-edge="1"]{--edge:lab(74.4645% 15.9311 62.0379)}}[data-edge="2"]{--edge:#eb8654}@supports (color:lab(0% 0 0)){[data-edge="2"]{--edge:lab(66.6085% 36.5732 44.1223)}}[data-edge="3"]{--edge:#e3636c}@supports (color:lab(0% 0 0)){[data-edge="3"]{--edge:lab(58.8496% 51.5088 20.9144)}}[data-edge="4"]{--edge:#c876c1}@supports (color:lab(0% 0 0)){[data-edge="4"]{--edge:lab(60.8461% 40.906 -25.4933)}}[data-edge="5"]{--edge:#6ea0e8}@supports (color:lab(0% 0 0)){[data-edge="5"]{--edge:lab(64.5264% -1.32811 -42.4361)}}[data-edge="6"]{--edge:#30ccb1}@supports (color:lab(0% 0 0)){[data-edge="6"]{--edge:lab(73.8134% -45.6184 1.37274)}}[data-edge="7"]{--edge:#85ce6c}@supports (color:lab(0% 0 0)){[data-edge="7"]{--edge:lab(76.2018% -37.0603 40.9679)}}[data-edge="8"]{--edge:#f1eadc}@supports (color:lab(0% 0 0)){[data-edge="8"]{--edge:lab(93.1165% .637233 7.67086)}}[data-ink="1"]{--ink:#ffd481}@supports (color:lab(0% 0 0)){[data-ink="1"]{--ink:lab(87.4067% 9.62096 50.2537)}}[data-ink="2"]{--ink:#ffbc93}@supports (color:lab(0% 0 0)){[data-ink="2"]{--ink:lab(82.066% 25.2762 35.9197)}}[data-ink="3"]{--ink:#ffb1b1}@supports (color:lab(0% 0 0)){[data-ink="3"]{--ink:lab(80.3132% 35.0638 15.2481)}}[data-ink="4"]{--ink:#f4b6ed}@supports (color:lab(0% 0 0)){[data-ink="4"]{--ink:lab(81.1921% 29.3087 -18.3992)}}[data-ink="5"]{--ink:#aad6ff}@supports (color:lab(0% 0 0)){[data-ink="5"]{--ink:lab(83.5506% -7.23508 -31.0871)}}[data-ink="6"]{--ink:#7ef0d7}@supports (color:lab(0% 0 0)){[data-ink="6"]{--ink:lab(87.4796% -38.1841 1.14601)}}[data-ink="7"]{--ink:#acf09d}@supports (color:lab(0% 0 0)){[data-ink="7"]{--ink:lab(88.8028% -33.5413 33.1023)}}[data-ink="8"]{--ink:#f8f5ee}@supports (color:lab(0% 0 0)){[data-ink="8"]{--ink:lab(96.5601% .286847 3.81331)}}.tile[data-ink] .dom,.tile[data-ink]:hover .dom,.tile[data-ink]:focus-visible .dom{color:var(--ink)}.tile[data-edge]{border-color:color-mix(in oklab, var(--edge) 62%, transparent);box-shadow:inset 0 1px 0 #f1ebdb12, 0 2px 6px -2px #00000073, 0 0 20px -14px var(--edge)}.tile[data-edge]:hover,.tile[data-edge]:focus-visible{border-color:var(--edge);box-shadow:0 18px 34px -14px #000000a6, 0 0 0 1px color-mix(in oklab, var(--edge) 45%, transparent), 0 0 26px -10px var(--edge)}.skin{z-index:0;pointer-events:none;--mkf:15px;position:absolute;inset:0}.av,.dom{z-index:1;position:relative}.mk{font-size:calc(var(--mkf) * var(--mks,1));opacity:.15;transition:opacity .28s var(--ease);-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.tile:hover .mk{opacity:.32}.skin[data-pat=grid]{--mkf:16px;padding:calc(7px * var(--mks,1));grid-template-columns:repeat(3,1fr);place-items:center;display:grid}.skin[data-pat=grid] .mk{position:static;transform:rotate(-8deg)}.skin[data-pat=stamp]{--mkf:46px}.skin[data-pat=stamp] .mk{right:calc(-8px * var(--mks,1));bottom:calc(-10px * var(--mks,1));opacity:.17;transition:opacity .28s var(--ease), transform .32s var(--ease);transform:rotate(-14deg)}.tile:hover .skin[data-pat=stamp] .mk{transform:rotate(-7deg)scale(1.07)}.skin[data-pat=halo]{--mkf:12px;--ring:calc(39px * var(--mks,1));animation:26s linear infinite halo}.skin[data-pat=halo] .mk{opacity:.2;transform:translate(-50%, -50%) rotate(calc(var(--i) * 60deg)) translateY(calc(-1 * var(--ring))) rotate(calc(var(--i) * -60deg));top:42%;left:50%}@keyframes halo{to{transform:rotate(360deg)}}.skin[data-pat=ticker]{--mkf:11px;inset:auto auto calc(5px * var(--mks,1)) calc(4px * var(--mks,1));width:max-content;animation:15s linear infinite ticker;display:flex}.skin[data-pat=ticker] .mk{margin-right:calc(10px * var(--mks,1));opacity:.2;position:static}@keyframes ticker{to{transform:translate(-50%)}}.skin[data-pat=rise]{--mkf:13px}.skin[data-pat=rise] .mk{left:calc(8% + var(--i) * 20%);bottom:calc(-14px * var(--mks,1));opacity:0;animation:7s linear infinite rise-mk;animation-delay:calc(var(--i) * -1.4s)}@keyframes rise-mk{0%{opacity:0;transform:translateY(0)}18%{opacity:.26}82%{opacity:.26}to{transform:translateY(calc(-175px * var(--mks,1)));opacity:0}}.skin[data-pat=columns]{--mkf:15px;justify-content:space-around;display:flex}.col{flex-direction:column;justify-content:space-around;align-items:center;height:200%;animation:8s linear infinite col-flow;display:flex;position:relative;top:-50%}.col[data-col="1"]{animation-direction:reverse}.skin[data-pat=columns] .mk{opacity:.22;position:static}@keyframes col-flow{to{transform:translateY(-20%)}}.skin[data-pat=flow]{--mkf:14px}.skin[data-pat=flow] .mk{left:calc(6% + var(--i) * 13.5%);bottom:calc(-18px * var(--mks,1));opacity:.22;animation:8s linear infinite flow-up;animation-delay:calc(var(--i) * -1.15s)}.skin[data-pat=flow] .mk:nth-child(3n){font-size:calc(var(--mkf) * 1.55 * var(--mks,1));animation-duration:10.5s}.skin[data-pat=flow] .mk:nth-child(3n+2){font-size:calc(var(--mkf) * .7 * var(--mks,1));animation-duration:6.5s}@keyframes flow-up{0%{opacity:0;transform:translateY(0)scale(.85)}16%{opacity:.3}76%{opacity:.3}to{transform:translateY(calc(-175px * var(--mks,1))) scale(1.08);opacity:0}}.skin[data-pat=bloom]{--mkf:15px}.skin[data-pat=bloom] .mk{opacity:.2;animation:5.5s ease-in-out infinite bloom;animation-delay:calc(var(--i) * -.66s);transform:translate(-50%,-50%)}.skin[data-pat=bloom] .mk:first-child{top:19%;left:15%}.skin[data-pat=bloom] .mk:nth-child(2){top:13%;left:63%}.skin[data-pat=bloom] .mk:nth-child(3){top:41%;left:35%}.skin[data-pat=bloom] .mk:nth-child(4){top:35%;left:84%}.skin[data-pat=bloom] .mk:nth-child(5){top:59%;left:9%}.skin[data-pat=bloom] .mk:nth-child(6){top:67%;left:52%}.skin[data-pat=bloom] .mk:nth-child(7){top:79%;left:78%}.skin[data-pat=bloom] .mk:nth-child(8){top:86%;left:27%}@keyframes bloom{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.5)}50%{opacity:.3;transform:translate(-50%,-50%)scale(1.05)}}.gear{border:1px solid var(--line-2);width:38px;height:38px;color:var(--fg-2);cursor:pointer;transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);background:#0000002e;border-radius:4px;flex:none;place-items:center;padding:0;display:grid;position:relative}.gear svg{transition:transform .6s var(--ease)}.gear:hover{color:var(--brass);border-color:color-mix(in oklab, var(--brass) 55%, transparent)}.gear:hover svg,.gear[aria-expanded=true] svg{transform:rotate(75deg)}.gear[aria-expanded=true]{color:var(--felt);background:var(--brass);border-color:var(--brass)}.gear:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.gear-dot{background:var(--brass);border:1.5px solid var(--felt-2);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px;right:-3px}.skinner{flex:none;display:flex}.skin-panel{z-index:20;border:1px solid var(--line-2);border-radius:var(--r);background:linear-gradient(180deg, var(--felt-3), var(--felt-2));animation:drop .24s var(--ease);cursor:default;padding:12px 13px 11px;position:absolute;top:calc(100% + 10px);left:-1px;right:-1px;box-shadow:0 34px 74px -34px #000000d9}.skin-panel:before,.skin-panel:after{content:"";border:1px solid color-mix(in oklab, var(--brass) 70%, transparent);pointer-events:none;width:9px;height:9px;position:absolute}.skin-panel:before{border-top:0;border-right:0;bottom:-1px;left:-1px}.skin-panel:after{border-top:0;border-left:0;bottom:-1px;right:-1px}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.skin-head,.skin-foot{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-2);justify-content:space-between;align-items:center;gap:10px;font-size:9px;display:flex}.skin-head{border-bottom:1px solid var(--line);padding-bottom:10px}.skin-note{color:var(--fg-3);text-transform:none;letter-spacing:.02em}.skin-body{grid-template-columns:auto 1fr;gap:16px;padding:13px 0 12px;display:grid}.skin-stage{align-content:start;justify-items:center;gap:7px;display:grid}.skin-demo{cursor:default;width:96px}.skin-cap{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);font-size:8.5px}.skin-rows{align-content:start;gap:11px;display:grid}.skin-row{grid-template-columns:52px 1fr;align-items:center;gap:10px;display:grid}.skin-label{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--fg-3);font-size:9px}.opts{flex-wrap:wrap;gap:6px;display:flex}.opt{cursor:pointer;width:27px;height:27px;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);background:#00000038;border:1px solid #0000;border-radius:4px;place-items:center;padding:0;display:grid}.opt:hover{background:#0000005c;transform:translateY(-1px)}.opt[aria-checked=true]{border-color:var(--brass);background:color-mix(in oklab, var(--brass) 13%, #0000004d)}.opt:focus-visible{outline:2px solid var(--brass);outline-offset:2px}.sw{background:color-mix(in oklab, var(--edge) 80%, var(--felt));border:1px solid var(--edge);border-radius:3px;width:15px;height:15px;position:relative}.sw.ink{border:1px solid color-mix(in oklab, var(--ink) 45%, transparent);color:var(--ink);font-family:var(--display);background:#00000052;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid}.sw[data-off],.sw.ink[data-off]{border:1px solid var(--fg-3);background:0 0}.mini-off{border:1px solid var(--fg-3);border-radius:3px;width:15px;height:15px;margin:auto;position:absolute;inset:0}.sw[data-off]:after,.mini-off:after{content:"";background:linear-gradient(to top right, transparent 45%, var(--fg-3) 45%, var(--fg-3) 55%, transparent 55%);position:absolute;inset:-1px}.mini{--mks:.34;background:#0000004d;border-radius:3px;width:21px;height:21px;position:relative;overflow:hidden}.mkb{font-size:13px;line-height:1}.skin-foot{border-top:1px solid var(--line);text-transform:none;letter-spacing:.02em;color:var(--fg-3);padding-top:10px}.skin-clear{border:1px solid var(--line-2);color:var(--fg-2);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .16s var(--ease), border-color .16s var(--ease);background:0 0;border-radius:3px;flex:none;padding:5px 9px;font-size:9px}.skin-clear:hover:not(:disabled){color:var(--brass);border-color:color-mix(in oklab, var(--brass) 55%, transparent)}.skin-clear:disabled{opacity:.35;cursor:default}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}h1 .strike:after{transform:scaleX(1)}.zero{color:var(--fg);background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.maker{background:var(--felt-2);border-color:var(--line-2)}.maker:hover{background:var(--felt-3);border-color:var(--brass)}.skin[data-pat=halo],.skin[data-pat=ticker],.skin[data-pat=rise] .mk,.col,.skin[data-pat=flow] .mk,.skin[data-pat=bloom] .mk{animation:none!important}.skin[data-pat=rise] .mk,.skin[data-pat=flow] .mk{bottom:auto;top:calc(14% + var(--i) * 17%);opacity:.2}.skin[data-pat=bloom] .mk{opacity:.22;transform:translate(-50%,-50%)scale(1)}}.prose h1{margin:0 0 16px;font-size:clamp(34px,6vw,54px)}.prose .eyebrow{margin-top:48px}.prose em,.how em{color:var(--fg);font-style:normal;font-weight:700}.rule:first-of-type{border-top-color:var(--line-2)}@media (max-width:620px){.rule{grid-template-columns:1fr;gap:6px;padding:20px 0}.rule p{grid-column:1}.prose .eyebrow{margin-top:30px}}