@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-ext-wght-normal-CawQDOvP.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:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/sora-latin-wght-normal-DdqRvwsR.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{--bg:#e9f0ee;--surface:#f8fbfa;--ink:#0f3d3e;--muted:#4f6a69;--line:#c5d6d2;--rail:#b6cbc6;--accent:#e4572e;--on-accent:#fff;--match:#2a9d8f;--tile:#fff;--shadow:0 14px 36px #0519192e;--font-ui:"Sora Variable", ui-sans-serif, "Segoe UI", system-ui, -apple-system, sans-serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c1d1e;--surface:#142b2c;--ink:#e3efec;--muted:#8faaa6;--line:#26403f;--rail:#2c4a49;--accent:#ff7a55;--on-accent:#1a0b05;--match:#4cc2b3;--tile:#173233;--shadow:0 14px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c1d1e;--surface:#142b2c;--ink:#e3efec;--muted:#8faaa6;--line:#26403f;--rail:#2c4a49;--accent:#ff7a55;--on-accent:#1a0b05;--match:#4cc2b3;--tile:#173233;--shadow:0 14px 36px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);margin:0;font-size:16px;line-height:1.45}button,input,textarea{font:inherit;color:inherit}h2,h3{text-wrap:balance}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:480px;height:100%;margin:0 auto;padding:8px 14px 10px;display:flex}.header{grid-template-columns:1fr auto 1fr;align-items:center;padding:4px 0 10px;display:grid}.title{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:800;line-height:1;display:flex}.logo-mark{width:26px;height:26px;color:var(--accent)}.header-side{gap:2px;display:flex}.header-end{justify-content:flex-end}.icon-button{cursor:pointer;width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;transition:color .15s,background-color .15s;display:grid}.icon-button:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent)}.icon-button svg{width:21px;height:21px}.meta{color:var(--muted);border-bottom:1.5px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:6px;font-size:14px;display:flex}.meta strong{color:var(--ink);font-weight:600}.meta-score{font-variant-numeric:tabular-nums;white-space:nowrap}.ladder-wrap{flex:1;min-height:0;padding:14px 0 8px;overflow-y:auto}.ladder{flex-direction:column;align-items:center;gap:10px;width:max-content;margin:0 auto;padding:0 22px;list-style:none;display:flex;position:relative}.ladder:before,.ladder:after{content:"";background:var(--rail);border-radius:3px;width:5px;position:absolute;top:12px;bottom:12px}.ladder:before{left:4px}.ladder:after{right:4px}.rung{display:flex;position:relative}.rung:before{content:"";background:var(--rail);border-radius:2px;height:4px;margin-top:-2px;position:absolute;top:50%;left:-18px;right:-18px}.rung-button{cursor:pointer;background:0 0;border:0;border-radius:10px;padding:0;display:flex;position:relative}.rung-button:hover .tile{border-color:var(--muted)}.tiles{gap:6px;display:flex;position:relative}.tile{width:var(--ts);height:var(--ts);border:2px solid var(--line);background:var(--tile);font-weight:800;font-size:calc(var(--ts) * .48);text-transform:uppercase;border-radius:8px;place-items:center;display:grid;position:relative}.tile.is-changed{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tile.is-match:after{content:"";background:var(--match);border-radius:2px;width:14px;height:3px;margin-left:-7px;position:absolute;bottom:5px;left:50%}.tile.is-changed.is-match:after{background:var(--on-accent)}.rung-start .tile{background:var(--ink);border-color:var(--ink);color:var(--bg)}.rung-target .tile{border-style:dashed;border-color:var(--ink);background:0 0}.rung-input .tile{border-color:var(--muted)}.rung-input .tile.is-filled{border-color:var(--ink);animation:.12s pop}.rung-input .tile.is-hinted{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.rung-label{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;position:absolute;top:50%;left:100%;transform:translate(24px,-50%)}.ladder.is-solved .rung-target .tile{background:var(--match);border-color:var(--match);color:var(--on-accent);border-style:solid}@keyframes pop{50%{transform:scale(1.08)}}.shake{animation:.35s shake}@keyframes shake{20%,60%{transform:translate(-7px)}40%,80%{transform:translate(7px)}}.placeholder{text-align:center;padding:48px 12px}.placeholder h2{margin:0 0 6px;font-size:26px;font-weight:800}.placeholder p{color:var(--muted);margin:0 0 18px}.placeholder-links{border:4px solid var(--rail);border-top-color:var(--accent);border-radius:50%;width:48px;height:48px;margin:0 auto;animation:.9s linear infinite spin;display:block}@keyframes spin{to{rotate:1turn}}.tools{gap:8px;padding:8px 0;display:flex}.tool{border:1.5px solid var(--line);cursor:pointer;height:40px;color:var(--muted);background:0 0;border-radius:8px;flex:1;font-size:14px;font-weight:600}.tool:hover:not(:disabled){color:var(--ink);border-color:var(--ink)}.tool:disabled{opacity:.45;cursor:default}.keyboard{-webkit-user-select:none;user-select:none;gap:6px;padding-top:4px;display:grid}.keyboard-row{justify-content:center;gap:5px;display:flex}.key{background:var(--surface);max-width:42px;height:54px;box-shadow:inset 0 0 0 1.5px var(--line);text-transform:uppercase;cursor:pointer;touch-action:manipulation;border:0;border-radius:6px;flex:1;place-items:center;padding:0;font-size:16px;font-weight:600;display:grid}.key svg{width:22px;height:22px}.key-wide{flex:1.5;max-width:66px;font-size:13px}.key:active{background:var(--line)}.key-enter{background:var(--ink);color:var(--bg);box-shadow:none}.button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:46px;padding:0 20px;font-weight:700;display:inline-flex}.button svg{width:22px;height:22px}.button-primary{background:var(--ink);color:var(--bg)}.button-ghost{border:1.5px solid var(--line);color:var(--ink);background:0 0}.button-ghost:hover{border-color:var(--ink)}.result{padding:12px 0 4px}.result-title{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:800;line-height:1.1}.result-sub{color:var(--muted);margin:4px 0 0}.par-route{background:var(--surface);color:var(--muted);border-radius:8px;margin:12px 0 0;padding:10px 12px;font-size:14px}.par-route strong{color:var(--ink);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.button-share{background:var(--accent);width:100%;height:54px;color:var(--on-accent);margin-top:14px;font-size:19px;font-weight:800}.manual{border:1.5px solid var(--line);background:var(--surface);border-radius:8px;width:100%;min-height:80px;margin-top:10px;padding:10px}.countdown{color:var(--muted);justify-content:space-between;margin-top:12px;font-size:15px;display:flex}.countdown-time{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.toasts{left:50%;top:calc(env(safe-area-inset-top,0px) + 108px);z-index:20;pointer-events:none;gap:8px;display:grid;position:fixed;transform:translate(-50%)}.toast{background:var(--ink);color:var(--bg);white-space:nowrap;pointer-events:auto;box-shadow:var(--shadow);animation:toast-in .22s var(--ease-out);border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600}@keyframes toast-in{0%{transform:translateY(-14px)}}.toast-action{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.modal{background:var(--surface);width:calc(100% - 32px);max-width:420px;color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:12px;padding:0}.modal[open]{animation:modal-in .22s var(--ease-out)}@keyframes modal-in{0%{transform:translateY(10px)scale(.98)}}.modal::backdrop{background:#050f0f8c}.modal-body{padding:18px 22px 22px}.modal-header{justify-content:space-between;align-items:center;margin:0 -10px 8px 0;display:flex}.modal-header h2{margin:0;font-size:22px;font-weight:800}.modal p{text-wrap:pretty;margin:0 0 8px}.modal-footnote{color:var(--muted);margin-top:14px;font-size:13px}.modal .button-primary{width:100%;height:50px;margin-top:16px}.modal-actions{gap:8px;margin-top:16px;display:flex}.modal-actions .button{flex:1;height:50px;margin:0}.rules{margin:8px 0;padding-left:20px}.rules li+li{margin-top:4px}.example{letter-spacing:.06em;margin:12px 0 4px;font-size:15px;font-weight:800}.example i{color:var(--accent);font-style:normal}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:18px;display:grid}.stats-grid b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1;display:block}.stats-grid span{color:var(--muted);font-size:12px}.dist-title{margin:0 0 10px;font-size:15px;font-weight:700}.dist{gap:5px;display:grid}.dist-row{grid-template-columns:76px 1fr;align-items:center;gap:8px;font-size:13px;display:grid}.dist-label{color:var(--muted)}.dist-bar{background:var(--rail);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;border-radius:4px;min-width:26px;padding:1px 8px;font-style:normal;font-weight:600;display:block}.dist-bar.is-mine{background:var(--ink);color:var(--bg)}.setting{border:0;margin:0 0 18px;padding:0}.setting-name{margin-bottom:8px;padding:0;font-weight:600;display:block}.segmented{gap:6px;display:flex}.segment{flex:1;position:relative}.segment input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.segment span{border:1.5px solid var(--line);cursor:pointer;border-radius:8px;place-items:center;height:40px;font-size:14px;display:grid}.segment span:hover{border-color:var(--muted)}.segment input:checked+span{border-color:var(--ink);font-weight:700}.segment input:focus-visible+span{outline:3px solid var(--accent);outline-offset:2px}.setting-footer{color:var(--muted);font-size:13px}@media (prefers-reduced-motion:reduce){.shake,.rung-input .tile.is-filled,.toast,.modal[open],.placeholder-links{animation:none}}@media (height<=640px){.key{height:46px}}