@font-face{font-family:Alfa Slab One;font-style:normal;font-display:swap;font-weight:400;src:url(./alfa-slab-one-latin-400-normal-CbTZiZTW.woff2)format("woff2"),url(./alfa-slab-one-latin-400-normal-UIGeWgec.woff)format("woff")}@font-face{font-family:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-vietnamese-wght-normal-BKsN3ITN.woff2)format("woff2-variations");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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-ext-wght-normal-B5dZ8C4S.woff2)format("woff2-variations");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:Work Sans Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./work-sans-latin-wght-normal-Bl-S9Xys.woff2)format("woff2-variations");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}:root{--stone:#1d2226;--stone-2:#252c31;--stone-3:#2e363c;--rule:#3b454c;--steel:#8e989e;--steel-hi:#c3cbd0;--steel-lo:#5b656b;--bed:#2b3338;--maple:#e6c690;--maple-hi:#f1dcb2;--maple-side:#a87c49;--maple-deep:#7b5630;--ink:#1c1a18;--ink-soft:#5c554b;--verm:#bf3219;--proof-red:#a82a14;--verm-hi:#f0553a;--paper:#ece6da;--muted:#a9b0b4;--take:#f87171;--font:"Work Sans Variable", "Segoe UI", sans-serif;--slab:"Alfa Slab One", "Rockwell", serif;--len:4;--rows:6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--stone);-webkit-text-size-adjust:100%}body{background:var(--stone);min-height:100vh;color:var(--paper);font-family:var(--font);margin:0;font-size:1rem;line-height:1.55}button,input,textarea{font:inherit;color:inherit}a{color:var(--maple);text-underline-offset:.18em}a:hover{color:var(--maple-hi)}:focus-visible{outline:3px solid var(--verm-hi);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{line-height:1.2}.top{justify-content:space-between;align-items:center;gap:1rem;max-width:72rem;margin:0 auto;padding:1.1rem 1.5rem .4rem;display:flex}.brand{white-space:nowrap;font-family:var(--slab);letter-spacing:.02em;color:var(--maple);margin:0;font-size:1.6rem;font-weight:400}.modes{background:var(--stone-2);box-shadow:inset 0 0 0 1px var(--rule);border-radius:8px;padding:3px;display:flex}.mode{min-width:5.5rem;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:.4rem 1rem;font-weight:560}.mode:hover{color:var(--paper)}.mode[aria-pressed=true]{background:var(--maple);color:var(--ink)}main{max-width:72rem;margin:0 auto;padding:0 1.5rem 2rem}.game{grid-template-columns:minmax(0,1fr) 21rem;align-items:start;gap:2rem;display:grid}.bench{--fit:calc((100vh - 22.5rem) / var(--rows) - .7rem);flex-direction:column;align-items:center;min-width:0;display:flex}.meta{text-align:center;width:100%;padding:.6rem 0 .9rem}.puzzle-title{margin:0;font-size:1.15rem;font-weight:600}.puzzle-sub{color:var(--muted);margin:.1rem 0 0}.notice{background:var(--stone-2);box-shadow:inset 0 0 0 1px var(--rule);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;margin:0 0 1rem;padding:.6rem 1rem;display:flex}.notice p{margin:0}.block{width:var(--b);height:var(--b);background:repeating-radial-gradient(circle at 18% 135%, #7b563017 0 1.5px, transparent 1.5px 6px), var(--maple);box-shadow:inset 0 1px 0 var(--maple-hi), inset 0 -2px 0 #7b563059, 0 2px 0 var(--maple-side), 0 3px 0 var(--maple-deep), 0 5px 8px #00000059;color:var(--ink);font-family:var(--slab);font-size:calc(var(--b) * .6);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:3px;place-items:center;line-height:1;display:grid;position:relative}.block.changed{color:var(--verm)}.slot{width:var(--b);height:var(--b);border:1.5px dashed var(--steel-lo);border-radius:3px}.galley{--gap:.35rem;--b:max(2rem, min(3.4rem, calc((100vw - 7.5rem) / var(--len)), var(--fit)));background:var(--bed);box-shadow:inset 5px 0 0 var(--steel), inset 0 4px 0 var(--steel), inset 0 -4px 0 var(--steel), inset 7px 0 0 var(--steel-lo), inset 0 6px 0 var(--steel-lo), 0 10px 24px #00000059;min-height:calc(var(--b) * 3 + 3rem);border-radius:6px;padding:.9rem 1.2rem 1rem .6rem;position:relative}.rungs{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rung{border-bottom:2px solid #8e989e47;grid-template-columns:3.4rem auto;align-items:center;padding:.28rem 0;display:grid}.rung:last-child{border-bottom:0}.rung-label{color:var(--muted);font-variant-numeric:tabular-nums;justify-self:end;padding-right:.6rem;font-size:.8rem}.rung-type{gap:var(--gap);display:flex}.rung.empty{border-bottom:0;padding:.32rem 0}.rung.empty .rung-label{font-size:.72rem;line-height:1}.rung.empty .rung-type{width:calc(var(--len) * var(--b) + (var(--len) - 1) * var(--gap));background:linear-gradient(#6f797f,#525c62 55%,#414a50);border-radius:1px;height:.45rem;box-shadow:0 1px #00000080}.rung.empty.next .rung-type{background:linear-gradient(180deg, var(--steel-hi), var(--steel) 55%, var(--steel-lo))}.rung.empty .slot{display:none}.rung.start .rung-label,.rung.target .rung-label{color:var(--maple)}.rung.target{border-top:3px solid #8e989e73;margin-top:.35rem;padding-top:.55rem}.rung.over .rung-label{color:var(--verm-hi)}.rung.solution .block{opacity:.92;background:var(--maple-hi)}.rung.fresh .rung-type{animation:.22s ease-out drop}@keyframes drop{0%{opacity:.2;transform:translateY(.9rem)}to{opacity:1;transform:none}}.galley.done .rung.target .block{box-shadow:inset 0 1px 0 var(--maple-hi), inset 0 -2px 0 #7b563059, 0 2px 0 var(--maple-side), 0 3px 0 var(--maple-deep), 0 0 0 3px #f0553a8c, 0 5px 8px #00000059}.play{flex-direction:column;align-items:center;width:100%;display:flex}.stick{--b:max(2.6rem, min(3.6rem, calc((100vw - 6.2rem) / var(--len)), calc(var(--fit) + .4rem)));background:linear-gradient(180deg, var(--steel-hi), var(--steel) 45%, var(--steel-lo));cursor:text;border-radius:5px;align-items:center;margin-top:1.4rem;padding:.55rem 2.2rem .75rem .7rem;display:flex;position:relative;box-shadow:0 8px 18px #0006,inset 0 -3px #00000040}.stick:focus-visible{outline-offset:4px}.stick-type{gap:.35rem;display:flex}.stick .block{cursor:pointer;-webkit-tap-highlight-color:transparent}.stick .block.cursor{transform:translateY(-3px)}.stick .block.cursor:after{content:"";background:var(--ink);border-radius:2px;height:4px;position:absolute;bottom:-.55rem;left:12%;right:12%}.stick:focus-within .block.cursor:after,.stick.active .block.cursor:after{background:var(--verm)}.stick .block.hinted{outline:3px dashed var(--verm);outline-offset:2px}.knee{background:linear-gradient(90deg, var(--steel-lo), var(--steel-hi) 40%, var(--steel));border-radius:3px;width:.9rem;position:absolute;top:-.35rem;bottom:-.35rem;right:.55rem;box-shadow:0 3px 6px #00000059}.stick.shake{animation:.3s shake}@keyframes shake{0%,to{transform:none}25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.message{text-align:center;max-width:30rem;min-height:3.1em;color:var(--paper);margin:.9rem 0 .2rem}.message.error{color:var(--verm-hi)}.message b{font-family:var(--slab);letter-spacing:.04em;font-weight:400}.tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tool,.btn{background:var(--stone-3);min-height:44px;color:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);cursor:pointer;border:0;border-radius:6px;padding:.45rem 1.05rem;font-weight:560}.tool:hover,.btn:hover{background:#36404a}.tool:disabled,.btn:disabled{opacity:.45;cursor:default}.btn.go{background:var(--verm-hi);color:var(--ink);box-shadow:none}.btn.go:hover{background:#ff6b52}.btn.quiet{background:0 0}.btn.wide{width:100%}.confirm{background:var(--stone-2);box-shadow:inset 0 0 0 1px var(--rule);text-align:center;border-radius:8px;margin-top:.8rem;padding:.7rem 1rem}.confirm p{margin:0 0 .5rem}.confirm-row{justify-content:center;gap:.5rem;display:flex}.keys{grid-template-columns:repeat(7,minmax(44px,3.3rem));gap:.4rem;margin:1.1rem 0 .5rem;display:grid}.key{-webkit-tap-highlight-color:transparent;background:var(--maple);min-height:48px;color:var(--ink);font-family:var(--slab);box-shadow:0 2px 0 var(--maple-side), 0 3px 0 var(--maple-deep);cursor:pointer;touch-action:manipulation;border:0;border-radius:4px;padding:0;font-size:1.2rem}.key:hover{background:var(--maple-hi)}.key:active{box-shadow:0 1px 0 var(--maple-side);transform:translateY(2px)}.key.del{font-family:var(--font);background:var(--steel);box-shadow:0 2px 0 var(--steel-lo), 0 3px 0 #3f474c;grid-column:span 2;font-size:.95rem;font-weight:600}.key.enter{min-height:46px;font-family:var(--font);background:var(--verm-hi);grid-column:1/-1;font-size:1rem;font-weight:650;box-shadow:0 2px #9c2a15,0 3px #6d1c0d}.key.enter:hover{background:#ff6b52}.result{background:radial-gradient(ellipse at 20% 10%, #ffffff59, transparent 60%), var(--paper);width:100%;color:var(--ink);border-radius:2px;padding:1.25rem 1.35rem 1.3rem;box-shadow:inset 0 1px #ffffff80,0 12px 26px #00000073}.result:focus{outline:none}.result :focus-visible{outline-color:var(--ink)}.result-title{font-family:var(--slab);color:var(--ink);margin:0;font-size:1.5rem;font-weight:400}.result-line{margin:.2rem 0 .9rem}.compare{border-top:1px solid #1c1a1840;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:0 1rem;padding-top:.8rem;display:grid}.compare .col{grid-row:span 2;grid-template-rows:subgrid;display:grid}.result.single .compare{grid-template-columns:1fr}.compare h3{color:var(--ink-soft);align-self:end;margin:0 0 .35rem;font-size:.9rem;font-weight:600}.mini{font-family:var(--slab);letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0;font-size:1.05rem;line-height:1.75;list-style:none}.mini .ch{color:var(--proof-red)}.mini li.detour{-webkit-text-decoration:underline wavy var(--proof-red) 1.5px;text-decoration:underline wavy var(--proof-red) 1.5px;text-underline-offset:.28em}.result-note{margin:.9rem 0 0}.share{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:1rem;display:flex}.result .btn{background:var(--ink);color:var(--paper);box-shadow:none}.result .btn:hover{background:#36322d}.result .btn.go{background:var(--verm);color:#fff}.result .btn.go:hover{background:#a82a14}.share-status{color:var(--muted)}.result .share-status,.result .countdown{color:var(--ink-soft)}.share-text{width:100%;color:var(--ink);resize:none;background:#fbf7ee;border:0;border-radius:3px;margin-top:.6rem;padding:.5rem;box-shadow:inset 0 0 0 1px #b3a894}.countdown{margin:.8rem 0 0}.countdown:empty{display:none}.side{flex-direction:column;gap:1.4rem;padding-top:.6rem;display:flex}.card{border-top:3px solid var(--steel-lo);padding:.85rem 0 0}.card h2{font-family:var(--slab);letter-spacing:.01em;color:var(--maple);margin:0 0 .6rem;font-size:1.1rem;font-weight:400}.scores{border-bottom:1px solid var(--rule);padding:.7rem 0 .8rem}.tally{text-align:center;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.tally div+div{border-left:1px solid var(--rule)}.tally dt{color:var(--muted);font-size:.85rem}.tally dd{font-family:var(--slab);color:var(--maple);font-variant-numeric:tabular-nums;margin:0;font-size:1.9rem;line-height:1.15}.tally dd.over{color:var(--verm-hi)}.choice{border:0;margin:0 0 .9rem;padding:0}.choice legend,.field label{color:var(--muted);margin-bottom:.35rem;padding:0;font-size:.9rem;display:block}.seg{gap:.3rem;display:flex}.seg label{flex:1;position:relative}.seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.seg span{background:var(--stone-3);min-height:44px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:4px;place-items:center;padding:0 .4rem;font-weight:560;display:grid}.seg input:checked+span{background:var(--maple);color:var(--ink);box-shadow:0 2px 0 var(--maple-side)}.seg input:focus-visible+span{outline:3px solid var(--verm-hi);outline-offset:2px}.help{color:var(--muted);margin:.35rem 0 0;font-size:.9rem}.link-row{flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-top:.6rem;display:flex}.link-text{background:var(--stone);width:100%;box-shadow:inset 0 0 0 1px var(--rule);border:0;border-radius:4px;margin-top:.5rem;padding:.5rem .6rem}.endless-record{color:var(--muted);margin:.7rem 0 0;font-size:.9rem}.endless-record:empty{display:none}.own-fields{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.field input{background:var(--stone);width:100%;min-height:44px;box-shadow:inset 0 0 0 1px var(--steel-lo);font-family:var(--slab);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:4px;padding:.35rem .6rem;font-size:1.1rem}.own-error{color:var(--verm-hi);margin:.45rem 0 0}.own-error:empty{display:none}.own-form .btn{margin-top:.7rem}.record-list,.dist{margin:0}.record-list div,.dist div{border-bottom:1px solid var(--rule);justify-content:space-between;padding:.25rem 0;display:flex}.record-list dt,.dist dt{color:var(--muted)}.record-list dd,.dist dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.dist-title{margin:1rem 0 .3rem;font-size:.9rem;font-weight:600}.rules{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:2.5rem;margin-top:3rem;padding-top:1.5rem;display:grid}.rules h2{margin:0 0 .6rem;font-size:1.1rem}.rules p{max-width:36rem;margin:0 0 .8rem}.rules-col>h2+p,.rules-col>dl+h2{margin-top:0}.rules-col>dl+h2{margin-top:1.4rem}.shortcuts{margin:0}.shortcuts div{border-bottom:1px solid var(--rule);grid-template-columns:9rem 1fr;gap:.75rem;padding:.3rem 0;display:grid}.shortcuts dd{margin:0}kbd{background:var(--stone-3);min-width:1.6em;box-shadow:inset 0 0 0 1px var(--rule), 0 1px 0 var(--rule);font-family:var(--font);text-align:center;border-radius:4px;padding:.05rem .4rem;font-size:.85rem;display:inline-block}.credit{color:var(--muted)}.site-footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:center;gap:.5rem 1.75rem;padding:2rem 1rem 2.5rem;font-size:.9rem;display:flex}.site-footer a{color:var(--paper)}.tt-take{color:var(--take)}@media (width<=52rem){.game{grid-template-columns:minmax(0,1fr);gap:1.5rem}.side{padding-top:0}.rules{grid-template-columns:minmax(0,1fr);gap:1.5rem}}@media (width<=34rem){.top{padding:.8rem 1rem .2rem}.brand{font-size:1.3rem}.mode{min-width:4.5rem;padding:.4rem .7rem}main{padding:0 1rem 1.5rem}.galley{--gap:.28rem;--b:min(3rem, calc((100vw - 7.6rem) / var(--len)));padding:.7rem .8rem .8rem .4rem}.rung{grid-template-columns:2.9rem auto}.rung-label{padding-right:.4rem;font-size:.74rem}.stick-type{gap:.28rem}.stick{--b:min(3.4rem, calc((100vw - 5.6rem) / var(--len)));margin-top:1rem;padding:.5rem 1.9rem .7rem .55rem}.message{margin-top:.6rem}.meta{padding:.4rem 0 .7rem}.rung.empty{padding:.26rem 0}.key{min-height:46px}.key.enter{min-height:44px}.knee{width:.75rem;right:.45rem}.keys{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;width:100%;max-width:24rem;margin-top:.8rem}.compare{column-gap:.6rem}.shortcuts div{grid-template-columns:7.5rem 1fr}}@media (width<=22rem){.brand{font-size:1.12rem}.mode{min-width:0;padding:.4rem .6rem}}@media (hover:none){.key:hover{background:var(--maple)}.key.enter:hover{background:var(--verm-hi)}.key.del:hover{background:var(--steel)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{html,body{color:#000;background:#fff}.top .modes,.notice,.play,.side,.rules,.site-footer{display:none!important}.game{display:block}.galley{--b:2.6rem;box-shadow:none;background:#fff;border:1px solid #000}.block{box-shadow:none;background:#fff;border:1px solid #000}.rung{border-bottom-color:#bbb}.rung.empty{border-bottom:2px solid #bbb;padding:.28rem 0}.rung.empty .rung-type,.rung.empty.next .rung-type{width:auto;height:auto;box-shadow:none;background:0 0}.rung.empty .slot{border:1px solid #000;display:block}.brand,.puzzle-title,.puzzle-sub,.rung-label,.rung.start .rung-label,.rung.target .rung-label,.rung.over .rung-label{color:#000}}