.et-root{display:contents}.et-steady{display:grid}.et-steady>*{grid-area:1/1}.et-steady__now{align-self:center}.et-steady__ghost{visibility:hidden}.et-steady__now[data-done]{opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}.et-arrows{width:1.5em;height:1.5em;margin-right:var(--sp-2);vertical-align:-.42em;color:var(--brand);display:inline-block}.et-spacer{height:var(--btn-h);display:block}.et-named{vertical-align:-.06em;font-size:1.25em;line-height:0}.et-stage{--et-room:calc(var(--dock-after) + env(safe-area-inset-bottom) - max(var(--dock-1) + env(safe-area-inset-bottom), var(--btn-h) + var(--sp-3) + max(var(--sp-4), env(safe-area-inset-bottom))));--et-fit:min(100cqw, 30rem);--et-pad:clamp(0px, 100cqh - var(--et-fit), var(--et-room));padding-bottom:var(--et-pad);overflow-clip-margin:var(--sp-3);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;place-items:center;display:grid;position:absolute;inset:0;overflow:clip}.et-grid{--et-size:min(var(--et-fit), 100cqh - var(--et-pad));--et-gap:clamp(5px, var(--et-size) * .026, 12px);--et-cell:calc((var(--et-size) - 3 * var(--et-gap)) / 4);gap:var(--et-gap);width:var(--et-size);height:var(--et-size);grid-template-rows:repeat(4,minmax(0,1fr));display:grid;position:relative}.et-row{gap:var(--et-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.et-cell{z-index:1;border-radius:calc(var(--et-cell) * .24);background:var(--tint,var(--brand-soft));font-size:calc(var(--et-cell) * .56);transition:background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);border:2px solid #0000;place-items:center;line-height:1;display:grid;position:relative}.et-emoji{font-family:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Android Emoji", emoji, var(--font);font-style:normal;font-weight:400;display:block}.et-cell[data-state=gone],.et-cell[data-state=leaving]{border-style:dashed;border-color:var(--line-strong);transition-delay:var(--et-wait,0s);background:0 0}.et-cell[data-state=leaving]{--et-wait:calc(.12s + var(--et-i,0) * 70ms)}.et-cell[data-state=leaving] .et-emoji{animation:et-poof .46s var(--ease-out) var(--et-wait) both}.et-cell[data-state=leaving]:after{content:"";border:3px solid var(--sun);opacity:0;pointer-events:none;animation:et-puff .52s var(--ease-out) var(--et-wait) both;border-radius:50%;position:absolute;inset:12%}@keyframes et-poof{0%{opacity:1;filter:blur();scale:1}30%{opacity:1;scale:1.18}to{opacity:0;filter:blur(4px);scale:1.55}}@keyframes et-puff{0%{opacity:.9;scale:.35}to{opacity:0;scale:1.25}}.et-stage[data-revealed] .et-cell:is([data-state=gone],[data-state=leaving]){opacity:.45}.et-cell[data-state=answer]{z-index:2;border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 calc(var(--et-gap) + 2px) color-mix(in srgb, var(--brand) 16%, transparent), var(--sh-3);animation:et-lift .64s var(--ease-pop) both;border-width:3px;scale:1.12}.et-cell[data-state=answer] .et-emoji{animation:et-pop .72s var(--ease-pop) 80ms both;scale:1.4}@keyframes et-lift{0%{box-shadow:none;scale:1}}@keyframes et-pop{0%{scale:1}45%{scale:1.85}}.et-burst{left:var(--et-x);top:var(--et-y);z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;translate:-50% -50%}@media (max-height:32rem) and (orientation:portrait){.screen.et{grid-template-rows:auto auto minmax(0,1fr) auto;height:100dvh;min-height:0}.et>.screen__words{padding-block:var(--sp-2)}.et .screen__line{font-size:1.25rem}.et .screen__sub{margin-top:var(--sp-1);font-size:1rem}.et>.screen__dock[data-dock=one]{min-height:calc(var(--btn-h) + var(--sp-2) + max(var(--sp-3), env(safe-area-inset-bottom)));padding-block:var(--sp-2) max(var(--sp-3), env(safe-area-inset-bottom))}}@media (max-height:32rem) and (orientation:landscape){.screen.et{column-gap:var(--sp-5);grid-template:"bar bar""visual words"minmax(0,1fr)"visual dock"/minmax(0,1fr) minmax(0,1fr);height:auto;min-height:100dvh}.et>.screen__bar{grid-area:bar}.et>.screen__words{padding-block:var(--sp-2);grid-area:words;align-self:center}.et>.screen__visual{grid-area:visual}.et>.screen__dock{grid-area:dock}.et .et-stage{--et-pad:max(var(--sp-3), env(safe-area-inset-bottom))}.et--bowed .et-steady__ghost,.et--bowed>.screen__words>.screen__sub{display:none}}.screen.et--bowed{height:auto;min-height:100dvh}@media not all and (max-height:32rem){.screen.et--bowed{grid-template-rows:auto auto minmax(min(15rem, var(--et-hold,0px)), 1fr) auto}}.et--bowed .et-stage{--et-pad:0px}.et--bowed .et-grid{transition:width var(--dur-slow) var(--ease-out), height var(--dur-slow) var(--ease-out), gap var(--dur-slow) var(--ease-out)}.et--bowed .et-cell{transition:background-color var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out), font-size var(--dur-slow) var(--ease-out), border-radius var(--dur-slow) var(--ease-out)}@media (prefers-reduced-motion:reduce){.et--bowed .et-grid,.et--bowed .et-cell{transition:none}}.et--held>.screen__visual{height:var(--et-hold)}@media (prefers-reduced-motion:reduce){.et-cell[data-state=leaving] .et-emoji{animation:et-fade .36s linear var(--et-wait) both}.et-cell[data-state=leaving]:after{content:none}.et-cell[data-state=answer]{animation:none}.et-cell[data-state=answer] .et-emoji{animation:.36s linear both et-appear}@keyframes et-fade{to{opacity:0}}@keyframes et-appear{0%{opacity:.4}}}