.gt{--gt-correct:var(--a-green);--gt-correct-ink:var(--a-green-ink);--gt-present:var(--q-amber);--gt-present-line:var(--t-amber);--gt-present-key:var(--a-amber);--gt-present-key-ink:var(--a-amber-ink);--gt-gap:6px;--gt-tile-max:60px;--gt-key-max:44px;--gt-key-h:52px;--gt-key-gap:6px;--gt-tile:min(var(--gt-tile-max), calc((100cqw - 4 * var(--gt-gap)) / 5), calc((60svh - 5 * var(--gt-gap)) / 6));--gt-grid:calc(5 * var(--gt-tile) + 4 * var(--gt-gap));--gt-key:min(var(--gt-key-max), calc((100cqw - 9 * var(--gt-key-gap)) / 10));--gt-key-wide:calc(var(--gt-key) * 1.5);--gt-ease-out:cubic-bezier(.215, .61, .355, 1)}.gt[data-palette=blue-orange]{--gt-correct:var(--a-sky);--gt-correct-ink:var(--a-sky-ink);--gt-present:var(--q-orange);--gt-present-line:var(--t-orange);--gt-present-key:var(--a-orange);--gt-present-key-ink:var(--a-orange-ink)}.gt-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.gt-tabular{font-variant-numeric:tabular-nums}.gt .g-head{flex-wrap:wrap;row-gap:8px}.gt .g-head .v2-chip{white-space:nowrap}.gt-stage{margin-top:16px;position:relative}.gt-board{container-type:inline-size}.gt .gt-quiet{text-align:center}.gt-how{scroll-margin-top:24px}.gt-how-tools{flex-wrap:wrap;gap:12px 8px;margin-top:16px;display:flex}.gt-grid{gap:var(--gt-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.gt-row{gap:var(--gt-gap);transition:opacity .15s var(--gt-ease-out);display:flex;position:relative}.gt-row[data-busy],.gt-key[data-busy]{opacity:.5;transition-delay:.4s}.gt-key[data-busy]{transition-delay:0s,.4s}.gt-tile{width:var(--gt-tile);height:var(--gt-tile);background:var(--fill-2);color:var(--text);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;font-size:28px;font-weight:500;line-height:32px;display:flex}.gt-tile[data-state=typed]{background:var(--card);box-shadow:inset 0 0 0 1px var(--dim)}.gt-tile[data-state=absent]{color:var(--text-3)}.gt-tile[data-state=present]{background:var(--gt-present);box-shadow:inset 0 0 0 1.5px var(--gt-present-line);color:var(--gt-present-line)}.gt-tile[data-state=correct]{background:var(--gt-correct);box-shadow:inset 0 0 0 1.5px var(--gt-correct-ink);color:var(--gt-correct-ink)}.gt-well{width:var(--gt-grid);height:calc(6 * var(--gt-tile) + 5 * var(--gt-gap))}.gt .g-mini{--g-mini-ratio:324 / 390}.gt .gt-play{width:var(--gt-grid)}.g-mini .gt-tile[data-state=empty]{background:color-mix(in oklab, var(--text) 7%, var(--fill-2))}.gt-keys{align-items:center;gap:var(--gt-key-gap);flex-direction:column;width:100%;display:flex;container-type:inline-size}.gt-keys.out{display:none}.gt-keys-row{justify-content:center;gap:var(--gt-key-gap);display:flex}.gt-key{width:var(--gt-key);height:var(--gt-key-h);background:var(--fill);color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:scale .1s var(--gt-ease-out), opacity .15s var(--gt-ease-out);border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:1em;font-weight:500;line-height:1.25;display:flex;position:relative}.gt-key:before{content:"";inset:calc(var(--gt-key-gap) / -2);position:absolute}.gt-key.wide{width:var(--gt-key-wide)}.gt-key.word{font-size:.875em;line-height:1.42857}.gt-key[data-state=correct]{background:var(--gt-correct);color:var(--gt-correct-ink)}.gt-key[data-state=present]{background:var(--gt-present-key);color:var(--gt-present-key-ink)}.gt-key[data-state=absent]{background:var(--fill-2);color:var(--g-on-fill-2)}@media (hover:hover) and (pointer:fine){.gt-key:not([data-state]):hover{background:var(--fill-2)}}.gt-key:active{scale:.96}.gt-key:not([data-state]):active{background:var(--fill-2)}.gt-key:focus-visible{outline:2px solid var(--text-3);outline-offset:2px;z-index:1}.gt-keys[data-leaving]{opacity:0;pointer-events:none;transition:opacity .2s var(--gt-ease-out)}.gt-toast-slot{z-index:2;pointer-events:none;justify-content:center;display:flex;position:absolute;top:16px;left:16px;right:16px}.gt-toast{border:1px solid var(--hairline);background:var(--card);min-height:40px;box-shadow:var(--shadow);color:var(--text);text-align:center;text-wrap:balance;opacity:0;transition:opacity .15s var(--gt-ease-out), translate .15s var(--gt-ease-out);border-radius:12px;padding:7px 16px;font-size:1em;font-weight:500;line-height:1.5;translate:0 -6px}.gt-toast[data-shown=true]{opacity:1;transition-duration:.2s;translate:0}.gt-result,.gt-closed{text-align:center;flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.gt-result-lines{flex-direction:column;gap:2px;display:flex}.gt .gt-result-head{color:var(--text);font-weight:500}.gt-figure{text-align:right;font-variant-numeric:tabular-nums;display:inline-block}.gt .gt-share{width:var(--gt-grid);max-width:100%}.gt .gt-fit{width:auto}.gt-join{flex-direction:column;align-items:center;gap:8px;display:flex}.gt .gt-join-line[data-problem]{color:var(--text)}.gt-join-row{gap:8px;display:flex}.gt-initials{background:var(--fill);width:96px;height:48px;color:var(--text);font:inherit;text-align:center;text-transform:uppercase;letter-spacing:.2em;text-indent:.2em;border:0;border-radius:16px;padding:0;font-weight:500}.gt-initials:focus-visible{outline:2px solid var(--text-3);outline-offset:2px}.gt-record{flex-direction:column;gap:24px;width:100%;display:flex}.gt .g-stats{justify-content:space-between;align-items:flex-start;gap:0;display:flex}.gt .g-stats dt{white-space:nowrap}@container (max-width:299px){.gt .g-stats{grid-template-columns:repeat(2,max-content);gap:16px 0;display:grid}}.gt-dist-title{color:var(--text);margin:0 0 12px;font-size:1em;font-weight:500;line-height:1.625}.gt-bars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gt-bar-row{align-items:center;gap:12px;display:flex;position:relative}.gt-bar-n{width:16px;color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:500;line-height:1.5}.gt-bar-track{flex:1 1 0;min-width:0;display:flex}.gt-bar{width:max(28px, calc(var(--share,0) * 100%));background:var(--fill-2);height:24px;color:var(--g-on-fill-2);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:flex-end;align-items:center;padding:0 8px;font-size:.875em;font-weight:500;line-height:1.28571;display:flex}.gt-bar[data-today]{background:var(--gt-correct);color:var(--gt-correct-ink)}@keyframes gt-pop{0%{scale:.9}}@keyframes gt-wave{0%{animation-timing-function:cubic-bezier(.215,.61,.355,1);translate:0}38%{animation-timing-function:cubic-bezier(.455,.03,.515,.955);translate:0 -10px}74%{animation-timing-function:cubic-bezier(.215,.61,.355,1);translate:0 1.5px}to{translate:0}}@keyframes gt-result-in{0%{opacity:0;scale:.96}}@keyframes gt-fade-in{0%{opacity:0}}@keyframes gt-arrive{0%{opacity:0;translate:0 8px}}.gt-tile[data-pop]{animation:gt-pop .25s var(--gt-ease-out) both}.gt-row[data-wave] .gt-tile{animation:gt-pop .25s var(--gt-ease-out) both, gt-wave .38s calc(var(--i) * 80ms) both}.gt-result[data-live]{animation:.35s cubic-bezier(.165,.84,.44,1) both gt-result-in}.gt .g-row.you.arrive{animation:gt-arrive .25s var(--gt-ease-out) both}@media (max-width:767px){.gt{--gt-tile-max:56px;--gt-key-max:32px;--gt-key-h:48px;--gt-key-gap:4px;--gt-key-wide:calc((3 * var(--gt-key) + var(--gt-key-gap)) / 2)}.gt-tile{font-size:26px;line-height:30px}.gt-keys.in{display:none}.gt-keys.out{margin-top:12px;display:flex}.gt .gt-share{width:100%}}@media (prefers-reduced-motion:reduce){.gt-tile[data-pop],.gt-row[data-wave] .gt-tile{animation:none}.gt-key,.gt-row{transition:none}.gt-row[data-busy],.gt-key[data-busy]{transition:opacity 0s linear .4s}.gt-toast{transition-property:opacity;translate:none}.gt-result[data-live],.gt .g-row.you.arrive{animation-name:gt-fade-in}}