:root{--ink:#f3efe8;--ink-studio:#2b2825;--muted:#f3efe899;--serif:"Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body{background:#2e2924;height:100%;margin:0;overflow:hidden}canvas#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:var(--ink);font-family:var(--sans);position:fixed;inset:0}body.in-studio #hud{color:var(--ink-studio)}.start{text-align:center;pointer-events:auto;cursor:pointer;color:#f3efe8;background:radial-gradient(#14110e8c,#14110ed9);place-content:center;gap:.6rem;display:grid;position:absolute;inset:0}.start[hidden]{display:none}.start__case{letter-spacing:.24em;text-transform:uppercase;opacity:.7;margin:0;font-size:.8rem}.start__title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(3rem,9vw,6.5rem);font-weight:400}.start__cta{margin:1.4rem 0 0;font-size:1rem;animation:2.4s ease-in-out infinite breathe}.start__keys{opacity:.55;margin:.4rem 0 0;font-size:.78rem}@keyframes breathe{50%{opacity:.45}}.resume{pointer-events:auto;cursor:pointer;font:500 .82rem var(--sans);color:#f3efe8;background:#1e1b18d1;border:0;border-radius:999px;padding:.55rem 1rem;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.resume[hidden]{display:none}.subtitle{text-align:center;opacity:0;width:min(52rem,100% - 2rem);transition:opacity .35s,transform .35s;position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%,.5rem)}.subtitle.is-on{opacity:1;transform:translate(-50%)}.subtitle__who{letter-spacing:.2em;text-transform:uppercase;color:var(--speaker);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.subtitle__who .dot{background:var(--speaker);border-radius:50%;width:.5rem;height:.5rem}.subtitle__text{font-family:var(--serif);text-shadow:0 1px 12px #00000059;margin:0;font-size:clamp(1.15rem,2.1vw,1.6rem);line-height:1.4}body.in-studio .subtitle__text{text-shadow:0 0 18px #ffffffe6}.subtitle__text mark{color:inherit;background:0 0;transition:color .25s}.subtitle__text mark.is-done{color:var(--speaker,#e5432e)}.subtitle .ghost{visibility:hidden}.timeline{opacity:.75;align-items:center;gap:.8rem;width:min(40rem,100% - 2rem);display:flex;position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%)}.timeline__mode{text-align:center;width:1.6rem;font-size:.7rem}.timeline__mode[data-mode=rewind],.timeline__mode[data-mode=forward]{color:var(--speaker)}.timeline__track{background:color-mix(in srgb, currentColor 22%, transparent);flex:1;height:2px;position:relative}.timeline__line{border-left:1px solid color-mix(in srgb, currentColor 35%, transparent);height:6px;position:absolute;top:-2px}.timeline__head{background:var(--speaker);opacity:1;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%}.end{letter-spacing:.08em;opacity:.7;margin:0;font-size:.8rem;position:absolute;top:1.4rem;left:50%;transform:translate(-50%)}.end[hidden]{display:none}@media (width<=640px){.subtitle{bottom:4rem}.start__keys{padding:0 1rem}}.start__goal{font-family:var(--serif);opacity:.85;margin:.4rem 0 0;font-size:1.15rem}.card{text-align:center;color:#f3efe8;opacity:0;pointer-events:none;background:#1d1a17;place-content:center;gap:.5rem;display:grid;position:absolute;inset:0}.card__title{font-family:var(--serif);margin:0;font-size:clamp(2rem,5vw,3.4rem)}.card__sub{letter-spacing:.18em;text-transform:uppercase;opacity:.7;max-width:40rem;margin:0;font-size:.85rem;line-height:1.6}.subtitle__who,.subtitle__text mark.is-done{color:var(--speaker)}.help{opacity:.6;margin:0;font-size:.78rem;position:absolute;top:1.1rem;left:1.2rem}.help[hidden],.aim[hidden],.dossier[hidden]{display:none}.aim{flex-direction:column;align-items:center;gap:.6rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim__dot{background:var(--ink-studio);opacity:.55;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #ffffffb3}.aim.is-on .aim__dot{background:var(--aim);opacity:1;width:9px;height:9px}.aim__label{white-space:nowrap;color:var(--aim);text-shadow:0 0 10px #fff,0 0 4px #fff;font-size:.82rem;font-weight:600;position:absolute;top:1.2rem}.aim__label kbd{font:600 .68rem var(--sans);border:1px solid;border-radius:4px;margin-left:.3rem;padding:0 .3rem}.dossier{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(19rem,40vw);max-height:calc(100% - 7rem);color:var(--ink-studio);opacity:.75;background:#ffffffb8;border-radius:10px;flex-direction:column;gap:.6rem;padding:.9rem;transition:opacity .2s,width .2s;display:flex;position:absolute;top:1rem;right:1rem;box-shadow:0 6px 30px #281e141f}.dossier.is-open{pointer-events:auto;opacity:1;background:#ffffffeb;width:min(26rem,60vw);bottom:5.5rem}.dossier__head{letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;display:flex}.credit{gap:4px;display:inline-flex}.credit i{opacity:.6;border:1.5px solid;border-radius:50%;width:9px;height:9px}.credit i.on{opacity:1;background:currentColor}.dossier__pins{flex-direction:column;flex:1;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.dossier__empty{opacity:.65;font-size:.85rem;line-height:1.5}.pin{border-left:4px solid var(--c);cursor:pointer;background:#fff;border-radius:7px;padding:.55rem .7rem .55rem .85rem;position:relative}.pin.is-selected{outline:2px solid var(--c);background:color-mix(in srgb, var(--c) 8%, #fff)}.pin.is-used{opacity:.5}.pin__top{justify-content:space-between;gap:.5rem;font-size:.8rem;font-weight:650;display:flex}.pin__time{font-variant-numeric:tabular-nums;opacity:.6;font-weight:500}.pin__quote{font-family:var(--serif);margin:.25rem 0;font-size:.92rem;line-height:1.35}.pin__quote.is-retracted{opacity:.6;text-decoration:line-through}.pin__who{color:var(--c);letter-spacing:.05em;font-size:.7rem;font-weight:600}.pin__remove{opacity:0;cursor:pointer;color:inherit;background:0 0;border:0;font-size:1rem;position:absolute;top:.2rem;right:.3rem}.dossier.is-open .pin:hover .pin__remove{opacity:.5}.dossier:not(.is-open) .pin:not(.is-selected) .pin__quote{display:none}.dossier__hint{opacity:.7;margin:0;font-size:.78rem}.dossier__confront{font:650 .9rem var(--sans);cursor:pointer;color:#fff;letter-spacing:.04em;background:#1d1a17;border:0;border-radius:7px;padding:.65rem}.dossier__confront:disabled{opacity:.25;cursor:default}.dossier__confront kbd{font:600 .7rem var(--sans);opacity:.7;border:1px solid;border-radius:4px;margin-left:.4rem;padding:0 .3rem}.toast{text-align:center;max-width:36rem;font-family:var(--serif);opacity:0;text-shadow:0 0 20px #fff,0 0 6px #fff;margin:0;font-size:clamp(1.4rem,3vw,2.2rem);transition:opacity .3s,transform .3s;position:absolute;top:22%;left:50%;transform:translate(-50%,-.5rem)}.toast.is-on{opacity:1;transform:translate(-50%)}.toast[data-kind=ko]{color:#8a8178}.timeline__clock{font-variant-numeric:tabular-nums;min-width:4.2rem;font-size:.85rem;font-weight:600}.timeline__hour{opacity:.55;font-size:.66rem;position:absolute;top:.55rem;transform:translate(-50%)}.timeline__dot{opacity:.8;border-radius:2px;width:4px;height:8px;margin-left:-2px;position:absolute;top:-3px}.timeline__track{cursor:pointer}body.deliberating .timeline{pointer-events:auto;width:min(46rem,100% - 26rem);left:calc(50% - 11rem)}.fact{background:#1d1a170f;border-radius:7px;gap:.5rem;padding:.45rem .6rem;font-size:.8rem;line-height:1.4;display:flex}.fact__mark{font-weight:700}.hints-left{letter-spacing:.08em;opacity:.7;margin-right:.5rem;font-size:.68rem}.hint-line{font-family:var(--serif);background:#1d1a170a;border-radius:7px;padding:.45rem .6rem;font-size:.85rem;font-style:italic;line-height:1.4}.verdict{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;color:var(--ink-studio);background:#f1efebdb;place-items:center;padding:1.5rem 1rem;display:grid;position:absolute;inset:0;overflow-y:auto}.verdict[hidden]{display:none}.verdict__sheet{background:#fff;border-radius:12px;width:min(44rem,100%);padding:2rem 2.2rem;box-shadow:0 10px 50px #281e1426}.verdict__kicker{letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin:0;font-size:.72rem;font-weight:700}.verdict__title{font-family:var(--serif);margin:.4rem 0 1.4rem;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:400;line-height:1.2}.q{border:0;margin:0 0 1.2rem;padding:0}.q legend{font-family:var(--serif);margin-bottom:.5rem;font-size:1.15rem}.q__choice{cursor:pointer;border:1px solid #ddd6cc;border-radius:999px;align-items:center;gap:.4rem;margin:0 1rem .4rem 0;padding:.45rem .8rem;font-size:.9rem;display:inline-flex}.q__choice:has(input:checked){color:#fff;background:#1d1a17;border-color:#1d1a17}.q__choice input{accent-color:#1d1a17}.verdict__actions{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-top:1.4rem;display:flex}.verdict__go{font:650 .95rem var(--sans);color:#fff;cursor:pointer;background:#1d1a17;border:0;border-radius:8px;padding:.75rem 1.3rem;text-decoration:none;display:inline-block}.verdict__back{font:500 .9rem var(--sans);cursor:pointer;color:inherit;background:0 0;border:1px solid #ddd6cc;border-radius:8px;padding:.75rem 1rem}.answers{gap:.8rem;margin:0 0 1.4rem;padding:0;list-style:none;display:grid}.answer{border-left:4px solid;border-radius:8px;padding:.8rem 1rem}.answer.is-right{background:#f1f8f3;border-color:#2f9e5b}.answer.is-wrong{background:#fdf2f0;border-color:#e5432e}.answer__q{font-family:var(--serif);margin:0;font-size:1.05rem}.answer__a{margin:.3rem 0;font-size:.88rem;font-weight:650}.answer__x{opacity:.8;margin:0;font-size:.88rem;line-height:1.45}.end__cols{grid-template-columns:1fr 1fr;gap:1.2rem;font-size:.88rem;line-height:1.45;display:grid}.end__cols h3,.verdict__sheet--end>h3{letter-spacing:.16em;text-transform:uppercase;margin:0 0 .4rem;font-size:.75rem}.end__cols ul{margin:0;padding-left:1.1rem}.end__stats{opacity:.7;margin:1.2rem 0;font-size:.82rem}.end__truth{font-family:var(--serif);margin:0 0 1.6rem;font-size:1.1rem;line-height:1.55}@media (width<=640px){.end__cols{grid-template-columns:1fr}.verdict__sheet{padding:1.4rem}}
