.cw-game{--cw-black:#4a5a52;--cw-lit:#d7ecdf;--cw-now:#f0d58a;--cw-wrong:#f3c6bd;flex-direction:column;gap:.75rem;display:flex;position:relative}.cw-layout{flex-direction:column;gap:1rem;display:flex}.cw-play{flex-direction:column;align-items:center;gap:.6rem;min-width:0;display:flex}.cw-clock{color:var(--nook-ink-soft);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.cw-scroll{touch-action:pan-x pan-y;width:100%;max-width:min(100%,34rem,max(18rem,100svh - 17rem));overflow:auto}.cw-keys-on .cw-scroll{max-width:min(100%,34rem,max(18rem,100svh - 21.5rem))}[data-crossword-game=ar].cw-keys-on .cw-scroll{max-width:min(100%,34rem,max(18rem,100svh - 27rem))}.cw-keys-on .cw-bar-text{min-height:2.6em}[data-crossword-game=ar].cw-keys-on .cw-bar-text{min-height:3.6em}.cw-board{--cw-size:1fr;grid-template-columns:repeat(var(--cw-side), var(--cw-size));width:calc(100% * var(--cw-zoom,1));background:var(--cw-black);border-radius:.6rem;outline:none;gap:2px;padding:2px;display:grid}.cw-board:focus-visible{box-shadow:0 0 0 3px var(--nook-accent)}.cw-mini .cw-scroll{max-width:min(100%,24rem)}@media (width<=640px){.cw-big .cw-board{width:calc(13 * 2.5rem * var(--cw-zoom,1))}.cw-big .cw-scroll{max-height:56svh}}.cw-cell{aspect-ratio:1;background:var(--nook-surface);min-width:0;color:var(--nook-ink);cursor:pointer;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.cw-black{background:var(--cw-black);cursor:default}.cw-lit{background:var(--cw-lit)}.cw-now{background:var(--cw-now)}.cw-wrong{background:var(--cw-wrong)}.cw-mark{color:var(--nook-ink-soft);font-size:clamp(.5rem,1.6vw,.7rem);font-weight:700;line-height:1;position:absolute;inset-block-start:1px;inset-inline-start:2px}.cw-letter{font-size:clamp(1rem, calc(70vw / var(--cw-side)), 1.7rem);font-weight:800;line-height:1}.cw-mini .cw-letter{font-size:clamp(1.4rem,8vw,2.2rem)}.cw-big .cw-letter{font-size:1.25rem}.cw-message{min-height:1.5rem;color:var(--nook-ink);text-align:center;margin:0;font-weight:700}.cw-clue-bar{background:var(--cw-lit);border-radius:.75rem;align-items:center;gap:.25rem;width:100%;max-width:34rem;padding:.35rem;display:flex}.cw-bar-text{color:var(--nook-ink);flex:1;margin:0;font-size:1.05rem;line-height:1.3}.cw-bar-dir{color:var(--nook-ink-soft);font-size:.85rem}.cw-bar-move{background:var(--nook-surface);width:2.5rem;height:2.75rem;color:var(--nook-ink);cursor:pointer;border:0;border-radius:.5rem;flex:none;font-size:1.4rem;font-weight:800}.cw-keyboard{flex-direction:column;gap:.3rem;width:100%;max-width:34rem;display:flex}.cw-keyline{justify-content:center;gap:.25rem;display:flex}.cw-key{background:var(--nook-cream-deep);min-width:0;height:3rem;color:var(--nook-ink);cursor:pointer;border:0;border-radius:.5rem;flex:1 1 0;font-size:1rem;font-weight:800}.cw-key-wide{flex:1.6 1 0;font-size:.8rem}[data-crossword-game=ar] .cw-key{height:3.2rem;font-size:1.25rem}[data-crossword-game=ar] .cw-key-wide{flex:1 1 0;height:2.75rem;font-size:1rem}.cw-key:focus-visible,.cw-tool:focus-visible,.cw-button:focus-visible,.cw-helper:focus-visible,.cw-clue:focus-visible,.cw-bar-move:focus-visible{outline:3px solid var(--nook-accent);outline-offset:2px}.cw-tools{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cw-tool{border:1px solid var(--nook-line);background:var(--nook-surface);min-height:2.75rem;color:var(--nook-ink);cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-weight:700}.cw-panel{background:var(--nook-surface);border-radius:1rem;flex-direction:column;gap:.5rem;width:min(100%,26rem);padding:1rem;display:flex;box-shadow:0 8px 24px #00000026}.cw-panel-state{color:var(--nook-ink-soft);margin:0}.cw-helper{border:1px solid var(--nook-line);background:var(--nook-cream-deep);color:var(--nook-ink);text-align:start;cursor:pointer;border-radius:.75rem;gap:.15rem;padding:.75rem;display:grid}.cw-clues{gap:1rem;min-width:0;display:grid}.cw-clues-title{color:var(--nook-ink);margin:0 0 .35rem;font-size:1.1rem;font-weight:800}.cw-clues-list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.cw-clue{width:100%;min-height:2.5rem;color:var(--nook-ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:.5rem;gap:.5rem;padding:.35rem .5rem;display:flex}.cw-clue-on{background:var(--cw-lit);font-weight:700}.cw-clue-n{flex:none;min-width:1.4rem;font-weight:800}@media (width>=900px){.cw-layout{flex-direction:row;align-items:flex-start}.cw-play{flex:1.1}.cw-clues{flex:1;grid-template-columns:1fr 1fr;max-height:44rem;overflow-y:auto}.cw-mini .cw-clues{max-width:34rem}}.cw-end{background:var(--nook-surface);width:min(100%,44rem);color:var(--nook-ink);text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;margin-inline:auto;padding:1rem;display:flex;box-shadow:0 4px 14px #0000001a}.cw-end-title{margin:0;font-size:1.5rem;font-weight:800}.cw-end-time{margin:0;font-size:1.2rem;font-weight:700}.cw-end-rewards{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.cw-end-note{color:var(--nook-ink-soft);margin:0;font-size:.9rem}.cw-end-link{color:var(--nook-accent);font-weight:700;text-decoration:underline}.cw-end-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.cw-end-answers-title{margin:.5rem 0 0;font-size:1.2rem;font-weight:800}.cw-end-answers{text-align:start;gap:1rem;width:100%;display:grid}.cw-end-answers ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.cw-end-answers{grid-template-columns:1fr 1fr}}.cw-button{background:var(--nook-accent);min-height:3rem;color:var(--nook-on-accent);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.4rem;font-size:1.05rem;font-weight:800;display:inline-flex}.cw-button-soft{background:var(--nook-cream-deep);color:var(--nook-ink)}.cw-howto{z-index:50;background:#0006;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.cw-howto-card{background:var(--nook-surface);width:min(100%,26rem);max-height:100%;color:var(--nook-ink);border-radius:1.25rem;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;overflow-y:auto}.cw-example{background:var(--cw-black);border-radius:.5rem;grid-template-columns:repeat(4,3rem);gap:2px;padding:2px;display:grid}.cw-example-cell{aspect-ratio:1;background:var(--nook-surface);color:var(--nook-ink);justify-content:center;align-items:center;font-size:1.4rem;font-weight:800;display:flex}.cw-example-fill{animation:3s ease-in-out infinite cw-fill}.cw-howto-steps{flex-direction:column;gap:.4rem;margin:0;padding-inline-start:1.25rem;list-style:decimal;display:flex}@keyframes cw-fill{0%,to{background:var(--nook-surface)}35%,65%{background:var(--cw-now)}}@media (prefers-reduced-motion:reduce){.cw-example-fill{animation:none}}
