.cryptogram{display:grid;gap:var(--space-4);container-type:inline-size}.cryptogram > *{min-width:0;margin:0}.cryptogram__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.cryptogram__board{--cell:clamp(2rem,6.2cqi,2.4rem);--line:calc(100cqi - 2 * var(--space-3) - 5px);--l:1;--m:0;display:flex;flex-wrap:wrap;place-items:initial;align-items:flex-start;justify-content:flex-start;gap:var(--space-4) calc(var(--cell) * 0.6);min-height:0;padding:var(--space-4) var(--space-3);text-align:left}.cryptogram__word{display:inline-flex;flex-wrap:wrap;gap:var(--space-2) 2px}.cryptogram__run{display:inline-flex;flex:none;gap:2px}.cryptogram__word,.cryptogram__run{--box:clamp(1.375rem,(var(--line) - (var(--l) + var(--m) - 1) * 2px - var(--m) * var(--cell) * 0.5) / var(--l),var(--cell))}.cryptogram [data-l="6"]{--l:6}.cryptogram [data-l="7"]{--l:7}.cryptogram [data-l="8"]{--l:8}.cryptogram [data-l="9"]{--l:9}.cryptogram [data-l="10"]{--l:10}.cryptogram [data-l="11"]{--l:11}.cryptogram [data-l="12"]{--l:12}.cryptogram [data-l="13"]{--l:13}.cryptogram [data-l="14"]{--l:14}.cryptogram [data-l="15"]{--l:15}.cryptogram [data-l="16"]{--l:16}.cryptogram [data-l="17"]{--l:17}.cryptogram [data-l="18"]{--l:18}.cryptogram [data-l="19"]{--l:19}.cryptogram [data-l="20"]{--l:20}.cryptogram [data-l="21"]{--l:21}.cryptogram [data-l="22"]{--l:22}.cryptogram [data-l="23"]{--l:23}.cryptogram [data-l="24"]{--l:24}.cryptogram [data-m="1"]{--m:1}.cryptogram [data-m="2"]{--m:2}.cryptogram [data-m="3"]{--m:3}.cryptogram [data-m="4"]{--m:4}.cryptogram [data-m="5"]{--m:5}.cryptogram [data-m="6"]{--m:6}.cryptogram [data-m="7"]{--m:7}.cryptogram [data-m="8"]{--m:8}.cryptogram [data-m="9"]{--m:9}.cryptogram__cell{display:grid;flex:none;justify-items:center;width:var(--box,var(--cell));border-radius:var(--radius-sm)}.cryptogram__cell[data-same]{background:var(--brand-soft)}.cryptogram__cell[data-same] .cryptogram__slot{border-bottom-color:var(--brand)}.cryptogram__slot{width:100%;height:var(--tap);padding:0;border:0;border-bottom:2px solid var(--line-strong);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--surface-2);color:var(--ink);font:700 var(--step-1) / 1 var(--font-mono);text-align:center;text-transform:uppercase;caret-color:transparent}.cryptogram__slot.is-given{border-bottom-style:dotted;background:transparent;color:var(--ink-muted)}.cryptogram__slot[data-clash]{border-bottom-color:var(--warn);background:var(--warn-soft)}.cryptogram__slot[aria-invalid="true"]{border-bottom:2px dashed var(--bad);background:var(--bad-soft)}.cryptogram[data-done="solved"] .cryptogram__slot{border-bottom-color:var(--ok)}.cryptogram__code,.cryptogram__mark{font-family:var(--font-mono);line-height:1.2}.cryptogram__code{color:var(--ink-muted);font-size:var(--step--1)}.cryptogram__mark{display:grid;align-items:center;min-width:calc(var(--cell) * 0.5);height:var(--tap);font-size:var(--step-1);font-weight:700;text-align:center}.cryptogram__by{color:var(--ink-muted);font-style:italic}.cryptogram[data-done] .cryptogram__by:not(:empty){font-style:normal}.cryptogram__letters{display:flex;flex-wrap:wrap;gap:0 var(--space-2);font:700 var(--step--1) / 1.6 var(--font-mono)}.cryptogram__letters [data-used]{color:var(--ink-muted);font-weight:400;text-decoration:line-through}.cryptogram__note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}.cryptogram__note p{flex:1 1 16rem;margin:0}.cryptogram__setting{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.cryptogram__setting .label{margin:0}.cryptogram__own .textarea{min-height:5.5rem}.cryptogram__own .btn{justify-self:start}@media print{.cryptogram{display:block}.cryptogram > * + *{margin-top:6mm}.cryptogram__paper-head{display:grid;gap:3mm;font-size:11pt}.cryptogram__paper-head p{margin:0}.cryptogram__print-title,.cryptogram__answers-title{margin:0;font:var(--display-weight) 18pt / 1.2 var(--font-display)}.cryptogram__name span{display:inline-block;width:55mm;margin-right:6mm;border-bottom:0.3mm solid}.cryptogram__board{--cell:8mm;gap:7mm 6mm;padding:4mm 0;border:0;background:none;box-shadow:none;animation:none}.cryptogram__word{break-inside:avoid}.cryptogram__cell[data-same]{background:none}.cryptogram__slot,.cryptogram__mark{height:9mm;font-size:15pt}.cryptogram__slot,.cryptogram__slot[data-clash],.cryptogram__slot[aria-invalid="true"],.cryptogram[data-done="solved"] .cryptogram__slot,.cryptogram__cell[data-same] .cryptogram__slot{border-bottom:0.4mm solid var(--ink);border-radius:0;background:none;color:transparent}.cryptogram__slot.is-given{border-bottom-style:dotted;color:var(--ink)}.cryptogram__slot:focus,.cryptogram__slot:focus-visible{outline:none}.cryptogram__code{color:inherit;font-size:11pt}.cryptogram > .cryptogram__tracker{margin-top:12mm;font-size:10pt;break-inside:avoid}.cryptogram__pairs{width:100%;margin-top:2mm;border-collapse:collapse;table-layout:fixed;font:10pt / 1 var(--font-mono);text-align:center}.cryptogram__pairs th,.cryptogram__pairs td{height:7mm;padding:0;border:0.3mm solid}.cryptogram__pairs th{width:16mm;font-family:var(--font-body)}.cryptogram > .cryptogram__answers{margin-top:0;break-before:page}.cryptogram[data-answers="off"] .cryptogram__answers{display:none}.cryptogram__plain{margin:4mm 0 1mm;font-size:14pt}.cryptogram__source{margin:0 0 5mm;font-style:italic}}.cryptogram[data-done=""] [data-primary-action],.cryptogram[data-cg-own] [data-primary-action],.cryptogram[data-done=""] [data-act="clear"],.cryptogram[data-done]:not([data-done=""],[data-cg-own]) [data-act="another"],.cryptogram[data-done]:not([data-done=""]) :is([data-act="check"],[data-act="hint"],[data-act="reveal"]),.cryptogram__how,[data-cg-letters],[data-cg-solved]{display:none}.cryptogram__dock{display:grid;gap:var(--space-2)}.cryptogram__dock:has(> .cryptogram__bar > :not([hidden])){min-height:var(--tap)}.cryptogram:not([data-cg-own]) .cryptogram__dock{position:sticky;bottom:0;z-index:2;margin-inline:calc(-1 * var(--space-2));padding:var(--space-2);border-top:1px solid var(--line);background:var(--surface)}.cryptogram__text-hint:empty{display:none}.cryptogram__more > .more-row::after{content:"+"}.cryptogram__more[open] > .more-row::after{content:"\2212"}.cryptogram__top .btn{max-width:100%;white-space:normal}@container (max-width:14rem){.cryptogram__bar .btn{max-width:100%;padding-inline:var(--space-2);white-space:normal}}
@media screen{.page--tool .page-head--held{display:block}.page-head--held .tagline{font-size:var(--step-0);line-height:1.45}.page-head--held+.tool{margin-top:calc(var(--space-5) + var(--space-3) + var(--step--1) * 1.6)}}@media screen and (max-width:48rem){.page--tool>.page-head--held+.tool{margin-top:calc(var(--space-4) + var(--step--1) * 1.6)}}