:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-colour:#f4f6fa;--text-colour:#14213d;--tile-border-colour:#7a8499;--changed-letter-colour:#1f6f8b;--changed-letter-text-colour:#fff;--rejection-text-colour:#7a1e14;--rejection-background-colour:#f8dcd8}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-colour:#0e1626;--text-colour:#e6ecf5;--tile-border-colour:#5d6b88;--changed-letter-colour:#4fb3d1;--changed-letter-text-colour:#06202a;--rejection-text-colour:#f5c4bd;--rejection-background-colour:#4a1a16}}body{background-color:var(--page-colour);color:var(--text-colour);margin:0;font-family:system-ui,sans-serif}.page{box-sizing:border-box;flex-direction:column;max-width:30rem;height:100dvh;margin:0 auto;padding:0 1rem;display:flex}.header{text-align:center;flex:none}.title-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:0 .75rem;margin-top:.5rem;display:flex}.header h1{margin:0;font-size:1.5rem}.header h2{margin:0;font-size:1rem;font-weight:400}.header p{margin:.25rem 0}.start-to-target{text-transform:uppercase;font-weight:700}.header-numbers{flex-wrap:wrap;justify-content:center;gap:0 1rem;display:flex}.play-area{flex-direction:column-reverse;flex:1;display:flex;overflow-y:auto}.play-area-content{margin-bottom:auto}.chains{flex-wrap:wrap;justify-content:center;gap:0 2rem;display:flex}.word-rows{margin:.5rem 0;padding:0;list-style:none}.word-row{justify-content:center;gap:.25rem;margin:.25rem 0;display:flex}.tile{box-sizing:border-box;border:2px solid var(--tile-border-colour);width:2.75rem;height:2.75rem;color:inherit;text-transform:uppercase;background-color:#0000;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:inline-flex}mark.tile{border-color:var(--changed-letter-colour);background-color:var(--changed-letter-colour);color:var(--changed-letter-text-colour)}.target .tile{border-style:dashed}button.tile{cursor:pointer;padding:0;font-family:inherit}button.tile[aria-pressed=true]{border-width:4px;border-color:var(--text-colour)}form fieldset{border:none;margin:0;padding:.5rem 0}form:has(input:focus) .word-row{outline:2px solid var(--text-colour);outline-offset:.25rem}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.visually-hidden input{box-sizing:border-box;border:0;width:1px;height:1px;padding:0;font-size:16px}.status{text-align:center;min-height:1.5em;margin:0;padding:.25rem .5rem}.status.rejection{background-color:var(--rejection-background-colour);color:var(--rejection-text-colour)}.game-controls{display:contents}.game-controls[hidden]{display:none}.how-to-play{flex:1;padding-bottom:1rem;overflow-y:auto}.how-to-play h2{margin:.5rem 0;font-size:1.25rem}.how-to-play h3{margin:1rem 0 .5rem;font-size:1rem}.how-to-play .close{float:right;margin-top:.5rem}.licence{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.actions{flex-wrap:wrap;flex:none;justify-content:center;gap:.5rem;padding:.5rem 0 1rem;display:flex}.actions p{text-align:center;margin:0}.keyboard{border:none;flex-direction:column;flex:none;gap:.375rem;margin:0;padding:0 0 1rem;display:flex}.keyboard-row{justify-content:center;gap:.25rem;display:flex}.key{border:2px solid var(--tile-border-colour);min-width:0;max-width:2.75rem;height:2.75rem;color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;background-color:#0000;border-radius:.25rem;flex:1;padding:0;font-weight:700}.wide-key{flex:1.5;max-width:4rem;font-size:.875rem}.shake{animation:.3s ease-in-out shake}.flip{animation:.3s ease-in-out flip}@keyframes flip{50%{transform:rotateX(90deg)}}@keyframes shake{25%{transform:translate(-.5rem)}75%{transform:translate(.5rem)}}@media (prefers-reduced-motion:reduce){.shake,.flip{animation:none}}