.bw-game,.bw-modal{--bw-board:#f2f4f8;--bw-tile:#fff;--bw-ink:#1f2a37;--bw-sub:#5b6878;--bw-faint:#b9c3d0;--bw-line:#d9dfe7;--bw-bar:#8d99a8;--bw-key:#eef2f6;--bw-won:#bfe7c8;--bw-won-ink:#17452a;--bw-lost:#e3e7ed;--bw-error:#b9382c}body.dark-theme :is(.bw-game,.bw-modal),[data-theme=dark] :is(.bw-game,.bw-modal){--bw-board:#37393f;--bw-tile:#4a4d55;--bw-ink:#f2f4f7;--bw-sub:#aeb5bf;--bw-faint:#6a717d;--bw-line:#565a62;--bw-bar:#8a919c;--bw-key:#3d4350;--bw-won:#23553a;--bw-won-ink:#d9f5e4;--bw-lost:#44474d;--bw-error:#ff9d8f}.bw-game{--bw-board-h:clamp(236px,calc(100dvh - 386px),372px);box-sizing:border-box;width:min(100%,460px);color:var(--bw-ink);margin:0 auto;padding:0 8px 12px;position:relative}.bw-status{height:24px;color:var(--bw-sub);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;margin-bottom:6px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.bw-game .bw-timer.pzl-game-timer{width:auto;max-width:none;margin:0;padding:0}.bw-play{position:relative}.bw-play.is-paused :is(.bw-frame,.bw-caption,.bw-keyboard){visibility:hidden}.bw-frame{container-type:inline-size}.bw-board{--bw-pad:20px;--bw-gap:12px;--bw-cell-gap:5px;--bw-cell:min(58px,calc((100cqw - 28px - (var(--bw-len) - 1)*var(--bw-cell-gap))/var(--bw-len)));--bw-input-h:var(--bw-cell);--bw-word-tile:min(38px,calc((100cqw - 48px - (var(--bw-len) - 1)*3px)/var(--bw-len)));--bw-word-h:var(--bw-word-tile);--bw-first:calc(var(--bw-pad) + var(--bw-word-h) + var(--bw-gap));--bw-room:calc(var(--bw-board-h) - 2*var(--bw-first) - var(--bw-input-h));--bw-spring:cubic-bezier(.3,1.35,.5,1);height:var(--bw-board-h);background:var(--bw-board);border-radius:22px;position:relative}.bw-board.is-field{--bw-input-h:60px;--bw-word-h:44px}.bw-word{height:var(--bw-word-h);opacity:0;pointer-events:none;justify-content:center;transition:opacity .22s,transform .3s;display:flex;position:absolute;left:0;right:0}.bw-word.is-earlier{top:var(--bw-pad);transform:translateY(-14px)scale(.92)}.bw-word.is-later{bottom:var(--bw-pad);transform:translateY(14px)scale(.92)}.bw-word.is-current{opacity:1;transform:none}.bw-word-box{align-items:center;gap:3px;display:flex}.bw-letter{color:var(--bw-ink);justify-content:center;align-items:center;font-weight:700;display:flex}.bw-board.is-tiles .bw-letter{width:var(--bw-word-tile);height:var(--bw-word-tile);border-radius:calc(var(--bw-word-tile)*.22);background:var(--bw-tile);font-size:calc(var(--bw-word-tile)*.52)}.bw-board.is-field .bw-word-box{background:var(--bw-tile);border-radius:14px;gap:0;height:44px;padding:0 16px}.bw-board.is-field .bw-letter{width:23px;font-size:21px}.bw-board .is-edge .bw-word-box{height:var(--bw-word-h);background:0 0;padding:0}.bw-board .is-edge .bw-letter{width:auto;height:auto;color:var(--bw-sub);background:0 0;font-size:20px}.bw-link{border-left:2px solid var(--bw-bar);width:0;transition:height .6s var(--bw-spring);margin-left:-1px;position:absolute;left:50%}.bw-link-top{top:calc(var(--bw-pad) + var(--bw-word-h) + 5px);height:max(0px,calc(var(--bw-gap) - 10px + var(--bw-room)*var(--bw-p)))}.bw-link-bottom{bottom:calc(var(--bw-pad) + var(--bw-word-h) + 5px);height:max(0px,calc(var(--bw-gap) - 10px + var(--bw-room)*(1 - var(--bw-p))))}.bw-board.is-marker-zone .bw-link{border-left-style:dashed}.bw-board.is-marker-none .bw-link{border-left-style:dotted;border-left-color:var(--bw-faint)}.bw-lock-slot{pointer-events:none;position:absolute;left:0;right:0}.bw-lock{width:28px;height:28px;color:var(--bw-sub);cursor:help;pointer-events:auto;background:0 0;border:0;place-items:center;margin:-14px 0 0 -14px;padding:0;display:grid;position:absolute;top:50%;left:50%}.bw-lock svg{box-sizing:content-box;background:var(--bw-board);border-radius:50%;padding:2px}.bw-lock:focus-visible{outline:2px solid var(--primary-color,#67a9e4);outline-offset:-4px;border-radius:50%}.bw-lock-tip{z-index:6;box-sizing:border-box;background:var(--tooltip-bg,#333);width:max-content;max-width:min(240px,80cqw);color:var(--tooltip-text,#fff);text-align:center;pointer-events:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1.35;display:none;position:absolute;left:50%;transform:translate(-50%)}.bw-link-top .bw-lock-tip{bottom:calc(100% - 4px)}.bw-link-bottom .bw-lock-tip{top:calc(100% - 4px)}.bw-lock.is-open .bw-lock-tip,.bw-lock:focus-visible .bw-lock-tip{display:block}@media (hover:hover){.bw-lock:hover .bw-lock-tip{display:block}}.bw-slot{height:var(--bw-input-h);transform:translateY(calc(var(--bw-first) + var(--bw-room)*var(--bw-p)));transition:transform .6s var(--bw-spring);position:absolute;top:0;left:14px;right:14px}.bw-input{justify-content:center;align-items:center;gap:var(--bw-cell-gap);height:100%;display:flex}.bw-cell{box-sizing:border-box;color:var(--bw-ink);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.bw-board.is-tiles .bw-cell{width:var(--bw-cell);height:var(--bw-cell);border:2px solid var(--bw-line);border-radius:calc(var(--bw-cell)*.2);background:var(--bw-tile);font-size:calc(var(--bw-cell)*.5);transition:background .3s ease calc(var(--bw-i)*60ms),border-color .15s ease}.bw-board.is-tiles .bw-cell.is-filled{border-color:var(--bw-ink)}.bw-board.is-field .bw-input{box-sizing:border-box;border:2px solid var(--bw-line);background:var(--bw-tile);border-radius:18px;gap:0;width:fit-content;min-width:176px;max-width:100%;margin:0 auto;padding:0 16px;transition:background .3s,border-color .15s}.bw-board.is-field .bw-cell{flex:0 36px;width:36px;height:40px;font-size:28px}.bw-board.is-field:has(.bw-cell.is-filled) .bw-input{border-color:var(--bw-faint)}.bw-board.is-secret .bw-cell{width:auto;font-size:min(28px,calc((100cqw - 68px)/var(--bw-n)*1.25));flex:none}.bw-board.is-secret .bw-cell.is-cursor{width:3px;margin-left:3px}.bw-board.is-secret .bw-caret{margin-left:0;left:0}.bw-board.is-secret .bw-word:not(.is-edge) .bw-word-box{padding:0 14px}.bw-board.is-secret .bw-word:not(.is-edge) .bw-letter{width:auto;font-size:min(21px,calc((100cqw - 60px)/var(--bw-n)*1.25))}.bw-typed{animation:.14s ease-out bwPop;display:inline-block}.bw-ghost{color:var(--bw-faint)}.bw-mark{background:var(--bw-faint);border-radius:50%;width:7px;height:7px;display:block}.bw-caret{background:var(--bw-ink);border-radius:2px;width:2.5px;margin-left:-1px;animation:1.1s linear infinite bwBlink;position:absolute;top:22%;bottom:22%;left:50%}.bw-caret.is-side{left:13%}.bw-board.is-won.is-tiles .bw-cell{border-color:var(--bw-won);background:var(--bw-won);color:var(--bw-won-ink);animation:bwWin .46s ease calc(var(--bw-i)*70ms)both}.bw-board.is-lost.is-tiles .bw-cell{border-color:var(--bw-lost);background:var(--bw-lost)}.bw-board.is-won.is-field .bw-input{border-color:var(--bw-won);background:var(--bw-won)}.bw-board.is-won.is-field .bw-cell{color:var(--bw-won-ink)}.bw-board.is-lost.is-field .bw-input{border-color:var(--bw-lost);background:var(--bw-lost)}.bw-board:is(.is-won,.is-lost) .bw-link{opacity:.4}.bw-caption{height:24px;color:var(--bw-sub);text-align:center;white-space:nowrap;justify-content:center;align-items:center;margin:3px 0;font-size:13px;font-weight:500;display:flex;overflow:hidden}.bw-caption>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.bw-note.is-error{color:var(--bw-error)}.bw-enter-hint{display:none}.bw-alphabet{width:100%;color:var(--bw-faint);justify-content:space-between;align-items:center;font-size:11px;font-weight:400;display:flex}.bw-alphabet b{color:var(--bw-ink);margin-right:4px;font-size:12px;font-weight:700}.bw-alphabet span{text-align:center;flex:1 1 0;min-width:0;transition:color .3s}.bw-alphabet .is-on{color:var(--bw-ink);font-weight:700}.bw-keyboard{touch-action:manipulation;flex-direction:column;gap:5px;display:flex}.bw-keyboard-row{justify-content:center;gap:3px;display:flex}.bw-key{appearance:none;background:var(--bw-key);min-width:0;max-width:44px;height:42px;color:var(--bw-ink);font:inherit;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:0;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;display:flex}.bw-key:active:not(:disabled){background:var(--bw-line)}.bw-key:disabled{opacity:.45;cursor:default}.bw-key:focus-visible{outline:2px solid var(--primary-color,#67a9e4);outline-offset:1px}.bw-key-wide{flex-grow:1.55;max-width:66px;font-size:12px}.bw-key-wide.is-ready{background:var(--bw-ink);color:var(--bw-tile)}body.dark-theme .bw-key-wide.is-ready,[data-theme=dark] .bw-key-wide.is-ready{color:#1f2a37}.bw-next{justify-content:center;align-items:center;min-height:136px;display:flex}.bw-rules{text-align:left;flex-direction:column;gap:12px;margin-bottom:18px;font-size:14px;line-height:1.45;display:flex}.bw-rules>div{grid-template-columns:27px 1fr;align-items:center;gap:10px;display:grid}.bw-rules b{background:var(--bw-board);width:26px;height:26px;color:var(--bw-ink);border-radius:50%;place-items:center;font-size:12px;display:grid}.bw-help-note{color:var(--bw-sub);text-align:left;margin:10px 0 0;font-size:13px;line-height:1.45}.modal-content p.bw-help-note{text-align:left;margin-bottom:0}.modal-content p.bw-help-note.is-notice{color:#2f8f5b;font-weight:600}body.dark-theme .modal-content p.bw-help-note.is-notice,[data-theme=dark] .modal-content p.bw-help-note.is-notice{color:#7fd1a3}.bw-example{margin-bottom:4px}.bw-example .bw-board{--bw-pad:12px;--bw-gap:8px;--bw-cell:32px;--bw-cell-gap:4px;--bw-word-tile:26px;--bw-board-h:184px;background:var(--bw-board)}.bw-inline-icon{vertical-align:-2px;display:inline-block}.bw-start-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bw-start-options .btn{padding-inline:5px}.bw-start-options .bw-start-daily{grid-column:1/-1;justify-content:center;align-items:center;gap:8px;min-height:46px;margin-top:4px;display:flex}#bw-start-game-of-day-from-modal-btn.gotd-active{background:var(--gotd-active-bg)!important;color:#fff!important}.bw-secret-row{text-align:left;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.bw-secret-text{flex-direction:column;gap:2px;display:flex}.bw-secret-text strong{color:var(--text-color);font-size:14px;font-weight:600}.bw-secret-text small{color:var(--bw-sub);font-size:12px;line-height:1.35}.bw-sources-link{color:var(--text-secondary);text-underline-offset:3px;margin-top:12px;font-size:11px;text-decoration:underline;display:inline-block}.bw-stats{color:var(--bw-sub);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;font-size:12px;display:grid}.bw-stats span{flex-direction:column;align-items:center;gap:2px;display:flex}.bw-stats strong{color:var(--text-color);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.modal-content p.bw-stats-title{color:var(--bw-sub);text-align:left;margin:18px 0 8px;font-size:13px}.bw-stats-bars{gap:3px;height:112px;display:flex}.bw-stats-bar{min-width:0;max-width:44px;color:var(--bw-sub);font-variant-numeric:tabular-nums;text-align:center;flex:1 1 0;grid-template-rows:16px 1fr 18px;font-size:11px;display:grid}.bw-stats-bar small{font-size:11px}.bw-stats-bar i{background:var(--bw-bar);border-radius:3px 3px 0 0;align-self:end}.bw-style-picker{text-align:left;margin-top:14px}.bw-style-picker p{text-align:left;margin:0 0 8px;font-size:14px;font-weight:500}.bw-style-picker>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bw-style-picker button{border:2px solid var(--bw-line);color:var(--text-color);font:inherit;cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:10px 6px;font-size:13px;display:flex}.bw-style-picker button.is-selected{border-color:var(--primary-color,#67a9e4);font-weight:600}.bw-style-picker button.is-locked{opacity:.4;cursor:not-allowed}.bw-style-preview{height:30px;color:var(--bw-ink);justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:700;display:flex}.bw-style-preview i{font-style:normal}.bw-style-preview.is-tiles i{box-sizing:border-box;border:1.5px solid var(--bw-ink);border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.bw-style-preview.is-field{box-sizing:border-box;border:1.5px solid var(--bw-ink);border-radius:9px;width:92px}.bw-style-preview.is-field u{background:var(--bw-faint);border-radius:50%;width:4px;height:4px;margin:0 3px}.bw-end{flex-direction:column;align-items:center;gap:12px;display:flex}.modal-content p.bw-end-label{color:var(--bw-sub);margin:0;font-size:13px}.bw-end-word{justify-content:center;gap:4px;width:100%;display:flex}.bw-end-word span{aspect-ratio:1;background:var(--bw-lost);min-width:0;color:var(--bw-ink);border-radius:9px;flex:0 40px;place-items:center;font-size:20px;font-weight:700;display:grid}.bw-end-word.is-won span{background:var(--bw-won);color:var(--bw-won-ink)}.modal-content p.bw-end-moves{color:var(--bw-sub);margin:0;font-size:12px;line-height:1.5}.bw-next-daily span{font-variant-numeric:tabular-nums;font-weight:600}.bw-spin{vertical-align:-2px;animation:1s linear infinite bwSpin}.bw-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes bwSpin{to{transform:rotate(360deg)}}@keyframes bwPop{0%{opacity:.2;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}@keyframes bwBlink{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes bwWin{40%{transform:scale(1.1)}to{transform:none}}@keyframes bwShake0{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes bwShake1{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@media (hover:hover) and (pointer:fine){.bw-game{--bw-board-h:372px;padding-bottom:24px}.bw-keyboard{display:none}.bw-next{min-height:64px}.bw-caption.is-ready .bw-sentence{display:none}.bw-caption.is-ready .bw-enter-hint{display:inline}}@media (max-width:400px){.bw-alphabet{font-size:10px}.bw-key{height:40px}}@media (prefers-reduced-motion:reduce){.bw-typed,.bw-caret,.bw-board.is-won.is-tiles .bw-cell{animation:none}.bw-slot,.bw-link,.bw-word,.bw-cell,.bw-input{transition:none}}
