.mrc-table{place-items:center;display:grid;position:absolute;inset:0;container:mrc-table/size}.mrc-stack{--mrc-leave:var(--dur-base);--mrc-step:clamp(3px, 1.2cqh, 7px);--mrc-room:calc(5 * var(--mrc-step));--mrc-w:min(100cqw, (100cqh - var(--mrc-room)) / 1.1, 34rem);--mrc-h:min(100cqh - var(--mrc-room), var(--mrc-w) * 1.45);--mrc-pad:clamp(8px, var(--mrc-w) * .035, 20px);--mrc-gap:clamp(3px, var(--mrc-w) * .014, 10px);--mrc-head:2.25rem;--mrc-cols:4;--mrc-rows:8;--mrc-fs:min((var(--mrc-w) - 2 * var(--mrc-pad) - (var(--mrc-cols) - 1) * var(--mrc-gap)) / var(--mrc-cols) * .44, (var(--mrc-h) - var(--mrc-head) - var(--mrc-pad) - (var(--mrc-rows) - 1) * var(--mrc-gap)) / var(--mrc-rows) * .62, 3.25rem);width:var(--mrc-w);height:calc(var(--mrc-h) + var(--mrc-room));position:relative}@container mrc-table (orientation:landscape){.mrc-stack{--mrc-w:min(100cqw, (100cqh - var(--mrc-room)) * 2.4, 62rem);--mrc-h:min(100cqh - var(--mrc-room), var(--mrc-w) / 1.8);--mrc-cols:8;--mrc-rows:4}}.mrc-card{--mrc-way:1;width:100%;height:var(--mrc-h);padding:0 var(--mrc-pad) var(--mrc-pad);border:1px solid var(--card-edge);border-radius:var(--r-lg);background:var(--card-face);box-shadow:var(--sh-card);transform-origin:50% 100%;translate:0 calc(var(--depth) * var(--mrc-step));scale:calc(1 - var(--depth) * .035);transition:translate var(--dur-base) var(--ease-out), scale var(--dur-base) var(--ease-out);animation:mrc-deal var(--dur-base) var(--ease-out) calc(var(--deal) * 45ms * var(--motion)) backwards;flex-direction:column;display:flex;position:absolute;top:0;left:0}.mrc-card[data-leaving]{animation:mrc-leave var(--mrc-leave) var(--ease-in) forwards;pointer-events:none}.mrc-card[data-leaving=no]{--mrc-way:-1}@keyframes mrc-deal{0%{opacity:0;transform:translateY(calc(48px * var(--motion)))}}@keyframes mrc-leave{55%{opacity:1}to{opacity:0;transform:translateX(calc(var(--mrc-way) * 115% * var(--motion))) rotate(calc(var(--mrc-way) * 12deg * var(--motion)))}}.mrc-card__label{height:var(--mrc-head);color:var(--brand-ink);font-size:max(var(--fs-small), var(--mrc-fs) * .42);font-weight:var(--fw-bold);white-space:nowrap;flex:none;place-items:center;line-height:1;display:grid}.mrc-grid{grid-template-columns:repeat(var(--mrc-cols), minmax(0, 1fr));grid-template-rows:repeat(var(--mrc-rows), minmax(0, 1fr));gap:var(--mrc-gap);flex:auto;min-height:0;padding:0;list-style:none;display:grid}.mrc-card__label,.mrc-grid{animation:mrc-print var(--dur-fast) var(--ease-out) var(--mrc-leave) backwards}.mrc-card[data-first] .mrc-card__label,.mrc-card[data-first] .mrc-grid{animation-delay:calc(.4s * var(--motion))}@keyframes mrc-print{0%{opacity:0}}.mrc-grid li{border-radius:var(--r-sm);background:var(--bg-soft);min-width:0;color:var(--ink);font-size:var(--mrc-fs);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;place-items:center;line-height:1;display:grid}.mrc-burst{width:min(80cqw,80cqh);height:min(80cqw,80cqh);position:absolute;top:50%;left:50%;translate:-50% -50%}.mrc-thought{--mrc-d:min(62cqmin, 20rem);z-index:1;width:var(--mrc-d);height:var(--mrc-d);position:relative}.mrc-thought__bubble{width:100%;height:100%;font-size:calc(var(--mrc-d) * .44);font-weight:var(--fw-heavy);font-variant-numeric:tabular-nums;letter-spacing:-.02em;border-radius:50%;place-items:center;line-height:1;display:grid}.mrc-thought__dot{border-radius:50%;width:16%;height:16%;position:absolute;bottom:-3%;left:-3%}.mrc-thought__dot--small{width:8%;height:8%;bottom:-13%;left:-13%}.mrc-thought[data-tone=ask] .mrc-thought__bubble,.mrc-thought[data-tone=ask] .mrc-thought__dot{background:var(--brand-soft);color:var(--brand-ink)}.mrc-thought[data-tone=ask] .mrc-thought__bubble{font-size:calc(var(--mrc-d) * .5);animation:mrc-bob 3.2s var(--ease-in-out) infinite alternate}.mrc-thought[data-tone=answer] .mrc-thought__bubble,.mrc-thought[data-tone=answer] .mrc-thought__dot{background:var(--brand);color:var(--on-brand)}.mrc-thought[data-tone=answer] .mrc-thought__bubble{box-shadow:var(--sh-3);animation:mrc-pop var(--dur-slow) var(--ease-pop) both}.mrc-thought[data-tone=answer] .mrc-thought__dot{animation:mrc-pop var(--dur-base) var(--ease-out) both}@keyframes mrc-bob{to{translate:0 calc(-8px * var(--motion))}}@keyframes mrc-pop{0%{opacity:0;scale:calc(1 - .6 * var(--motion))}}@media (prefers-reduced-motion:reduce){.mrc-card{transition:none}.mrc-thought[data-tone=ask] .mrc-thought__bubble{animation:none}}.mrc-answers>.btn{font-size:var(--fs-h3)}
