.wl{position:absolute;inset:0;display:flex;flex-direction:column;font-family:var(--mono);color:var(--text);background:radial-gradient(120% 80% at 50% -10%,rgba(255,111,181,.09),transparent 55%),var(--ink);overflow:hidden}.wl-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px;padding:13px 20px 12px;border-bottom:1px solid var(--line)}.wl-title{display:flex;align-items:center;font-size:14px;letter-spacing:.24em;color:var(--text)}.wl-dot{width:8px;height:8px;border-radius:50%;margin-right:9px;background:var(--accent);box-shadow:0 0 9px var(--accent)}.wl-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}.wl-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}.wl-seg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--ink-2);border:none;border-right:1px solid var(--line-2);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .12s,color .12s}.wl-seg-btn:last-child{border-right:none}.wl-seg-btn:hover{color:var(--text);background:#ffffff0a}.wl-seg-btn.on{color:var(--ink);background:var(--accent)}.wl-seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.wl-stats{display:flex;gap:16px}.wl-stat{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.wl-stat i{font-style:normal;font-size:8px;letter-spacing:.14em;color:var(--text-faint);text-transform:uppercase}.wl-stat b{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--text)}.wl-stat b em{font-style:normal;font-size:11px;margin-left:3px;color:var(--text-faint)}.wl-stat.over b em{color:var(--warn)}.wl-mono{font-variant-numeric:tabular-nums}.wl-new{padding:7px 14px;background:transparent;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.wl-new:hover{color:var(--text);border-color:var(--accent);background:#ff6fb514}.wl-new:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wl-stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.6vh,26px);padding:clamp(16px,3.5vh,38px) clamp(16px,5vw,64px) clamp(12px,2vh,22px);overflow-y:auto}.wl-goal{flex:0 0 auto;display:flex;align-items:center;gap:clamp(12px,3vw,30px);padding:clamp(10px,1.8vh,16px) clamp(16px,3vw,28px);background:var(--ink-1);border:1px solid var(--line);border-radius:var(--r-md)}.wl-goal-arrow{font-size:clamp(18px,3vw,26px);color:var(--text-faint)}.wl-ladder-wrap{position:relative;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.wl-ladder{display:flex;flex-direction:column;align-items:center;gap:clamp(5px,1vh,9px);margin:0;padding:4px 0;list-style:none}.wl-rung{display:flex;align-items:center;gap:12px;animation:wl-rise .2s ease}@keyframes wl-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.wl-rung-n{width:18px;text-align:right;font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-faint)}.wl-rung.is-start .wl-rung-n{color:var(--text-dim)}.wl-word{display:inline-flex;gap:clamp(4px,.7vw,7px)}.wl-tile{width:clamp(34px,5vw,46px);height:clamp(40px,6vw,54px);display:flex;align-items:center;justify-content:center;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text);font-family:var(--serif);font-weight:600;font-size:clamp(18px,3vw,28px);text-transform:uppercase}.wl-tile.filled{background:var(--ink-3)}.wl-tile.changed{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 16px -6px #ff6fb5cc}.wl-word-start .wl-tile,.wl-word-end .wl-tile{background:var(--ink-2)}.wl-word-end .wl-tile{border-color:var(--accent);color:var(--accent)}.wl-rung.is-end .wl-word .wl-tile{border-color:var(--accent)}.wl-rung.is-end .wl-word{box-shadow:0 0 22px -10px #ff6fb5e6;border-radius:var(--r-sm)}.wl-rung-input .wl-word-draft{cursor:text;position:relative}.wl-word-draft .wl-tile{border-style:dashed;border-color:var(--line-2)}.wl-word-draft .wl-tile.filled{border-style:solid}.wl-word-draft.valid .wl-tile.filled{border-color:var(--accent)}.wl-word-draft.flash-notword .wl-tile,.wl-word-draft.flash-notstep .wl-tile,.wl-word-draft.flash-dupe .wl-tile{border-color:var(--warn);animation:wl-shake .3s ease}@keyframes wl-shake{10%,90%{transform:translate(-1px)}30%,70%{transform:translate(2px)}50%{transform:translate(-2px)}}.wl-hidden-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wl-hidden-input:focus-visible+.wl-word-draft{outline:none}.wl-rung-input:focus-within .wl-word-draft .wl-tile:first-child{box-shadow:inset 0 0 0 2px var(--accent)}.wl-flash{margin-top:8px;font-size:clamp(11px,1.5vw,13px);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;animation:wl-fade-in .18s ease}.wl-flash.flash-good,.wl-flash.flash-win,.wl-flash.flash-hint{color:var(--accent)}.wl-flash.flash-win{font-weight:700;text-shadow:0 0 18px rgba(255,111,181,.6)}.wl-flash.flash-notword,.wl-flash.flash-notstep,.wl-flash.flash-dupe{color:var(--warn)}@keyframes wl-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.wl-actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.wl-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;background:transparent;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.wl-btn:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.wl-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wl-btn:disabled{opacity:.4;cursor:default}.wl-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}.wl-btn.primary:hover:not(:disabled){filter:brightness(1.08);color:var(--ink)}.wl-btn.primary:disabled{background:var(--ink-2);border-color:var(--line-2);color:var(--text-faint)}.wl-kbd{font-family:var(--mono);font-size:10px;line-height:1;color:inherit;opacity:.7;border:1px solid currentColor;border-radius:var(--r-xs);padding:2px 5px}.wl-near{flex:0 0 auto;margin:0;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.wl-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;padding:24px;background:#07090ec7;backdrop-filter:blur(6px);animation:wl-fade .25s ease}@keyframes wl-fade{0%{opacity:0}to{opacity:1}}.wl-result{width:min(540px,100%);max-height:calc(100% - 32px);overflow-y:auto;text-align:center;padding:30px 28px 26px;background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.wl-result-mark{font-size:40px;color:var(--text-dim)}.wl-result-mark.win{color:var(--accent);text-shadow:0 0 24px rgba(255,111,181,.5)}.wl-result-title{margin:8px 0 4px;font-family:var(--serif);font-weight:500;font-size:26px;color:var(--text)}.wl-result-sub{margin:0 0 20px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.wl-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px}.wl-result-stats div{padding:12px 6px;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-sm)}.wl-result-stats dt{font-size:7.5px;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.wl-result-stats dd{margin:5px 0 0;font-family:var(--serif);font-size:22px;color:var(--text)}.wl-result-par{margin:0 0 18px;font-size:12px;letter-spacing:.04em;color:var(--accent)}.wl-solution{margin:0 0 18px;text-align:left}.wl-solution-head{margin-bottom:8px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.wl-solution-chain{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.wl-solution-w{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;background:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-xs);font-size:12px;letter-spacing:.06em;color:var(--text)}.wl-solution-sep{font-style:normal;color:var(--text-faint)}.wl-result-actions{display:flex;justify-content:center;gap:8px}.wl-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:9px 20px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.06em;color:var(--text-faint);text-transform:uppercase}.wl-cred{color:var(--text-faint);opacity:.7}@media(max-width:560px){.wl-head{padding:11px 14px}.wl-stats{gap:12px}.wl-stat b{font-size:16px}.wl-stage{padding:16px 14px 18px}.wl-result-stats{grid-template-columns:repeat(3,1fr)}.wl-foot .wl-cred{display:none}}.wl-calm .wl-rung,.wl-calm .wl-flash,.wl-calm .wl-overlay,.wl-calm .wl-word-draft .wl-tile{animation:none!important}@media(prefers-reduced-motion:reduce){.wl-rung,.wl-flash,.wl-overlay,.wl-word-draft .wl-tile{animation:none}.wl-seg-btn,.wl-btn,.wl-new{transition:none}}