.dw{--dw-ease-out: cubic-bezier(.2,.8,.3,1);--dw-correct: #1E8A4F;--dw-correct-lit: #2AAE64;--dw-present: #E8B84B;--dw-absent: #38465A;--dw-empty: #161F2B;--dw-line: rgb(255 255 255 / .17);--dw-gap: clamp(var(--sp-1),1cqi,var(--sp-2));display:flex;flex-direction:column;align-items:stretch;gap:clamp(var(--sp-1),1.4cqi,var(--sp-3));padding:clamp(var(--sp-2),1.8cqi,var(--sp-4));inline-size:100%;position:relative;color:#eaf1f8;font:600 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.dw__bar{display:flex;align-items:center;gap:var(--sp-2) var(--sp-2);flex-wrap:wrap}.dw__stat{display:flex;flex-direction:column;justify-content:center;min-width:4.25rem;min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink)}.dw__stat span{font-size:var(--fs-1);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:700}.dw__stat b{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.dw__level{display:flex;align-items:center;gap:var(--sp-2)}.dw__seg{min-width:180px}.dw__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:color-mix(in srgb,var(--art-near) 16%,transparent);color:var(--dw-present);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.dw__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.dw__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border-width:1px;border-style:solid;border-color:var(--wash-4);border-radius:var(--r-sm);background:var(--wash-3);color:inherit;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--dw-ease-out)}.dw__btn:hover{background:var(--wash-4)}.dw__btn:active{transform:translateY(1px)}.dw__btn:focus-visible,.dw__key:focus-visible{outline:3px solid var(--dw-correct-lit);outline-offset:2px}@container (max-width: 30rem){.dw__level{order:3;flex:0 1 auto;margin-inline-start:auto}.dw__seg{min-width:0}}.dw__board{display:grid;gap:var(--dw-gap);inline-size:min(100%,20rem,max(calc((var(--fold, 100vh - 16rem) - 19.5rem) * .8),16rem));min-inline-size:12rem;margin-inline:auto;touch-action:manipulation}.dw__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--dw-gap);perspective:700px}.dw__tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:var(--r-sm);background:var(--dw-empty);box-shadow:inset 0 0 0 2px var(--dw-line);font-size:clamp(var(--fs-6),3cqi + 1rem,var(--fs-7));font-weight:800;line-height:1;letter-spacing:.01em;transition:box-shadow .12s,background-color .12s;backface-visibility:hidden}.dw__tile b{font-weight:inherit}.dw__tile.is-filled{box-shadow:inset 0 0 0 2px var(--wash-6)}.dw__row.is-active .dw__tile:not(.is-filled){box-shadow:inset 0 0 0 2px var(--wash-5)}.dw__tile.is-cursor{box-shadow:inset 0 0 0 2px var(--dw-correct-lit)}.dw__tile.is-correct{background:var(--dw-correct);color:#fff;box-shadow:inset 0 0 0 2px var(--wash-4)}.dw__tile.is-present{background:var(--dw-present);color:var(--art-near-ink);box-shadow:inset 0 0 0 2px var(--scrim-1)}.dw__tile.is-absent{background:var(--dw-absent);color:var(--art-miss-ink);box-shadow:none}.dw__mark{position:absolute;box-sizing:border-box;top:8%;right:8%;width:22%;max-width:11px;aspect-ratio:1;opacity:0;transition:opacity .12s}.dw__tile.is-correct .dw__mark{opacity:.95;background:#fff;border-radius:var(--r-sm)}.dw__tile.is-present .dw__mark{opacity:.9;border-radius:50%;border:3px solid var(--art-near-ink);background:transparent}.dw__tile.is-absent .dw__mark{opacity:.85;border-radius:50%;background:#93a5b8;width:10%;max-width:5px;top:11%;right:11%}.dw__status{margin:0;min-height:1.45em;text-align:center;font-size:var(--fs-2);font-weight:600;color:#eaf1f8e0}.dw__keys{display:flex;flex-direction:column;gap:clamp(var(--sp-1),1cqi,var(--sp-2));inline-size:min(100%,30rem);margin-inline:auto;touch-action:none}.dw__krow{display:flex;gap:clamp(var(--sp-1),.8cqi,var(--sp-1));justify-content:center}.dw__krow:nth-child(2){padding-inline:4.5%}.dw__key{position:relative;flex:1 1 0;min-width:0;min-height:46px;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:#2a3746;color:#eaf1f8;font:inherit;font-weight:800;font-size:var(--fs-3);cursor:pointer;transition:background-color .12s,transform 90ms var(--dw-ease-out)}.dw__key--wide{flex:1.7 1 0;font-size:var(--fs-1);letter-spacing:.02em}.dw__key:hover{background:#33424f}.dw__key.is-down{transform:translateY(2px) scale(.97);background:#3d4d5c}.dw__key.is-correct{background:var(--dw-correct);color:#fff}.dw__key.is-present{background:var(--dw-present);color:var(--art-near-ink)}.dw__key.is-absent{background:var(--art-ink-dark);color:#eaf1f866}.dw__kmark{position:absolute;box-sizing:border-box;top:5px;right:5px;width:6px;aspect-ratio:1;opacity:0}.dw__key.is-correct .dw__kmark{opacity:.95;background:#fff;border-radius:var(--r-sm)}.dw__key.is-present .dw__kmark{opacity:.9;border-radius:50%;border:2px solid var(--art-near-ink);background:transparent;width:7px}.dw__key.is-absent .dw__kmark{opacity:.8;border-radius:50%;background:#eaf1f873;width:4px}.dw--over .dw__keys{opacity:.55}.dw--over .dw__key{cursor:default}.dw .gk-result__detail{white-space:pre-line;letter-spacing:.18em;line-height:1.12;font-size:var(--fs-1);color:var(--wash-7)}.dw__float{color:var(--dw-correct-lit);font-size:var(--fs-3)}@container (min-height: 1px){.dw__board{inline-size:min(100%,max(calc((var(--fold, 100vh - 16rem) - 19rem) * .8),17rem),26rem)}.dw__keys{margin-block-start:auto}}@media(prefers-reduced-motion:reduce){.dw__btn,.dw__key,.dw__tile,.dw__mark{transition:none}}