.stage{--bg:var(--ivory);--fg:var(--ink);--fg-soft:var(--ink-soft);--rule:#17171729;--rule-strong:#17171773;--rubric:var(--cranberry);--focus:var(--cranberry);--btn-bg:var(--navy);--btn-fg:var(--ivory);--accent:var(--gold-ink);color:var(--fg);background:var(--ivory);outline:none;padding:clamp(1.25rem,3.6vw,3rem);position:relative;box-shadow:0 2.5rem 5rem -2rem #000000a6,0 0 0 1px #c6a15b59}.stage:before,.stage:after{content:"";border:2px solid var(--gold);pointer-events:none;width:1.75rem;height:1.75rem;position:absolute}.stage:before{border-bottom:0;border-right:0;top:.5rem;left:.5rem}.stage:after{border-top:0;border-left:0;bottom:.5rem;right:.5rem}.stage__head{justify-content:space-between;align-items:center;gap:var(--s-4);flex-wrap:wrap;display:flex}.scoreboard{background:var(--navy-deep);grid-auto-flow:column;gap:2px;padding:2px;display:inline-grid}.scoreboard__slot{background:var(--navy);justify-items:center;min-width:4.25rem;padding:.45rem .7rem .4rem;display:grid}.scoreboard__num{font-family:var(--serif);font-variant-numeric:lining-nums tabular-nums;color:var(--ivory);font-size:clamp(1.75rem,1.5rem + 1vw,2.25rem);font-weight:600;line-height:1}.scoreboard__label{letter-spacing:.12em;text-transform:uppercase;color:var(--mist);margin-top:.2rem;font-size:.6875rem;font-weight:600}.stage__tools{align-items:center;gap:var(--s-4);display:flex}.stage__level{color:var(--cranberry)}.stage__sound{min-height:2.75rem;color:var(--ink);border:1px solid var(--rule-strong);transition:border-color var(--dur-2) var(--ease-out);align-items:center;gap:.4rem;padding:0 .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.stage__sound:hover{border-color:var(--ink)}.stage__sound[aria-pressed=false]{color:var(--ink-soft)}.stage__sound[aria-pressed=false] .icon path:last-child{display:none}.stage__rubric{margin-top:var(--s-6);color:var(--cranberry)}.stage__prompt{margin-top:var(--s-3);font-family:var(--serif);text-wrap:balance;outline:none;max-width:24em;font-size:clamp(1.625rem,1.25rem + 1.6vw,2.625rem);font-weight:500;line-height:1.12}.answers{gap:var(--s-3);margin-top:var(--s-6);display:grid}@media (width>=48rem){.answers{grid-template-columns:repeat(2,minmax(0,1fr))}}.answer{align-items:center;gap:var(--s-4);text-align:left;min-height:4.25rem;color:var(--ink);border:1px solid var(--rule-strong);transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out), opacity var(--dur-3) var(--ease-out), transform var(--dur-2) var(--ease-out);background:#fbf8f1;grid-template-columns:auto 1fr auto;padding:.6rem 1rem .6rem .6rem;display:grid;position:relative}.answer:disabled{cursor:default}.answer__tile{width:2.75rem;height:3.1rem;font-family:var(--serif);color:var(--ivory);background:var(--navy);transition:background-color var(--dur-2) var(--ease-out);place-items:center;font-size:1.625rem;font-weight:600;display:grid}.answer__body{gap:.15rem;display:grid}.answer__text{font-size:1.0625rem;font-weight:500;line-height:1.35}.answer__verdict{font-family:var(--serif);font-size:1.0625rem;font-style:italic;line-height:1.2}.answer__verdict:empty{display:none}.answer__mark{width:1.5rem;height:1.5rem}.answer:not(:disabled):hover{border-color:var(--gold-ink);background:#fffaf0;transform:translateY(-1px)}.answer:not(:disabled):hover .answer__tile{background:var(--gold);color:var(--navy)}.answer:focus-visible{outline:2px solid var(--cranberry);outline-offset:2px}.answer.is-locked{border:2px solid var(--gold);background:#fff6e2}.answer.is-locked .answer__tile{background:var(--gold);color:var(--navy)}.answer.is-locked .answer__verdict{color:var(--gold-ink)}.answer.is-dimmed{opacity:.42}.answer.is-right{opacity:1;border:2px solid var(--cranberry);background:#fbeef0}.answer.is-right .answer__tile{background:var(--cranberry);color:var(--ivory)}.answer.is-right .answer__verdict{color:var(--cranberry)}.answer.is-right .answer__mark{background:var(--cranberry);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.answer.is-wrong{opacity:1;border-color:var(--ink-soft)}.answer.is-wrong .answer__text{text-decoration:line-through 1px}.answer.is-wrong .answer__tile{background:var(--ink-soft)}.answer.is-wrong .answer__verdict{color:var(--ink-soft)}.answer.is-wrong .answer__mark{background:var(--ink-soft);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='square'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E") 50%/contain no-repeat}.answer.is-out{opacity:.5}.answer.is-struck{opacity:.3}.answer.is-struck .answer__text{text-decoration:line-through}@media (prefers-reduced-motion:no-preference){.stage.is-revealed .answer.is-right{animation:red-letter .7s var(--ease-out)}}@keyframes red-letter{0%{transform:scale(.98)}45%{transform:scale(1.015)}to{transform:none}}.result{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--rule)}.result:not([hidden]){animation:result-in .6s var(--ease-out)}@keyframes result-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.result__title{font-family:var(--serif);font-size:clamp(1.375rem,1.2rem + .6vw,1.75rem);font-weight:600;line-height:1.2}.result__note{margin-top:var(--s-2);max-width:44em;color:var(--ink-soft)}.stage__foot{align-items:center;gap:var(--s-3) var(--s-5);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.lifelines{gap:var(--s-3);flex-wrap:wrap;margin-right:auto;display:flex}.lifeline{text-align:left;border:1px dashed var(--rule-strong);min-height:3rem;transition:border-color var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);gap:.1rem;padding:.5rem .9rem;display:grid}.lifeline:hover:not(:disabled){border-style:solid;border-color:var(--gold-ink);background:#fff6e2}.lifeline__name{font-family:var(--serif);font-size:1.125rem;font-weight:600;line-height:1.1}.lifeline__hint{color:var(--ink-soft);font-size:.75rem}.lifeline.is-used{opacity:.4}.lifeline.is-used .lifeline__name{text-decoration:line-through}.stage__next{margin-left:auto}