body.focus{background:var(--paper);overscroll-behavior:none;touch-action:manipulation;min-height:100dvh}.t-bar{align-items:center;row-gap:var(--s-2);padding-top:var(--s-3);grid-template-columns:1fr auto;display:grid}.t-where{align-items:baseline;gap:0 var(--s-3);font-size:var(--t-sm);flex-wrap:wrap;line-height:1.3;display:flex}.t-where b{font-size:var(--t-base)}.t-where span{color:var(--ink-2)}.t-time{align-items:center;gap:var(--s-2);font-size:var(--t-md);font-variant-numeric:tabular-nums lining-nums;font-weight:700;display:inline-flex}.t-prog{grid-column:1/-1;gap:6px;display:flex}.t-grp{flex:var(--n) 1 0;gap:2px;display:flex}.t-grp i{background:var(--rule);border-radius:1px;flex:1;height:6px}.t-grp i.done{background:var(--ink)}.t-grp i.now{background:var(--you);height:12px;box-shadow:0 0 0 1.5px var(--ink);margin-block:-3px}.t-test{gap:var(--s-3);max-width:64rem;height:100dvh;padding:0 var(--gutter) var(--s-3);grid-template-rows:auto minmax(0,1fr);margin-inline:auto;display:grid}.t-test[hidden],.t-stage[hidden],.t-card[hidden],.t-pre[hidden]{display:none}.t-stage{--grid-size:min(100%, 100dvh - 27.5rem);gap:var(--s-3);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.t-prompt{font-family:var(--text);font-size:var(--t-md);letter-spacing:0;font-weight:700;line-height:1.25}.t-q{justify-items:center;gap:var(--s-3);grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.t-q>:first-child{align-self:center}.t-note{justify-content:space-between;gap:0 var(--s-4);margin-top:var(--s-2);min-height:1.4em;font-size:var(--t-xs);color:var(--ink-2);flex-wrap:wrap;display:flex}.t-keys{display:none}.t-status{color:var(--ink);font-weight:700}@media (hover:hover) and (pointer:fine){.t-keys{display:inline}}.t-card,.t-pre{gap:var(--s-4);grid-template-rows:minmax(0,1fr) auto;width:100%;max-width:34rem;min-height:0;margin-inline:auto;display:grid}.t-card-body,.t-pre-body{align-content:center;gap:var(--s-4);min-height:0;display:grid}.t-pre{min-height:100dvh;padding:var(--s-4) var(--gutter) var(--s-4)}.t-pre .note{gap:var(--s-3);padding-left:calc(var(--s-4) + 1.2em);margin:0;display:grid}.q-count{margin-top:calc(var(--s-2) * -1);color:var(--ink-2);font-weight:600}.q-intro{font-size:var(--t-md);line-height:1.5}.q-example-fig{--grid-size:8.5rem;margin-top:var(--s-3);justify-items:start;display:grid}.q-example-fig .q-clues{width:12rem}@media (width>=56rem) and (height>=34rem){.t-test{gap:var(--s-6);padding-bottom:var(--s-6)}.t-stage{--grid-size:min(30rem, 100dvh - 12rem);place-content:center;column-gap:var(--s-8);row-gap:var(--s-4);grid-template:"stem prompt""stem opts""stem act"1fr/minmax(0,30rem) minmax(0,26rem)}.t-prompt{font-size:var(--t-lg);grid-area:prompt}.t-q{display:contents}.t-q>:first-child{grid-area:stem;place-self:start center}.t-q>.q-opts{grid-area:opts}.t-act{margin-top:var(--s-3);grid-area:act;align-self:start}.t-note{flex-direction:column}.t-card,.t-pre{align-content:center;gap:var(--s-6);grid-template-rows:auto auto}.t-card .btn,.t-pre .btn{justify-self:start;width:auto;min-width:14rem}}.q-grid{width:var(--grid-size,100%);aspect-ratio:1;color:var(--ink);grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.q-cell{background:var(--sheet);border:1px solid var(--rule);border-radius:4px;place-items:center;padding:9%;display:grid}.q-cell svg,.q-opt svg,.q-target svg{width:100%;height:100%}.q-cell--missing{border:2px dashed var(--ink-3);font-family:var(--display);color:var(--ink-3);background:0 0;font-size:clamp(1.5rem,8vw,2.5rem);font-weight:600}.q-run{align-self:center;gap:4px;width:100%;max-width:30rem;margin:0;display:flex}.q-run span{aspect-ratio:1/1.15;background:var(--sheet);border:1px solid var(--rule);min-width:0;max-height:5rem;font-family:var(--display);font-variant-numeric:tabular-nums lining-nums;border-radius:4px;flex:1;place-items:center;font-size:clamp(1.0625rem,4.6vw,1.75rem);font-weight:600;display:grid}.q-run--8 span,.q-run--7 span{font-size:clamp(.9375rem,4vw,1.625rem)}.q-run .q-ask{border:2px dashed var(--ink-3);color:var(--ink-3);background:0 0}.q-target{width:min(13rem, 100%, var(--grid-size,13rem));aspect-ratio:1;background:var(--sheet);border:1px solid var(--rule);color:var(--ink);border-radius:4px;align-self:center;padding:6%}.q-clues{width:min(17rem,100%);color:var(--ink);align-self:center;gap:6px;margin:0;padding:0;list-style:none;display:grid}.q-clues li{place-items:center;gap:var(--s-4);height:clamp(2.6rem,17.8571dvh - 4.82143rem,3.6rem);padding:4px var(--s-4);background:var(--sheet);border:1px solid var(--rule);border-radius:4px;grid-template-columns:1fr auto 1fr;display:grid}.q-clues svg{aspect-ratio:1;width:auto;height:100%}.q-clues b{font-family:var(--display);font-size:var(--t-lg);line-height:1}.q-opts{width:100%;color:var(--ink);grid-template-columns:repeat(4,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.q-opts--6{grid-template-columns:repeat(3,1fr)}.q-opts--5{grid-template-columns:repeat(5,1fr);gap:6px}.q-opt{aspect-ratio:1;background:var(--sheet);border:1.5px solid var(--rule);border-radius:var(--radius);min-height:56px;color:inherit;cursor:pointer;transition:border-color .12s var(--ease), background-color .12s var(--ease);place-items:center;padding:16% 12% 8%;display:grid;position:relative}.q-opts--6 .q-opt{aspect-ratio:auto;min-height:4rem;padding:var(--s-2)}.q-opts--5 .q-opt{padding:22% 8% 6%}button.q-opt:hover{border-color:var(--ink)}.q-text{font-family:var(--display);font-size:var(--t-lg);font-variant-numeric:tabular-nums lining-nums;font-weight:600}.q-key{min-width:1.35rem;height:1.35rem;font-size:var(--t-xs);color:var(--ink-2);border-radius:3px;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:3px;left:3px}.q-opt[aria-pressed=true],.q-opt.is-chosen{background:var(--you-wash);border:3px solid var(--ink)}.q-opt[aria-pressed=true] .q-key,.q-opt.is-chosen .q-key{background:var(--ink);color:#fff}.q-opt.is-correct{background:var(--ok-wash);border:3px solid var(--ok)}.q-opt.is-correct .q-key{background:var(--ok);color:#fff}.q-opts--static .q-opt{cursor:default;aspect-ratio:auto;min-height:4.75rem;padding:1.5rem 12%}.q-opts--static .q-opt svg{max-height:3.5rem}.q-flag{text-align:center;white-space:nowrap;font-size:.6875rem;font-weight:700;line-height:1;position:absolute;bottom:3px;left:0;right:0}.q-flag--you{color:var(--you-ink)}.q-flag--ok{color:var(--ok)}.q-worked{--grid-size:min(100%, 13.5rem);gap:var(--s-4);justify-items:center;display:grid}.q-worked .q-run{justify-self:stretch}@media (width>=40rem){.q-worked--patterns,.q-worked--spatial,.q-worked--logic{--grid-size:13.5rem;align-items:center;gap:var(--s-6);grid-template-columns:13.5rem minmax(0,1fr)}}.t-home[data-astro-cid-jyyahow4]{font-family:var(--display);color:var(--ink);font-size:1.25rem;font-weight:700;text-decoration:none}