.lx-shell{--lx-block:#a9bfd6;--lx-highlight:#d0e5ff;--lx-given-selected:#a7c9ef;--lx-selected:#92bcea;--lx-focus:#153e74;--lx-outline:#689ad0;color:#153460;background:#fbfcff;min-height:100vh}.lx-main{max-width:1080px;margin:auto;padding:30px 28px 46px}.lx-heading{justify-content:space-between;align-items:center;gap:16px;margin:25px 0 16px;display:flex}.lx-kicker{letter-spacing:1.5px;color:#66829f;margin:0 0 8px;font-size:12px;font-weight:700}.lx-heading h1{letter-spacing:-1px;flex-wrap:wrap;align-items:center;gap:18px;margin:0;font-size:clamp(30px,5vw,42px);font-weight:800;line-height:1.2;display:flex}.lx-level{letter-spacing:0;border:1px solid var(--level-border);background:var(--level-bg);color:var(--level-ink);border-radius:18px;padding:7px 14px;font-size:14px;font-weight:700}.lx-clock{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.lx-clock>span{color:#61788e;align-items:center;gap:5px;font-size:14px;display:flex}.lx-clock output{font-variant-numeric:tabular-nums;font-size:25px;font-weight:750;line-height:1.1}.lx-instruction{color:#506984;margin:0 0 24px;font-size:17px;line-height:1.5}.lx-workspace{grid-template-columns:minmax(0,1fr) 260px;grid-template-areas:"play bank";align-items:start;gap:28px;display:grid}.lx-play{border:1px solid var(--level-border);background:#fff;border-radius:15px;grid-area:play;min-width:0;padding:20px}.lx-direction-bar{color:#526d89;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;font-size:14px;display:flex}.lx-directions{border:1px solid var(--level-border);border-radius:7px;max-width:100%}.lx-directions button{color:#567698;gap:5px;height:38px;font-size:14px}.lx-directions button[data-state=on]{background:var(--level-bg);color:var(--level-ink)}.lx-board{isolation:isolate;max-width:500px;margin:auto;display:grid;container-type:inline-size}.lx-board>*{aspect-ratio:1;min-width:0;min-height:0}.lx-cell{border:1px solid var(--level-ink);background:var(--level-light);color:var(--level-ink);position:relative}.lx-cell input{box-sizing:border-box;-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:100%;min-height:0;color:inherit;text-align:center;cursor:text;touch-action:manipulation;caret-color:var(--lx-focus);box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;padding:0;font-family:inherit;font-size:clamp(16px,4.35cqw,23px);font-weight:600;line-height:1;display:block;position:absolute;inset:0}.lx-given{background:var(--level-mark)}.lx-given input{cursor:default;font-weight:800}.lx-cell.lx-correct input{color:#b42336;cursor:default;font-weight:800}.lx-block{background:var(--lx-block)}.lx-void{background:0 0}.lx-cell.lx-selected-word{background:var(--lx-highlight);box-shadow:inset 0 0 0 1px var(--lx-outline)}.lx-cell.lx-given.lx-selected-word{background:var(--lx-given-selected)}.lx-cell.lx-selected-cell{background:var(--lx-selected);box-shadow:inset 0 0 0 2px var(--lx-focus)}.lx-cell.lx-error{box-shadow:inset 0 0 0 2px #c62c40}.lx-cell:focus-within{outline:2px solid var(--lx-focus);outline-offset:-2px;z-index:1}.lx-progress-caption{color:#57718c;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:20px 0 9px;font-size:14px;display:flex}.lx-progress{background:#e5eef8;height:5px}.lx-progress [data-slot=progress-indicator]{background:var(--level-ink)}.lx-tools{flex-wrap:wrap;gap:8px;margin:18px 0 0;display:flex}.lx-tools>button{border-color:var(--level-border);color:#31567f;flex:auto;height:auto;min-height:43px;padding:10px;font-size:14px}.lx-feedback{color:#31567f;min-height:44px;margin:16px 0 10px;font-size:14px;line-height:1.6}.lx-save{color:#73869a;margin:0;font-size:13px;line-height:1.6}.lx-bank{border:1px solid var(--level-border);background:#fff;border-radius:15px;grid-area:bank;position:sticky;top:20px;overflow:hidden}.lx-bank-heading{background:var(--level-bg);border-bottom:1px solid var(--level-border);padding:18px 22px}.lx-bank-heading h2{margin:0;font-size:19px;font-weight:750}.lx-word-list{margin:0;padding:17px 22px 22px;list-style:none;display:block}.lx-word-list li{color:#31567f;overflow-wrap:anywhere;font-size:16px;font-weight:500;line-height:1.9;display:block}.lx-rules{max-width:740px;margin-top:28px}.lx-rules h2{margin:0 0 10px;font-size:20px;font-weight:750}.lx-rules p{color:#59718c;margin:8px 0;font-size:15px;line-height:1.7}@media (max-width:800px){.lx-main{max-width:620px;padding:22px 18px 40px}.lx-workspace{grid-template-columns:minmax(0,1fr);grid-template-areas:"bank""play";gap:14px}.lx-bank{display:block;position:static}.lx-bank-heading{padding:10px 14px}.lx-bank-heading h2{font-size:16px}.lx-word-list{flex-wrap:wrap;gap:4px 18px;padding:12px 14px;display:flex}.lx-word-list li{order:var(--mobile-order);white-space:nowrap;overflow-wrap:normal;font-size:16px;line-height:1.5}.lx-play{padding:15px}.lx-heading{gap:10px;margin-top:22px}.lx-heading h1{gap:10px}.lx-instruction{margin-bottom:18px;font-size:16px}.lx-clock output{font-size:23px}.lx-kicker{letter-spacing:1px;font-size:12px}.lx-direction-bar{justify-content:flex-start}}@media (max-width:420px){.lx-main{padding-left:12px;padding-right:12px}.lx-play{padding:10px}.lx-heading h1{font-size:29px}.lx-level{padding:5px 10px}.lx-clock>span{font-size:12px}.lx-clock output{font-size:21px}.lx-tools{gap:6px}.lx-tools>button{padding:10px 8px}.lx-direction-bar{gap:8px;margin-bottom:12px}}@media (prefers-reduced-motion:reduce){.lx-shell *{scroll-behavior:auto;transition:none!important;animation:none!important}}.lx-shell.tone-mint{--lx-block:#adc8b7;--lx-highlight:#d3efdc;--lx-given-selected:#abd6b9;--lx-selected:#8fc7a1;--lx-focus:#205535;--lx-outline:#65a47c}.lx-shell.tone-peach{--lx-block:#d5b99e;--lx-highlight:#ffe1c3;--lx-given-selected:#f5c79b;--lx-selected:#efba85;--lx-focus:#7b4519;--lx-outline:#bd8955}.lx-word-list li.is-found{color:#617489;text-decoration:line-through;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--level-ink);text-decoration-color:var(--level-ink)}.lx-board-scroll{overscroll-behavior:contain;max-width:100%;scroll-padding:8px;overflow:auto}.lx-board-scroll.is-zoomed{max-height:65dvh}.lx-board-scroll .lx-board{flex-shrink:0}.lx-board-scroll .lx-cell input{font-size:clamp(calc(16px * var(--lx-zoom,1)),4.35cqw,calc(23px * var(--lx-zoom,1)))}.lx-zoom-hint{color:#59718c;margin:8px 0;font-size:13px}.lx-keypad{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 0;display:grid}.lx-keypad button{border-color:var(--level-border);height:46px;color:var(--level-ink);touch-action:manipulation;font-size:22px;font-weight:700}.lx-keypad button:disabled{opacity:.45}.grid-zoom{color:#31567f;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px;font-size:14px;display:flex}.grid-zoom>span{margin-right:auto}.grid-zoom button{border:1px solid var(--level-border,#bfd1e3);min-width:40px;min-height:40px;color:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:7px;padding:5px 10px}.grid-zoom button:disabled{opacity:.4;cursor:default}.grid-zoom button:focus-visible{outline-offset:2px;outline:2px solid #153e74}.grid-zoom output{text-align:center;font-variant-numeric:tabular-nums;min-width:42px}

@supports not (aspect-ratio:1){.lx-board>*:before{content:"";display:block;padding-top:100%;pointer-events:none}}