.wl{--wl-bg:#fbf9f1;--wl-tile:#fff;--wl-ink:#26372e;--wl-muted:#59635c;--wl-line:#cbcfc4;--wl-key:#e5e7de;--wl-gold:#f6c84b;--wl-on-gold:#302800;--wl-swap:#ffe4ac;--wl-swap-edge:#9b690b;--wl-on-swap:#493005;--wl-match:#daeddf;--wl-match-edge:#63866d;--wl-on-match:#244b30;--wl-cell:48px;--wl-small:34px}.wl[data-palette=ink]{--wl-bg:#202a26;--wl-tile:#2d3a33;--wl-ink:#f1f5e9;--wl-muted:#c5d0c7;--wl-line:#76887c;--wl-key:#3c4c42;--wl-gold:#efc459;--wl-on-gold:#302800;--wl-swap:#594321;--wl-swap-edge:#ecc76d;--wl-on-swap:#fff0cd;--wl-match:#325841;--wl-match-edge:#91bc9c;--wl-on-match:#e4f8e8}.wl[data-palette=contrast-paper]{--wl-bg:#fff;--wl-tile:#fff;--wl-ink:#101810;--wl-muted:#303830;--wl-line:#101810;--wl-key:#e2e7e2;--wl-swap-edge:#493005;--wl-match-edge:#244b30}.wl[data-palette=contrast-ink]{--wl-bg:#090f0b;--wl-tile:#090f0b;--wl-ink:#fff;--wl-muted:#e0e8e1;--wl-line:#fff;--wl-key:#26372e;--wl-swap:#ffe4ac;--wl-swap-edge:#ffe4ac;--wl-match:#daeddf;--wl-match-edge:#daeddf}.wl-surface{background:var(--wl-bg);width:100%;max-width:500px;height:610px;color:var(--wl-ink);border-radius:20px;flex-direction:column;gap:8px;margin-inline:auto;padding:12px;display:flex}.wl-heading{color:var(--wl-muted);flex-shrink:0;justify-content:space-between;gap:10px;font-size:12px;line-height:1.25;display:flex}.wl-goal{border-bottom:1px solid var(--wl-line);flex-shrink:0;justify-items:center;gap:4px;padding-bottom:6px;display:grid}.wl-goal-label{letter-spacing:.08em;text-transform:uppercase;color:var(--wl-muted);font-size:11px;font-weight:600;line-height:1.2}.wl-letters{justify-content:center;gap:6px;display:flex}.wl-tile{width:var(--wl-cell);height:var(--wl-cell);flex:0 0 var(--wl-cell);border:2px solid var(--wl-line);background:var(--wl-tile);color:var(--wl-ink);font-size:calc(var(--wl-cell) * .58);border-radius:7px;place-items:center;font-weight:700;line-height:1;transition:background-color .14s,border-color .14s;display:grid;position:relative}.wl-tile.is-changed{background:var(--wl-swap);color:var(--wl-on-swap);border-color:var(--wl-swap-edge);text-underline-offset:4px;text-decoration:underline 2px}.wl-tile.is-match{background:var(--wl-match);color:var(--wl-on-match)}.wl-tile.is-match:not(.is-changed){border-color:var(--wl-match-edge)}.wl-tile.is-match:after{content:"";background:var(--wl-on-match);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;right:4px}.wl-target .wl-tile:after{content:none}.wl-legend{min-height:18px;color:var(--wl-muted);flex-shrink:0;justify-content:center;gap:18px;font-size:11px;display:flex}.wl-legend>span{align-items:center;gap:5px;display:inline-flex}.wl-legend i{border:2px solid;border-radius:3px;width:12px;height:12px;display:inline-block}.wl-legend-swap{background:var(--wl-swap);border-color:var(--wl-swap-edge);color:var(--wl-on-swap)}.wl-legend-match{background:var(--wl-match);border-color:var(--wl-match-edge);color:var(--wl-on-match)}.wl-history{min-height:calc(var(--wl-cell) * 2 + 14px);overscroll-behavior:contain;scrollbar-gutter:stable both-edges;flex:1;padding:4px 0 6px;overflow-y:auto}.wl-history.is-clipped{-webkit-mask-image:linear-gradient(#0000,#000 32px);mask-image:linear-gradient(#0000,#000 32px)}.wl-rung:not(.is-current){--wl-cell:var(--wl-small)}.wl-rung:not(.is-current) .wl-tile{border-radius:6px}.wl-rung:not(.is-current) .wl-tile.is-changed{text-underline-offset:3px}.wl-rung:not(.is-current) .wl-tile.is-match:after{width:3px;height:3px;bottom:3px;right:3px}.wl-history ol{gap:6px;margin:0;padding:0;list-style:none;display:grid}.wl-rung,.wl-entry{grid-template-columns:16px auto 16px;justify-content:center;align-items:center;gap:6px;display:grid}.wl-rung-number{color:var(--wl-muted);text-align:center;font-size:11px}.wl-entry{margin-top:6px}.wl-draft{cursor:text;touch-action:manipulation;border-radius:7px;outline:none;grid-column:2}.wl-draft .wl-tile{border-style:dashed}.wl-draft .wl-tile.is-filled{border-style:solid}.wl-draft .wl-tile.is-cursor{border-color:var(--wl-ink);box-shadow:inset 0 -3px 0 var(--wl-ink);border-style:solid}.wl-draft .wl-tile.is-clue{outline:2px dashed var(--wl-swap-edge);outline-offset:2px}.wl .wl-draft:focus-visible{outline:3px solid var(--wl-swap-edge);outline-offset:3px}.wl-draft.is-error .wl-tile{border-color:var(--danger)}.wl-overflow{color:var(--danger);text-align:center;overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:12px}.wl-message{text-align:center;height:32px;color:var(--wl-muted);flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:.25em;margin:0;font-size:13px;line-height:1.2;display:flex}.wl-message.is-error{color:var(--danger)}.wl-message strong{color:var(--wl-ink)}.wl-to-go{color:var(--wl-ink);font-weight:600}.wl-to-go.is-stuck{color:var(--danger)}.wl-actions{flex-shrink:0;justify-content:center;align-items:center;gap:10px;display:flex}.wl-actions .game-button{min-height:44px;padding:7px 14px;font-size:13px}.wl-assisted{color:var(--wl-muted);font-size:12px}.wl-keys{flex-shrink:0;gap:6px;width:100%;display:grid}.wl-key-row{justify-content:center;gap:4px;display:flex}.wl-key{background:var(--wl-key);min-width:0;max-width:44px;min-height:46px;color:var(--wl-ink);font:inherit;cursor:pointer;touch-action:manipulation;border:0;border-radius:7px;flex:1 1 0;place-items:center;padding:0;font-size:15px;font-weight:700;display:grid}.wl-key-wide{flex:1.6 1 0;max-width:64px;font-size:12px}.wl-enter{background:var(--wl-gold);color:var(--wl-on-gold)}.wl-key:disabled{opacity:.6;cursor:wait}.wl-finished{text-align:center;flex-shrink:0;gap:10px;display:grid}.wl-finished p{margin:0}.wl-verdict{font-size:15px;font-weight:600}.wl-arrival{border:2px solid var(--wl-swap-edge);background:var(--wl-gold);color:var(--wl-on-gold);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:700;display:flex}.wl-arrival svg{width:24px;height:24px}.wl[data-celebrating] .wl-rung:last-child .wl-tile{animation:.6s ease-out both wl-arrive}.wl[data-celebrating] .wl-rung:last-child .wl-tile:nth-child(2){animation-delay:80ms}.wl[data-celebrating] .wl-rung:last-child .wl-tile:nth-child(3){animation-delay:.16s}.wl[data-celebrating] .wl-rung:last-child .wl-tile:nth-child(4){animation-delay:.24s}.wl[data-celebrating] .wl-rung:last-child .wl-tile:nth-child(5){animation-delay:.32s}@keyframes wl-arrive{0%{transform:translateY(6px)scale(.94)}45%{box-shadow:0 0 0 3px var(--wl-gold);transform:translateY(-4px)scale(1.06)}to{transform:none}}.wl-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;display:grid}.wl-stats>div{border:1px solid var(--wl-line);background:var(--wl-tile);border-radius:10px;flex-direction:column-reverse;gap:2px;padding:8px 4px;display:flex}.wl-stats dt{color:var(--wl-muted);font-size:11px}.wl-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700;line-height:1.1}.wl-solution{gap:2px;font-size:14px;line-height:1.45;display:grid}.wl-solution-label{letter-spacing:.08em;text-transform:uppercase;color:var(--wl-muted);font-size:11px;font-weight:600}.wl-solution p:last-child{overflow-wrap:anywhere;font-weight:600}.wl-finished-actions{justify-content:center;gap:8px;display:flex}.wl-finished-actions>*{flex:1 1 0;min-width:0;max-width:200px}.wl-finished-actions .game-button{justify-content:center;width:100%;min-height:44px}.wl-next-daily{color:var(--wl-muted);font-size:13px}.wl .wl-history:focus-visible,.wl .wl-key:focus-visible{outline:3px solid var(--wl-ink);outline-offset:3px}:root[data-focus-view] .wl .game-frame-content{flex-direction:column;min-height:0;display:flex}:root[data-focus-view] .wl-surface{flex:1;height:auto;min-height:0}@container game (height<=650px){.wl-surface{--wl-cell:44px;--wl-small:30px}}@container game (height<=560px){.wl-legend{display:none}.wl-goal{padding-bottom:4px}}@container game (width<=350px){.wl-surface{padding-inline:8px}.wl-legend{gap:12px}}@container game (height<=430px){.wl-surface{gap:5px;padding:6px 10px}.wl-goal{justify-content:center;gap:12px;padding-bottom:4px;display:flex}.wl-legend{min-height:16px}.wl-history{min-height:calc(var(--wl-cell) * 2 + 14px)}}@container game (height<=430px) and (width>=600px){.wl-surface{grid-template:"heading.""goal.""history message"minmax(0,1fr)"history actions""history keys"/minmax(0,1fr) minmax(0,1fr);column-gap:18px;max-width:860px;display:grid}.wl-heading{grid-area:heading}.wl-goal{grid-area:goal}.wl-history{grid-area:history;min-height:0}.wl-message{grid-area:message;align-self:end}.wl-actions{grid-area:actions}.wl-keys{grid-area:keys}.wl-key{min-height:44px}.wl-finished{grid-area:1/2/-1;align-self:center}}@media (hover:hover) and (pointer:fine){.wl-key:hover{box-shadow:inset 0 0 0 2px var(--wl-line)}}@media (prefers-reduced-motion:reduce){.wl[data-celebrating] .wl-rung:last-child .wl-tile{animation:none}.wl-tile{transition:none}}