.cw{--cs:clamp(56px,calc((100vh - 480px) / 5),92px);--cw-line:var(--color-ink);--cw-black:var(--color-ink);--cw-cell:#fff;--cw-word:#ffe3ee;--cw-cur:#ffd54a;--cw-ok:#2a5bd7;--cw-solved:#d9efe3;max-width:980px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3.4vw,44px);align-items:start;justify-content:center}html[data-theme="dark"] .cw{--cw-line:#3a3a3f;--cw-black:#050506;--cw-cell:#202025;--cw-word:#4a2133;--cw-cur:#b88f12;--cw-ok:#7aa7ff;--cw-solved:#173a2a}@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .cw{--cw-line:#3a3a3f;--cw-black:#050506;--cw-cell:#202025;--cw-word:#4a2133;--cw-cur:#b88f12;--cw-ok:#7aa7ff;--cw-solved:#173a2a}}.cw-main{display:flex;flex-direction:column;gap:12px;width:calc(var(--cs) * 5 + 18px);max-width:100%}.cw-bar{display:flex;justify-content:space-between;align-items:center;gap:10px}.cw-timer{display:inline-flex;align-items:center;gap:7px;margin:0;padding:8px 14px;border-radius:999px;background:var(--g-key);box-shadow:var(--g-key-shadow);font-size:15px;font-weight:800;color:var(--color-ink);font-variant-numeric:tabular-nums}.cw-timer svg{color:var(--color-text-soft)}.cw-tools{display:flex;gap:8px}.cw-menu{position:relative}.cw-tool{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--g-key);color:var(--color-ink);font:700 14px/1 var(--font-sans);cursor:pointer;transition:border-color var(--t-fast) var(--ease),transform .2s var(--ease-spring)}.cw-tool:hover{border-color:var(--color-ink)}.cw-tool:active{transform:scale(.95)}.cw-tool svg{transition:transform .25s var(--ease)}.cw-menu.is-open .cw-tool{border-color:var(--color-ink)}.cw-menu.is-open .cw-tool svg{transform:rotate(180deg)}.cw-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;min-width:190px;display:flex;flex-direction:column;padding:6px;border-radius:16px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-lift);animation:g-pop-in .25s var(--ease-spring);transform-origin:top right}.cw-pop button{padding:11px 14px;border:0;border-radius:10px;background:#fff0;color:var(--color-ink);font:700 14px/1.2 var(--font-sans);text-align:left;cursor:pointer}.cw-pop button:hover{background:var(--color-bg-soft);color:var(--color-brand)}.cw-clue{display:flex;align-items:stretch;min-height:66px;border-radius:16px;background:var(--cw-word);overflow:hidden}.cw-clue__nav{flex:0 0 44px;display:grid;place-items:center;border:0;background:#fff0;color:var(--color-ink);cursor:pointer;transition:background var(--t-fast) var(--ease)}.cw-clue__nav:hover{background:rgb(0 0 0 / .06)}.cw-clue__nav:active svg{transform:scale(.85)}.cw-clue__txt{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:10px 4px;border:0;background:#fff0;color:var(--color-ink);font:800 17px/1.3 var(--font-sans);text-align:left;cursor:pointer}.cw-clue__n{flex:0 0 auto;min-width:40px;padding:5px 8px;border-radius:9px;background:var(--color-ink);color:var(--color-bg);font-size:13px;font-weight:900;text-align:center}.cw-clue__t{animation:cw-clue .3s var(--ease) both}@keyframes cw-clue{from{opacity:0;transform:translateY(6px)}}.cw-grid{display:grid;grid-template-columns:repeat(5,var(--cs));gap:3px;padding:3px;border-radius:14px;background:var(--cw-line);box-shadow:var(--shadow-soft);touch-action:manipulation;user-select:none;-webkit-user-select:none;outline:none}.cw-grid.is-shake{animation:lx-shake .4s}.cw-cell{position:relative;width:var(--cs);height:var(--cs);display:grid;place-items:center;background:var(--cw-cell);color:var(--color-ink);cursor:pointer;transition:background .18s var(--ease)}.cw-cell:nth-child(1){border-top-left-radius:11px}.cw-cell:nth-child(5){border-top-right-radius:11px}.cw-cell:nth-child(21){border-bottom-left-radius:11px}.cw-cell:nth-child(25){border-bottom-right-radius:11px}.cw-cell.is-black{background:var(--cw-black);cursor:default}.cw-cell.is-word{background:var(--cw-word)}.cw-cell.is-cur{background:var(--cw-cur)}.cw-n{position:absolute;left:6px;top:4px;font-size:calc(var(--cs) * .17);font-weight:700;line-height:1;color:var(--color-text-soft)}.cw-cell.is-cur .cw-n{color:#1a1a1c}.cw-l{font:900 calc(var(--cs) * .5)/1 var(--font-sans);text-transform:uppercase;transform:translateY(5%)}.cw-cell.is-cur .cw-l{color:#1a1a1c}.cw-cell.is-pop .cw-l{animation:lx-pop .16s var(--ease)}.cw-cell.is-ok .cw-l{color:var(--cw-ok)}.cw-cell.is-bad .cw-l{color:var(--g-red)}.cw-cell.is-bad::after{content:'';position:absolute;inset:14%;background:linear-gradient(to top right,transparent calc(50% - 1.5px),var(--g-red) calc(50% - 1.5px),var(--g-red) calc(50% + 1.5px),transparent calc(50% + 1.5px));opacity:.75;pointer-events:none}.cw-cell.is-shake .cw-l{display:inline-block;animation:lx-shake .4s}.cw-cell.is-rev::before{content:'';position:absolute;right:0;top:0;border-style:solid;border-width:0 calc(var(--cs) * .2) calc(var(--cs) * .2) 0;border-color:#fff0 var(--color-brand) #fff0 #fff0}.cw-cell.is-rev .cw-l{color:var(--color-brand)}.cw-cell.is-flip{animation:lx-flip .45s ease-in-out both;animation-delay:var(--d,0ms)}.cw-cell.is-win{animation:cw-win .7s var(--ease-spring) both;animation-delay:var(--d,0ms)}.cw-cell.is-solved{background:var(--cw-solved)}@keyframes cw-win{0%{transform:none}40%{transform:scale(1.08);background:var(--lx-green);color:#fff}100%{transform:none;background:var(--cw-solved)}}.cw-cell.is-win .cw-n,.cw-cell.is-win .cw-l{color:inherit}.cw.is-done .cw-clue{opacity:.45;pointer-events:none}.cw.is-done .cw-tools{opacity:.45;pointer-events:none}.cw.is-done .cw-kb{display:none}.cw-kb{margin-top:4px}.cw-kb .lx-key{height:52px}.cw-done{padding:16px 18px;border-radius:18px;background:var(--g-key);box-shadow:var(--g-key-shadow);text-align:center;animation:g-rise .45s var(--ease) both}.cw-done__t{margin:0 0 12px;font-size:17px;font-weight:800;color:var(--color-ink)}.cw-done__t strong{color:var(--lx-green)}.cw-lists{display:grid;gap:14px;min-width:0;max-width:400px}.cw-list{padding:16px 14px 12px;border-radius:20px;background:var(--g-key);box-shadow:var(--g-key-shadow)}.cw-list .pg-label{padding:0 8px}.cw-list ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.cw-list button{width:100%;display:flex;gap:10px;align-items:baseline;padding:9px 10px;border:0;border-left:3px solid #fff0;border-radius:10px;background:#fff0;color:var(--color-ink);font:600 15px/1.4 var(--font-sans);text-align:left;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease)}.cw-list button:hover{background:var(--color-bg-soft)}.cw-list b{flex:0 0 20px;font-weight:900;color:var(--color-brand)}.cw-list button.is-full{color:var(--color-text-muted)}.cw-list button.is-full b{color:var(--color-text-muted)}.cw-list button.is-cross{border-left-color:var(--cw-cur)}.cw-list button.is-active{background:var(--cw-word);color:var(--color-ink)}.cw-list button.is-active b{color:var(--color-brand)}@media (min-width:1101px){.cw-kb{display:none}}@media (min-width:1101px) and (pointer:coarse){.cw-kb{display:flex}}@media (max-width:820px){.cw{--cs:min(78px,calc((100vw - 2 * var(--gutter) - 18px) / 5));grid-template-columns:minmax(0,1fr);justify-items:center;gap:20px}.cw-main{width:calc(var(--cs) * 5 + 18px)}.cw-lists{width:100%;max-width:560px}}@media (max-width:760px){.cw-main{gap:10px}.cw-clue{min-height:58px;border-radius:14px}.cw-clue__txt{font-size:15px}.cw-clue__nav{flex-basis:38px}.cw-tool{padding:7px 11px;font-size:13px;min-height:38px}.cw-timer{padding:7px 11px;font-size:14px}.cw-kb .lx-key{height:50px}}