@font-face{font-family:Reem Kufi;src:url(./ReemKufi.subset-CHgNCHQG.woff2) format("woff2-variations"),url(./ReemKufi.subset-CHgNCHQG.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:Cairo;src:url(./Cairo.subset-DYr8bjcx.woff2) format("woff2-variations"),url(./Cairo.subset-DYr8bjcx.woff2) format("woff2");font-weight:400 700;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-Regular.subset-D5nTnl7e.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans Arabic;src:url(./IBMPlexSansArabic-SemiBold.subset-D6anAO1f.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(./IBMPlexSans.subset-v9tuqyLu.woff2) format("woff2-variations"),url(./IBMPlexSans.subset-v9tuqyLu.woff2) format("woff2");font-weight:400 600;font-display:swap}:root{--ink: #14110F;--lapis: #1B3A8C;--vermilion: #D6402B;--saffron: #E8A621;--verdigris: #1F8A70;--gypsum: #EFF1F4;--face-display: "Reem Kufi", sans-serif;--face-content: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;--face-naskh: "Amiri", serif;--face-chrome: "Cairo", system-ui, sans-serif}[data-ground=dark]{--ground: var(--ink);--on-ground: var(--gypsum);--mistara: rgba(239, 241, 244, .17);--spent: rgba(239, 241, 244, .07);--wahaj: drop-shadow(0 0 16px rgba(232, 166, 33, .4))}[data-ground=light]{--ground: var(--gypsum);--on-ground: var(--ink);--mistara: rgba(20, 17, 15, .22);--spent: rgba(20, 17, 15, .08);--wahaj: none}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}:where(.wall,.wall-body,.keys,.key-slot,.key,.key-answer,.device,.pad){min-width:0}[data-pigment=lapis]{--pigment: var(--lapis);--on-pigment: var(--gypsum);--rim: color-mix(in oklab, var(--lapis) 62%, var(--gypsum))}[data-pigment=vermilion]{--pigment: var(--vermilion);--on-pigment: var(--gypsum);--rim: color-mix(in oklab, var(--vermilion) 62%, var(--gypsum))}[data-pigment=saffron]{--pigment: var(--saffron);--on-pigment: var(--ink);--rim: color-mix(in oklab, var(--saffron) 58%, var(--ink))}[data-pigment=verdigris]{--pigment: var(--verdigris);--on-pigment: var(--gypsum);--rim: color-mix(in oklab, var(--verdigris) 62%, var(--gypsum))}.mistara{border:0;block-size:1.5px;background:var(--mistara);margin:0}.wall-frame{container-type:inline-size}.wall{block-size:100%;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(12px,3.2cqi,56px);gap:clamp(8px,2cqi,32px);background:var(--ground);color:var(--on-ground);transition:background .42s ease,color .42s ease}.wall-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.wall-counter{font-family:var(--face-display);font-weight:500;font-size:clamp(.8rem,2.4cqi,2.5rem);letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.62}.wall-counter b{font-weight:500;opacity:1}.wall-counter i{font-style:normal;margin:0 .35em;opacity:.5}.wall-subject{font-family:var(--face-display);font-size:clamp(.55rem,1.3cqi,1.4rem);letter-spacing:.1em;opacity:.45}.wall-body{display:flex;flex-direction:column;justify-content:center;gap:clamp(2px,1cqi,16px);min-block-size:0}.wall-question{margin:0;font-family:var(--face-content);font-weight:600;font-size:clamp(.95rem,4.6cqi,4.75rem);line-height:1.42;letter-spacing:-.005em;text-align:center;text-wrap:balance;max-inline-size:22ch;margin-inline:auto}.wall-question[data-face=amiri]{font-family:var(--face-naskh);font-weight:400;font-size:clamp(1rem,5cqi,5.25rem);line-height:1.78}.kashida{display:block;inline-size:min(100%,1180px);block-size:clamp(18px,4.75cqi,56px);margin-inline:auto;overflow:hidden}.kashida-rule{stroke:var(--mistara);stroke-width:1.5}.kashida-stroke{fill:var(--saffron);filter:var(--wahaj)}.wall[data-state=revealed] .kashida-stroke{opacity:0;transition:opacity .32s ease}.wall[data-state=revealed] .kashida-rule{opacity:.5;transition:opacity .32s ease}.keys{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.1cqi,20px)}.key-slot{position:relative;display:grid;padding-block-end:clamp(10px,2cqi,32px)}.key{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(6px,1.4cqi,28px);padding:clamp(8px,1.6cqi,30px) clamp(9px,1.6cqi,30px);min-block-size:clamp(44px,9cqi,156px);border:0;border-radius:3px;background:var(--fill, var(--pigment));color:var(--label, var(--on-pigment));font:inherit;text-align:start;box-shadow:inset 0 0 0 3px var(--edge, var(--rim));transition:background .48s cubic-bezier(.22,1,.36,1),color .48s ease,box-shadow .48s ease,transform .52s cubic-bezier(.22,1,.36,1),filter .48s ease}.key[data-index]{cursor:pointer}@media(hover:hover){.key[data-index]:hover{transform:translateY(-2px);filter:brightness(1.06)}}.key[data-index]:active{transform:translateY(0) scale(.99)}.key[data-index]:focus-visible{outline:3px solid var(--on-ground);outline-offset:3px}.key[aria-disabled=true]{cursor:default}.key-abjad{font-family:var(--face-display);font-weight:600;font-size:clamp(.85rem,2.5cqi,2.9rem);line-height:1;inline-size:1.6em;text-align:center;opacity:.78}.key-answer{font-family:var(--face-content);font-weight:600;font-size:clamp(.65rem,1.95cqi,2.35rem);line-height:1.35;letter-spacing:-.005em}.key-answer[dir=ltr]{font-family:IBM Plex Sans,system-ui,sans-serif;display:inline-block}.keys[data-face=amiri] .key-answer{font-family:var(--face-naskh);font-weight:700;font-size:clamp(.7rem,2.05cqi,2.5rem);line-height:1.6}.wall[data-state=revealed] .key-slot[data-correct=false] .key{--fill: var(--ground);--edge: var(--spent);--label: var(--spent);transform:scale(.965)}.wall[data-state=revealed] .key-slot[data-correct=true] .key{transform:translateY(clamp(-26px,-2.2cqi,-10px));filter:drop-shadow(0 20px 44px rgba(0,0,0,.5))}.rubric{position:absolute;inline-size:100%;inset-inline-start:0;inset-block-end:0;block-size:14px;overflow:hidden;pointer-events:none;clip-path:inset(0 0 0 100%)}.rubric-stroke{fill:var(--vermilion)}.wall[data-state=revealed] .key-slot[data-correct=true] .rubric{clip-path:inset(0 0 0 0);transition:clip-path .56s cubic-bezier(.32,.72,.3,1) .26s}.device{inline-size:236px;border-radius:26px;padding:10px;background:color-mix(in oklab,var(--ground) 82%,var(--on-ground));box-shadow:0 26px 60px #00000080,inset 0 0 0 1px var(--spent)}.device-screen{border-radius:18px;background:var(--ground);box-shadow:inset 0 0 0 1px var(--spent);padding:16px 14px 18px;display:grid;gap:12px}.device-head{display:flex;align-items:center;justify-content:space-between}.device-counter{font-family:var(--face-display);font-size:1.05rem;font-variant-numeric:tabular-nums;opacity:.6}.device-name{font-family:var(--face-chrome);font-size:.72rem;opacity:.42}.device-kashida{display:block;inline-size:100%;block-size:14px;overflow:hidden}.pad{display:grid;gap:7px}.pad-key{border:0;border-radius:3px;padding:13px;background:var(--fill, var(--pigment));color:var(--label, var(--on-pigment));box-shadow:inset 0 0 0 2px var(--edge, var(--rim));font-family:var(--face-display);font-size:1.5rem;font-weight:600;line-height:1;cursor:pointer;transition:background .42s ease,color .42s ease,box-shadow .42s ease,transform .26s cubic-bezier(.22,1,.36,1)}.pad-key:active{transform:scale(.97)}.pad[data-picked=true] .pad-key[aria-pressed=false]{--fill: var(--ground);--edge: var(--spent);--label: var(--spent)}.pad[data-picked=true] .pad-key[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--edge, var(--rim)),0 0 0 3px var(--on-ground)}.pad[data-state=revealed] .pad-key[data-correct=true]{--fill: var(--pigment);--edge: var(--rim);--label: var(--on-pigment)}.device-note{font-family:var(--face-chrome);font-size:.78rem;text-align:center;min-block-size:1.2em;opacity:.5}.imla{display:grid;gap:clamp(10px,2cqi,18px);padding:clamp(16px,3cqi,28px);background:var(--ground);color:var(--on-ground);border-radius:4px;box-shadow:inset 0 0 0 1px var(--spent)}.imla-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.imla-counter{font-family:var(--face-display);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.62}.imla-score{font-family:var(--face-display);font-weight:600;font-variant-numeric:tabular-nums}.imla-again{font-family:var(--face-chrome);font-size:.7rem;font-weight:600;color:var(--saffron);border:1px solid currentColor;border-radius:999px;padding:0 .6em;margin-inline-start:.5em}.imla-instructions{font-family:var(--face-chrome);font-size:.9rem;opacity:.62;margin:0}.imla-listen{font-family:var(--face-chrome);font-size:1rem;font-weight:600;border:0;border-radius:3px;padding:.75em 1.6em;background:var(--lapis);color:var(--gypsum);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--lapis) 62%,var(--gypsum));cursor:pointer}.imla-listen:disabled{background:transparent;color:var(--spent);box-shadow:inset 0 0 0 2px var(--spent);cursor:not-allowed}.imla-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.imla-replays{font-family:var(--face-chrome);font-size:.78rem;opacity:.5}.imla-hint-btn{font-family:var(--face-chrome);font-size:.8rem;margin-inline-start:auto;background:none;color:inherit;border:1px solid var(--spent);border-radius:3px;padding:.5em 1.1em;cursor:pointer}.imla-hint{font-family:var(--face-chrome);font-size:.86rem;opacity:.72;margin:0}.imla-answer{inline-size:100%;font-family:var(--face-naskh);font-size:clamp(1.5rem,5cqi,2.1rem);line-height:1.75;padding:.35em .5em;border:0;border-radius:3px;background:color-mix(in oklab,var(--ground) 88%,var(--on-ground));color:var(--on-ground);box-shadow:inset 0 0 0 2px var(--spent)}.imla-answer:focus{outline:3px solid var(--saffron);outline-offset:2px}[data-ground=light] .imla-answer:focus{outline-color:var(--lapis)}.imla-answer:disabled{opacity:.55}.imla-submit{font-family:var(--face-chrome);font-size:1rem;font-weight:600;border:0;border-radius:3px;padding:.7em 1.8em;background:var(--on-ground);color:var(--ground);cursor:pointer}.imla-submit:disabled{background:var(--spent);color:var(--ground);cursor:not-allowed}.imla-verdict{display:flex;align-items:baseline;gap:.8em;font-family:var(--face-chrome);font-weight:600;margin:0}.imla-target{font-family:var(--face-naskh);font-size:1.6rem;font-weight:700}.imla-verdict[data-correct=true]{color:var(--verdigris)}.imla-verdict[data-correct=false]{color:var(--vermilion)}.imla-marks{list-style:none;margin:0;padding:0;display:grid;gap:.55em}.imla-mark{display:flex;gap:.7em;align-items:baseline;flex-wrap:wrap;border-inline-start:2px solid var(--vermilion);padding-inline-start:.7em}.imla-mark-rule{font-family:var(--face-chrome);font-size:.72rem;font-weight:700;color:var(--vermilion);white-space:nowrap}.imla-mark-fix{font-family:var(--face-naskh);font-size:1.05rem;line-height:1.7;flex:1 1 14ch}.imla-waiting{font-family:var(--face-chrome);font-size:.84rem;opacity:.5;margin:0}.imla-final{font-family:var(--face-display);font-size:3rem;font-variant-numeric:tabular-nums;text-align:center;color:var(--lapis);margin:0}[data-ground=dark] .imla-final{color:var(--saffron)}.imla-noaudio{font-family:var(--face-chrome);font-size:.82rem;border:1px solid var(--saffron);border-radius:3px;padding:.7em .9em;margin:0}.imla-noaudio b{display:block;font-weight:400;opacity:.6;margin-block-start:.4em}.pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(5px,1.1cqi,18px);align-content:center}.pair{position:relative;display:grid;padding-block-end:clamp(8px,1.7cqi,26px)}.pair-tile{display:grid;place-items:center;text-align:center;padding:clamp(6px,1.4cqi,24px) clamp(5px,1.1cqi,16px);min-block-size:clamp(40px,7.5cqi,124px);border:0;border-radius:3px;background:var(--fill, transparent);color:var(--label, var(--on-ground));box-shadow:inset 0 0 0 3px var(--edge, var(--mistara));font-family:var(--face-content);font-weight:600;font-size:clamp(.82rem,1.6cqi,1.85rem);line-height:1.45;cursor:pointer;transition:background .42s cubic-bezier(.22,1,.36,1),color .42s ease,box-shadow .3s ease,transform .46s cubic-bezier(.22,1,.36,1)}.pairs[data-face=amiri] .pair-tile{font-family:var(--face-naskh);font-weight:700;line-height:1.7}.pair-tile[aria-pressed=true]{--edge: var(--on-ground)}.pair-tile[data-wrong=true]{--edge: var(--spent);--label: var(--spent)}.pair[data-matched=true] .pair-tile{--fill: var(--pigment);--edge: var(--rim);--label: var(--on-pigment);transform:translateY(clamp(-14px,-1.4cqi,-6px));cursor:default}.pair[data-matched=true] .rubric{clip-path:inset(0 0 0 0);transition:clip-path .52s cubic-bezier(.32,.72,.3,1) .12s}.pairs[data-state=revealed] .pair[data-matched=false] .pair-tile{--fill: var(--pigment);--edge: var(--rim);--label: var(--on-pigment);opacity:.55}.pair-instruct{margin:0;font-family:var(--face-content);font-weight:600;font-size:clamp(.95rem,2.3cqi,2.2rem);line-height:1.5;text-align:center;text-wrap:balance;max-inline-size:26ch;margin-inline:auto;opacity:.92}.pair-instruct[data-face=amiri]{font-family:var(--face-naskh);font-weight:700;line-height:1.8}.sort{block-size:100%;display:grid;grid-template-rows:auto 1fr;padding:clamp(12px,3.2cqi,56px);gap:clamp(8px,2cqi,28px);background:var(--ground);color:var(--on-ground);transition:background .42s ease,color .42s ease}.sort-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.sort-counter{font-family:var(--face-display);font-weight:500;font-size:clamp(.8rem,2.4cqi,2.3rem);letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:.62}.sort-streak{font-family:var(--face-display);font-weight:600;font-size:clamp(.8rem,2.4cqi,2.3rem);color:var(--saffron);filter:var(--wahaj);font-variant-numeric:tabular-nums}.sort-streak[data-active=false]{opacity:.3;filter:none}.sort-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2.4cqi,32px);min-block-size:0}.sort-prompt{font-family:var(--face-chrome);font-size:clamp(.62rem,1.5cqi,1.15rem);letter-spacing:.04em;opacity:.5;text-align:center;margin:0}.sort-item{display:grid;place-items:center;font-family:var(--face-naskh);font-weight:700;font-size:clamp(1.8rem,8cqi,7rem);line-height:1.6;text-align:center;min-block-size:1.6em}.sort-item>*{grid-area:1 / 1}.sort-bare{transition:opacity .3s ease}.sort-reveal{opacity:0;color:var(--saffron);filter:var(--wahaj);transition:opacity .46s ease .12s}.sort[data-state=revealed] .sort-item[data-has-reveal=true] .sort-bare{opacity:0}.sort[data-state=revealed] .sort-item[data-has-reveal=true] .sort-reveal{opacity:1}.sort-kashida{display:block;inline-size:min(100%,640px);block-size:clamp(12px,3cqi,34px);overflow:hidden}.sort[data-state=revealed] .kashida-stroke{opacity:0;transition:opacity .3s ease}.sort-bins{display:grid;gap:clamp(6px,1.6cqi,22px);inline-size:min(100%,760px)}.sort-bin{display:grid;place-items:center;min-block-size:clamp(48px,9cqi,128px);padding:clamp(8px,1.8cqi,24px);border:0;border-radius:3px;background:var(--fill, transparent);color:var(--label, var(--on-ground));box-shadow:inset 0 0 0 3px var(--edge, var(--mistara));font-family:var(--face-content);font-weight:600;font-size:clamp(.85rem,2.4cqi,2.1rem);cursor:pointer;transition:background .42s cubic-bezier(.22,1,.36,1),color .3s ease,box-shadow .3s ease,transform .42s cubic-bezier(.22,1,.36,1)}.sort-bin:disabled{cursor:default}.sort-bin:not(:disabled):hover,.sort-bin:focus-visible{--edge: var(--on-ground)}.sort[data-state=revealed] .sort-bin[data-correct=true]{--fill: var(--pigment);--edge: var(--rim);--label: var(--on-pigment);transform:translateY(clamp(-10px,-1.2cqi,-4px))}.sort[data-state=revealed] .sort-bin[data-chosen=true][data-correct=false]{--edge: var(--spent);--label: var(--spent);transform:scale(.97)}.sort-note{min-block-size:3.2em;max-inline-size:42ch;font-family:var(--face-content);font-size:clamp(.72rem,1.7cqi,1.15rem);line-height:1.6;text-align:start;border-inline-start:3px solid transparent;padding-inline-start:.8em;opacity:0;transition:opacity .3s ease .2s}.sort[data-state=revealed] .sort-note{opacity:1}.sort-note[data-correct=true]{border-inline-start-color:var(--verdigris)}.sort-note[data-correct=false]{border-inline-start-color:var(--vermilion)}@media(prefers-reduced-motion:reduce){.sort-bare,.sort-reveal,.sort-bin,.sort-note{transition-duration:1ms}}.votes{display:flex;gap:3px;align-items:stretch}.votes-slot{position:relative;display:grid;min-inline-size:5px;padding-block-end:clamp(10px,1.2vw,16px)}.votes-seg{display:flex;align-items:center;justify-content:center;gap:.5em;min-inline-size:0;block-size:clamp(40px,4.4vw,58px);border-radius:2px;background:var(--pigment);color:var(--on-pigment);box-shadow:inset 0 0 0 2px var(--rim);font-family:var(--face-display);font-weight:600;font-size:clamp(.8rem,1.15vw,1.05rem);font-variant-numeric:tabular-nums;overflow:hidden;white-space:nowrap}.votes-seg b{font-weight:600;opacity:.72}.votes-slot[data-empty=true] .votes-seg{background:transparent;box-shadow:inset 0 0 0 1.5px var(--mistara)}.votes-slot[data-correct=true] .rubric{clip-path:inset(0 0 0 0)}.join{gap:14px}.join-mark{text-align:center;opacity:.5;margin-block-end:2px}.join-label{margin:0;font-family:var(--face-chrome);font-size:.72rem;opacity:.45}.join-pin{font-family:var(--face-display);font-weight:600;font-size:2.1rem;letter-spacing:.22em;text-align:center;padding-block:8px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--mistara);font-variant-numeric:tabular-nums}.join-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.join-name{border:0;border-radius:3px;padding:9px 6px;background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px var(--mistara);font-family:var(--face-content);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .22s ease,color .22s ease,box-shadow .22s ease}.join-name[aria-pressed=true]{background:var(--lapis);color:var(--gypsum);box-shadow:none}.join-go{border:0;border-radius:3px;padding:11px;background:var(--vermilion);color:var(--gypsum);box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--vermilion) 62%,var(--gypsum));font-family:var(--face-chrome);font-size:.9rem;font-weight:600;cursor:pointer}.join-go[disabled]{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px var(--mistara);opacity:.5;cursor:default}.honour{display:grid;gap:clamp(4px,.8cqi,10px);align-content:center;max-inline-size:min(100%,900px);margin-inline:auto;inline-size:100%}.honour-head{display:flex;align-items:baseline;justify-content:space-between;margin-block-end:clamp(6px,1.4cqi,18px)}.honour-title{margin:0;font-family:var(--face-display);font-weight:600;font-size:clamp(1rem,3.2cqi,3rem)}.honour-when{font-family:var(--face-display);font-size:clamp(.6rem,1.4cqi,1.3rem);opacity:.45}.honour-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(8px,1.8cqi,26px);padding:clamp(5px,1.1cqi,14px) clamp(8px,1.6cqi,20px);border-radius:3px;box-shadow:inset 0 0 0 2px var(--mistara);transition:transform .62s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,background .42s ease,color .42s ease;will-change:transform}.honour-rank{font-family:var(--face-display);font-weight:500;font-size:clamp(.7rem,1.9cqi,1.8rem);opacity:.5;inline-size:1.6em;text-align:center;font-variant-numeric:tabular-nums}.honour-name{font-family:var(--face-display);font-weight:600;font-size:clamp(.85rem,2.5cqi,2.4rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.honour-score{font-family:var(--face-display);font-weight:600;font-size:clamp(.85rem,2.5cqi,2.4rem);font-variant-numeric:tabular-nums}.honour-streak{justify-self:end;min-inline-size:1.7em;padding:.05em .5em;border-radius:999px;background:var(--saffron);color:var(--ink);filter:var(--wahaj);font-family:var(--face-display);font-weight:600;font-size:clamp(.6rem,1.6cqi,1.4rem);font-variant-numeric:tabular-nums;text-align:center}.honour-row[data-lead=true] .honour-streak{background:var(--ink);color:var(--saffron);filter:none}.honour-row[data-lead=true]{background:var(--saffron);color:var(--ink);box-shadow:none;filter:var(--wahaj)}.honour-row[data-you=true]{box-shadow:inset 0 0 0 2px var(--on-ground)}.honour-row[data-you=true] .honour-name:after{content:"أنت";font-family:var(--face-chrome);font-size:.5em;opacity:.55;margin-inline-start:.8em}.honour-delta{font-family:var(--face-display);font-size:clamp(.55rem,1.4cqi,1.2rem);color:var(--vermilion);margin-inline-start:.6em}.honour-row[data-lead=true] .honour-delta{color:var(--ink);opacity:.6}@media(prefers-reduced-motion:reduce){.honour-row{transition:none}}.wm{display:inline-block;font-family:var(--face-display);font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap}.wm-kashida{display:inline-block;vertical-align:baseline;inline-size:.86em;block-size:.42em;overflow:visible}.wm-stroke{fill:currentColor;filter:var(--wahaj)}@container (max-width: 720px){.keys,.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}.wall-question{max-inline-size:18ch}.key-answer{overflow-wrap:anywhere}}.sr-only{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.pair-note{position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where(button,a,[tabindex]):focus-visible{outline:3px solid var(--saffron);outline-offset:3px}[data-ground=light] :where(button,a,[tabindex]):focus-visible{outline-color:var(--lapis)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.honour .js-rows{list-style:none;margin:0;padding:0;display:grid;gap:inherit}body{margin:0;background:var(--gypsum);color:var(--ink);font-family:var(--face-chrome);line-height:1.6}.app{max-width:1080px;margin:0 auto;padding:24px 16px 64px;container-type:inline-size}.app-brand{display:flex;align-items:baseline;gap:.6em;font-size:2rem}.app-brand .wm{color:var(--saffron)}.app-head h1{font-family:var(--face-display);font-weight:600;font-size:1em;margin:0;opacity:.5}.app-head h1:before{content:"·";margin-inline-end:.5em;opacity:.4}.app-head p{margin:4px 0 20px;opacity:.55;font-size:.85rem}.band{border-radius:4px;overflow:hidden}.layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px;align-items:start}@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}}.panel{background:color-mix(in oklab,var(--gypsum) 55%,white);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 12%,transparent);border-radius:4px;padding:16px;margin-bottom:16px}.panel h2{margin:0 0 4px;font-family:var(--face-display);font-size:.82rem;letter-spacing:.06em;opacity:.6}.panel .note{font-size:.76rem;opacity:.6;margin:0 0 12px}.seg{display:inline-flex;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 18%,transparent)}.seg button{background:transparent;color:inherit;border:0;padding:8px 18px;cursor:pointer;font-family:var(--face-chrome);font-size:.86rem}.seg button[data-on=true]{background:var(--ink);color:var(--gypsum)}.host-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.host-controls button{background:var(--lapis);color:var(--gypsum);border:0;border-radius:3px;padding:7px 14px;cursor:pointer;font-family:var(--face-chrome);font-size:.8rem}.events,.schema-box{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.7rem;direction:ltr;text-align:left;border-radius:3px;padding:12px;overflow:auto;margin:0;white-space:pre-wrap;word-break:break-word}.events{background:var(--ink);color:color-mix(in oklab,var(--gypsum) 80%,var(--ink));max-height:260px}.schema-box{background:color-mix(in oklab,var(--gypsum) 70%,white);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 12%,transparent);max-height:240px;font-size:.66rem}details summary{cursor:pointer;font-size:.8rem;opacity:.6;margin-bottom:8px}.ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;max-width:1240px;margin:0 auto;padding:24px 18px 72px;container-type:inline-size}@media(max-width:960px){.ed{grid-template-columns:minmax(0,1fr)}}.ed-h{font-family:var(--face-display);font-size:.85rem;letter-spacing:.06em;opacity:.6;margin:0 0 4px}.ed-note{font-family:var(--face-chrome);font-size:.78rem;opacity:.6;margin:0 0 14px}.ed-side{position:sticky;top:18px;display:grid;gap:12px}.ed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ed-acts{display:flex;gap:8px;flex-wrap:wrap}.ed-btn{font-family:var(--face-chrome);font-size:.86rem;font-weight:600;border:0;border-radius:3px;padding:.6em 1.4em;background:var(--ink);color:var(--gypsum);cursor:pointer;text-decoration:none;display:inline-block}.ed-btn:disabled{opacity:.45;cursor:not-allowed}.ed-btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 22%,transparent)}.ed-invalid{font-family:var(--face-chrome);font-size:.84rem;border-inline-start:2px solid var(--vermilion);padding-inline-start:.8em;margin:0}.ed-invalid span,.ed-warn span{display:block;opacity:.55;font-size:.74rem;margin-block-start:.4em}.ed-link{display:grid;gap:8px;padding:14px;border-radius:4px;background:color-mix(in oklab,var(--gypsum) 55%,white);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 12%,transparent)}.ed-link-input{font-family:ui-monospace,Consolas,monospace;font-size:.7rem;direction:ltr;text-align:left;padding:8px 10px;border:0;border-radius:3px;background:#fff;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 14%,transparent);width:100%}.ed-warn{font-family:var(--face-chrome);font-size:.74rem;opacity:.75;margin:0}.play[data-template=matching],.play[data-template=quiz]{max-width:980px}.play{max-width:620px;margin:0 auto;padding:32px 18px 72px;container-type:inline-size}.play-head{text-align:center;margin-bottom:18px}.play-title{font-family:var(--face-display);font-weight:600;font-size:1.5rem;margin:0}.play-msg{font-family:var(--face-chrome);text-align:center}.play-sub{font-family:var(--face-chrome);font-size:.8rem;opacity:.55;text-align:center;margin:4px 0 0}.play-done{margin-block-start:14px}.play-bad{display:grid;gap:12px;justify-items:center;padding:48px 0}.match-frame{aspect-ratio:4 / 3;border-radius:4px;overflow:hidden}@media(max-width:700px){.match-frame{aspect-ratio:3 / 4}}.quiz-frame{aspect-ratio:16 / 9;border-radius:4px;overflow:hidden}@media(max-width:700px){.quiz-frame{aspect-ratio:4 / 3}}.quiz-solo{display:grid;gap:16px}.quiz-solo .quiz-frame{aspect-ratio:16 / 9}.quiz-pad{display:grid;place-items:center}@media(max-width:700px){.quiz-solo .quiz-frame{aspect-ratio:4 / 3}}.quiz-next,.quiz-done{font-family:var(--face-chrome);justify-self:center}.quiz-next{font-size:.95rem;font-weight:600;border:0;border-radius:3px;padding:.6em 1.6em;background:var(--ink);color:var(--gypsum);cursor:pointer}.quiz-done{opacity:.6}.studio-nav{border-block-end:1.5px solid color-mix(in oklab,var(--ink) 12%,transparent);background:color-mix(in oklab,var(--gypsum) 85%,white)}.studio-nav-inner{max-width:1240px;margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.studio-brand{display:flex;align-items:center;gap:10px}.studio-home{font-family:var(--face-display);font-size:1.45rem;font-weight:700;color:var(--ink);text-decoration:none}.studio-badge{font-family:var(--face-chrome);font-size:.76rem;font-weight:600;padding:3px 10px;border-radius:3px;background:color-mix(in oklab,var(--ink) 8%,transparent);color:var(--ink)}.studio-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.studio-links a{font-family:var(--face-chrome);font-size:.84rem;font-weight:600;color:var(--ink);text-decoration:none;padding:6px 12px;border-radius:3px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 18%,transparent)}.studio-links a:hover{background:color-mix(in oklab,var(--ink) 6%,transparent)}.saved-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.saved-chip{display:inline-flex;align-items:stretch;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ink) 18%,transparent);background:color-mix(in oklab,var(--gypsum) 60%,white)}.saved-chip-load{border:0;background:transparent;color:var(--ink);padding:6px 12px;cursor:pointer;font-family:var(--face-chrome);font-size:.8rem;display:inline-flex;align-items:center;gap:8px}.saved-chip-load span{opacity:.65;font-size:.74rem}.saved-chip-del{border:0;border-inline-start:1px solid color-mix(in oklab,var(--ink) 12%,transparent);background:transparent;color:var(--vermilion);padding:0 10px;cursor:pointer;font-weight:700}