@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ground:#12355b;--depth:#420039;--virus:#d72638;--protect:#ff570a;--people:#bfb1c1;--ink:#f3eef4;--ink-soft:var(--people);--panel:#12355bd1;--panel-edge:#bfb1c12e;--font-head:"Fraunces Variable", Georgia, serif;--font-body:"Atkinson Hyperlegible Next Variable", system-ui, sans-serif;--step-0:clamp(1.05rem, .98rem + .35vw, 1.3rem);--step-1:clamp(1.3rem, 1.15rem + .7vw, 1.75rem);--step-2:clamp(1.8rem, 1.4rem + 1.8vw, 3rem);--step-3:clamp(2.6rem, 1.8rem + 4vw, 5.5rem);--radius:14px;--gutter:clamp(16px, 4vw, 48px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{background:var(--ground);color:var(--people);font-family:var(--font-body);-webkit-text-size-adjust:100%;font-size:100%}body{min-height:100svh;margin:0}:focus-visible{outline:3px solid var(--protect);outline-offset:3px;border-radius:4px}.skip{left:var(--gutter);z-index:10;border-radius:0 0 var(--radius) var(--radius);background:var(--ink);color:var(--ground);padding:.6rem 1rem;font-weight:700;text-decoration:none;position:fixed;top:-4rem}.skip:focus{top:0}#scene{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}#story{z-index:1;position:relative}html:not(.written):not(.no-webgl) body{overflow:hidden}html:not(.written):not(.no-webgl) #story{position:fixed;inset:0}html:not(.written):not(.no-webgl) .chapter{opacity:0;visibility:hidden;height:100svh;transition:opacity .3s var(--ease), visibility 0s linear .3s;position:absolute;inset:0;overflow:hidden}html:not(.written):not(.no-webgl) .chapter.is-current{opacity:1;visibility:visible;transition:opacity .45s var(--ease) .15s, visibility 0s}html.can-pick #story{cursor:crosshair}html.can-pick #story :is(.caption,.play-panel){cursor:auto}.chapter{position:relative}.stage{height:100svh;padding:var(--gutter) var(--gutter) 1rem var(--gutter);pointer-events:none;align-items:center;display:flex;position:relative}.col{pointer-events:auto;flex-direction:column;gap:.75rem;width:min(34rem,45vw);max-height:100%;display:flex;overflow-y:auto}.col>.caption{flex:0 auto;min-height:7rem;overflow-y:auto}.col>.chapter-ui{flex:none}.is-interactive .caption{padding:1rem 1.2rem}.is-interactive .caption h2{font-size:var(--step-1);margin-bottom:.4em}.chapter-ui:empty{display:none}.caption{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:var(--step-0);color:var(--people);transition:opacity .18s var(--ease);padding:clamp(1rem,1.6vw + .4rem,1.75rem);line-height:1.5}.caption.is-swapping{opacity:0}.caption .eyebrow{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--people);margin:0 0 .35rem;font-size:.82em}.caption h2{font-family:var(--font-head);font-size:var(--step-2);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 0 .55em;font-weight:600;line-height:1.06}.caption .beat p{max-width:34em;margin:0 0 .7em}.caption .beat-group:last-child>:last-child>p:last-child{margin-bottom:0}.caption strong,.caption em{color:var(--ink)}.caption a{color:var(--ink);-webkit-text-decoration-color:var(--protect);text-decoration-color:var(--protect);text-underline-offset:.18em}.caption abbr{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.caption .more{margin-top:.9em}.caption .read-more{margin:0 0 .6em}.caption :is(.more,.read-more) summary{cursor:pointer;color:var(--ink);align-items:center;gap:.5em;min-height:44px;font-weight:700;list-style:none;display:inline-flex}.caption :is(.more,.read-more) summary::-webkit-details-marker{display:none}.caption :is(.more,.read-more) summary:before{content:"";border-right:2px solid var(--protect);border-bottom:2px solid var(--protect);width:.55em;height:.55em;transition:transform .2s var(--ease);transform:rotate(-45deg)}.caption :is(.more,.read-more)[open] summary:before{transform:rotate(45deg)}.caption .more p{margin:.4em 0 .6em}.caption .credit{color:var(--people);opacity:.85;margin:.9em 0 0;font-size:.8em}html:not(.written):not(.no-webgl) .caption.is-paged .beat-group:not(.is-on),.caption-foot,.caption-pages{display:none}html:not(.written):not(.no-webgl) .caption.is-paged .caption-foot{align-items:center;gap:.75rem;margin-top:.8rem;display:flex}html:not(.written):not(.no-webgl) .caption-foot:has(.replay){align-items:center;gap:.75rem;margin-top:.8rem;display:flex}html:not(.written):not(.no-webgl) .caption.is-paged .caption-pages{gap:.45rem;margin-left:auto;display:flex}.caption-pages i{border:2px solid var(--people);border-radius:50%;width:9px;height:9px}.caption-pages i.is-on{background:var(--people)}.caption .art-stack{float:right;margin:0 0 .5rem .9rem}.ch-title .col{width:min(52rem,70vw)}.ch-title .stage:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#12355bf0 0%,#12355bdb 38%,#12355b73 62%,#12355b00 80%);position:absolute;inset:0}.ch-title .stage{isolation:isolate}.ch-title .caption{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:clamp(1.25rem,3vw,2.75rem) clamp(1.25rem,3vw,2.75rem) clamp(1.25rem,3vw,2.75rem) 0}.ch-title .caption h2{font-size:var(--step-3);letter-spacing:-.02em;font-variation-settings:"opsz" 144;max-width:13ch;margin-bottom:.4em;font-weight:700;line-height:.98}.ch-title .caption .beat p{font-size:var(--step-1);max-width:28em;line-height:1.4}.ch-why .stage{gap:var(--gutter);padding-top:calc(var(--gutter) * .5 + 4.75rem)}.ch-why .stage>.chapter-ui{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex:1 1 0;min-width:0;max-width:31.5rem;margin-left:auto;padding:clamp(.9rem,1.5vw,1.4rem)}.why-host{width:100%;color:var(--people)}html:not(.written):not(.no-webgl) .ch-checkpoint{overscroll-behavior:contain;overflow-y:auto}.ch-checkpoint .stage{justify-content:flex-start;align-items:center;height:auto;min-height:100svh;padding-bottom:3rem;position:relative}.ch-checkpoint .col{width:min(46rem,100%);max-height:none;overflow:visible}html:not(.written):not(.no-webgl) .ch-checkpoint .caption{display:none}@media (max-width:720px),(orientation:portrait){.stage{padding:4.25rem var(--gutter) calc(2.9rem + env(safe-area-inset-bottom)) var(--gutter);align-items:flex-end}.col{gap:.5rem;width:100%;max-height:55svh}.is-interactive:not(.ch-checkpoint) .col{max-height:66svh}.ch-ring .col{max-height:74svh}.col>.caption{min-height:5rem}.caption .art-stack{margin-left:.6rem}.ch-title .col{width:100%}.ch-title .stage{align-items:center}.ch-title .stage:before{display:none}.ch-title .caption{background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:clamp(1.25rem,3vw,2.75rem)}.ch-why .stage{flex-direction:column;justify-content:space-between;align-items:stretch}.ch-why .stage>.chapter-ui{flex:0 auto;max-width:none;margin-left:0}.ch-why .col{order:2}.ch-checkpoint .stage{justify-content:center;align-items:center;padding-top:4.5rem}}@media (prefers-reduced-motion:reduce){.chapter,.chapter.is-current,.caption,.caption :is(.more,.read-more) summary:before{transition:none!important}}#hud{z-index:3;pointer-events:none;position:fixed;inset:0}#hud>:not(.hud-labels){pointer-events:auto}#hud [hidden]{display:none!important}.btn{min-height:48px;font:700 var(--step-0) / 1.1 var(--font-body);color:var(--ink);border:2px solid var(--protect);cursor:pointer;background:#12355b99;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.55em 1.1em;display:inline-flex}.btn:hover{background:#ff570a29}.btn-primary{background:var(--protect);color:var(--ground)}.btn-primary:hover{background:var(--ink);border-color:var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-quiet{min-height:44px;font-size:calc(var(--step-0) * .85);background:#bfb1c11f;border-width:0;padding:.4em .9em .4em .7em}.btn-quiet:hover{background:#ff570a2e}.replay-ico{width:1.05em;height:1.05em;color:var(--protect);flex:none}.hud-loading{background:var(--panel);color:var(--people);font-size:var(--step-0);border-radius:999px;margin:0;padding:.4rem 1rem;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.hud-pager{top:calc(var(--gutter) * .5);right:calc(var(--gutter) * .5);background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem;display:flex;position:absolute}.pager-btn{min-width:48px;min-height:48px;font:700 var(--step-0) / 1 var(--font-body);color:var(--ink);border:2px solid var(--protect);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.5em;padding:.45em 1em;display:inline-flex}.pager-next{background:var(--protect);color:var(--ground);flex-direction:row-reverse}.pager-btn:hover{color:var(--ink);background:#ff570a29}.pager-next:hover{background:var(--ink);border-color:var(--ink);color:var(--ground)}.pager-btn:disabled{opacity:.35;cursor:default;color:var(--ink);background:0 0}.pager-btn .ico{border-bottom:2.5px solid;border-left:2.5px solid;width:.55em;height:.55em;margin-left:.15em;transform:rotate(45deg)}.pager-next .ico{margin:0 .15em 0 0;transform:rotate(-135deg)}.pager-count{text-align:center;min-width:4.5em;font-size:calc(var(--step-0) * .9);font-variant-numeric:tabular-nums;color:var(--people);margin:0}.filmstrip{padding:0 calc(var(--gutter) * .5);pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}#hud>.filmstrip{pointer-events:none}.filmstrip>*{pointer-events:auto}.film-toggle{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:40px;margin-bottom:4px;padding:0 1rem;display:flex}.film-dots{background:var(--panel);border:1px solid var(--panel-edge);border-radius:999px;gap:10px;padding:7px 12px;display:flex}.film-dots i{border:2px solid var(--people);width:10px;height:10px;transition:transform .2s var(--ease), background-color .2s var(--ease);border-radius:50%;display:block}.film-dots i.is-past{background:var(--people)}.film-dots i.is-on{background:var(--protect);border-color:var(--protect);transform:scale(1.3)}.film-toggle-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.film-list{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;max-width:calc(100vw - 16px);transition:transform .35s var(--ease), opacity .25s var(--ease), visibility 0s linear .35s;gap:.5rem;margin:0 0 6px;padding:.6rem;list-style:none;display:flex;overflow-x:auto;transform:translateY(calc(100% + 40px));box-shadow:0 10px 40px #0a1e3799}.filmstrip.is-open .film-list{opacity:1;visibility:visible;transition:transform .35s var(--ease), opacity .2s var(--ease), visibility 0s;transform:none}.filmstrip:has(:focus-visible) .film-list{opacity:1;visibility:visible;transition:transform .35s var(--ease), opacity .2s var(--ease), visibility 0s;transform:none}@media (hover:hover){.filmstrip:hover .film-list{opacity:1;visibility:visible;transition:transform .35s var(--ease), opacity .2s var(--ease), visibility 0s;transform:none}}.film-list li{flex:none}.film-card{cursor:pointer;text-align:left;width:clamp(84px,7vw,150px);color:var(--people);font:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.2rem;margin:0;padding:0;display:flex}.film-thumb{aspect-ratio:16/9;border:2px solid var(--panel-edge);width:100%;height:auto;transition:border-color .2s var(--ease);border-radius:8px;display:block}.film-card:hover .film-thumb{border-color:var(--people)}.film-card[aria-current] .film-thumb{border-color:var(--protect)}.film-name{font-size:calc(var(--step-0) * .78);color:var(--ink);font-weight:700;line-height:1.2}.film-num{font-variant-numeric:tabular-nums;color:var(--people);font-weight:400}.film-when{font-size:calc(var(--step-0) * .7);line-height:1.2}.film-card:focus-visible{outline-offset:2px}.hud-year{top:calc(var(--gutter) * .5);left:calc(var(--gutter) * 2 + min(36rem, 48vw));border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);color:var(--ink);pointer-events:none;flex-direction:column;align-items:center;padding:.3rem 1.1rem .4rem;display:flex;position:absolute}.year-label{font-size:calc(var(--step-0) * .8);color:var(--people)}.year-value{font-family:var(--font-head);font-size:var(--step-2);font-variant-numeric:lining-nums tabular-nums;font-weight:600;line-height:1}.hud-year.is-large .year-value{font-size:var(--step-3)}.hud-back{position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #12355b99}.hud-labels{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pin{will-change:transform;position:absolute;top:0;left:0}.pin-dot{border:3px solid var(--protect);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px;left:-11px}.pin-hidden .pin-name{font-family:var(--font-body);font-size:var(--step-0);font-weight:700}.pin-hidden .pin-card{white-space:nowrap;max-width:none}.pin-hidden .pin-dot{border-color:var(--people);box-shadow:0 0 0 4px #bfb1c14d}.pin-card{border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-edge);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:max-content;max-width:min(19rem,100vw - 16px);padding:.6rem .85rem;position:absolute;top:-10px;left:18px}.pin-card p{margin:0}.pin-name{font-family:var(--font-head);font-size:var(--step-1);color:var(--ink);font-weight:600;line-height:1.1}.pin-where{font-size:calc(var(--step-0) * .85);color:var(--people);margin-top:.15rem!important}@media (max-width:720px),(orientation:portrait){.filmstrip{align-items:center;padding:0}.film-dots{gap:8px}.film-dots i{width:9px;height:9px}.hud-year{left:var(--gutter);align-items:flex-start}.pager-btn{justify-content:center;min-width:44px;min-height:44px;padding:0}.pager-btn .lbl{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pager-count{min-width:3.6em}}@media (prefers-reduced-motion:reduce){.film-dots i,.film-list,.film-thumb{transition:none!important}}.play-panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:var(--step-0);color:var(--people);gap:.55rem;padding:1rem 1.2rem;line-height:1.4;display:grid}.play-panel p{margin:0}.play-panel .prompt{color:var(--people)}.play-panel .actions{flex-wrap:wrap;gap:.6rem;display:flex}.play-panel .verdict{min-height:1.4em;font-family:var(--font-head);font-size:calc(var(--step-0) * 1.1);color:var(--ink);font-weight:600;line-height:1.2}.play-panel .verdict:empty{min-height:0}.play-panel .toy{color:var(--people);font-size:.8em;line-height:1.3}.field{gap:.35rem;display:grid}.field-label{color:var(--ink);font-weight:700}.track{align-items:center;height:48px;display:flex;position:relative}.track input[type=range]{--thumb:28px;z-index:1;appearance:none;cursor:pointer;background:0 0;width:100%;height:48px;margin:0;position:relative}.track input[type=range]::-webkit-slider-runnable-track{background:var(--people);border-radius:4px;height:8px}.track input[type=range]::-moz-range-track{background:var(--people);border-radius:4px;height:8px}.track input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--protect);border:3px solid var(--ground);border-radius:50%;width:28px;height:28px;margin-top:-10px}.track input[type=range]::-moz-range-thumb{background:var(--protect);border:3px solid var(--ground);border-radius:50%;width:28px;height:28px}.track input[type=range]:focus-visible{outline:3px solid var(--protect);outline-offset:2px}.threshold-band{z-index:0;height:26px;top:50%;left:calc(14px + var(--lo) * (100% - 28px));width:calc((var(--hi) - var(--lo)) * (100% - 28px));border:2px solid var(--ink);background:repeating-linear-gradient(135deg,#f3eef48c 0 3px,#0000 3px 8px);border-radius:6px;position:absolute;transform:translateY(-50%)}.threshold-note,.play-panel .doses{color:var(--ink);font-weight:700}.modes{border:0;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;display:flex}.modes legend{color:var(--people);margin-bottom:.4rem;padding:0;font-size:.9em}.mode{border:2px solid var(--panel-edge);cursor:pointer;min-height:48px;color:var(--ink);border-radius:999px;align-items:center;gap:.5em;padding:.4em 1em .4em .75em;display:inline-flex}.mode input{width:1.2em;height:1.2em;accent-color:var(--protect);margin:0}.mode:has(input:checked){border-color:var(--protect);background:#ff570a24;font-weight:700}.mode:has(input:focus-visible){outline:3px solid var(--protect);outline-offset:2px}.mode input:focus-visible{outline:none}.play-panel .doses{font-variant-numeric:tabular-nums}.ring-panel .modes{flex-wrap:nowrap;align-items:center;gap:.35rem;font-size:.92em}.ring-panel .modes legend{float:left;white-space:nowrap;margin:0 .3rem 0 0;font-size:1em}.ring-panel .mode{white-space:nowrap;min-height:44px;padding:.2em .8em .2em .6em}.ring-panel .track,.ring-panel .track input[type=range]{height:40px}.ring-panel .check{min-height:36px}.ring-panel .prompt{font-size:.9em;line-height:1.35}.check{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:.6em;display:inline-flex}.check input{width:1.3em;height:1.3em;accent-color:var(--protect);margin:0}.ring-panel.is-random .ring-only{opacity:.45}.ring-panel.is-random .ring-only,.ring-panel.is-random .ring-only *{cursor:not-allowed}.ring-panel.has-run:not(.is-random) .prompt{display:none}.ring-panel .status{font-variant-numeric:tabular-nums;color:var(--ink);min-height:1.4em}.art-stack{aspect-ratio:1;width:clamp(5rem,11vw,9rem);color:var(--people);position:relative}.art{background:var(--panel);border:1px solid var(--panel-edge);opacity:0;transition:opacity .35s var(--ease);border-radius:50%;place-items:center;margin:0;padding:12%;display:grid;position:absolute;inset:0}.art.is-on{opacity:1}.art.is-empty{display:none}.art svg{width:100%;height:100%}@media (max-width:720px),(orientation:portrait){.play-panel{gap:.5rem;padding:.8rem}.play-panel .toy{font-size:.74em}.ring-panel{font-size:.92em}.ring-panel .modes{flex-wrap:wrap}.ring-panel .modes legend{float:none;width:100%;margin:0 0 .25rem}.art-stack{width:4.5rem}}@media (prefers-reduced-motion:reduce){.art{transition:none}}.written-head,.written-quiz{display:none}:is(html.no-webgl,html.written) #scene,:is(html.no-webgl,html.written) #hud{display:none!important}:is(html.no-webgl,html.written) #story{max-width:44rem;padding:8vh var(--gutter) 14vh;margin:0 auto}:is(html.no-webgl,html.written) .chapter{height:auto;min-height:0;margin:0 0 3.5rem}:is(html.no-webgl,html.written) .stage{pointer-events:auto;height:auto;min-height:0;padding:0;display:block;position:static}:is(html.no-webgl,html.written) .col{width:auto;max-height:none;display:block;overflow:visible}:is(html.no-webgl,html.written) .beats{min-height:0!important}:is(html.no-webgl,html.written) .caption .art-stack{float:none;margin:0 0 1.25rem}:is(html.no-webgl,html.written) .caption{-webkit-backdrop-filter:none;backdrop-filter:none;opacity:1;background:0 0;border:0;max-width:none;max-height:none;padding:0;overflow:visible}:is(html.no-webgl,html.written) .ch-title .caption h2{max-width:16ch}:is(html.no-webgl,html.written) .caption .beat p{max-width:none}:is(html.no-webgl,html.written) .written-head{border-bottom:1px solid var(--panel-edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:3rem;padding-bottom:1rem;display:flex}.written-kicker{font-size:var(--step-0);color:var(--people);margin:0}html.no-webgl .written-exit,:is(html.no-webgl,html.written) .play-panel,:is(html.no-webgl,html.written) .checkpoint-host{display:none}:is(html.no-webgl,html.written) .chapter-ui{margin-top:1.5rem}:is(html.no-webgl,html.written) .art-stack{aspect-ratio:auto;flex-wrap:wrap;gap:1rem;width:auto;display:flex;position:static}:is(html.no-webgl,html.written) .art{opacity:1;aspect-ratio:1;width:9rem;position:static}:is(html.no-webgl,html.written) .why-host{max-width:none;margin:0}:is(html.no-webgl,html.written) .ch-why .chapter-ui{-webkit-backdrop-filter:none;background:0 0;border:0;max-width:none;padding:0}:is(html.no-webgl,html.written) .ch-title .stage:before,:is(html.no-webgl,html.written) .caption .read-more>summary{display:none}:is(html.no-webgl,html.written) .written-quiz{display:block}.written-quiz h3{font-family:var(--font-head);font-size:var(--step-1);color:var(--ink);margin:0 0 .4em}.written-quiz>p{font-size:var(--step-0);margin:0 0 1.2em}.quiz-list{font-size:var(--step-0);margin:0 0 1.5rem;padding-left:1.4em;line-height:1.5}.quiz-list>li{margin-bottom:1.3rem}.quiz-q{color:var(--ink);margin:0 0 .4em;font-weight:700}.quiz-opts{margin:0;padding-left:1.2em;list-style:lower-alpha}.quiz-answer{border-left:3px solid var(--protect);margin-top:.6em;padding:.6em .9em}.quiz-answer p{margin:0 0 .3em}.quiz-right{color:var(--ink);font-weight:700}@media print{#scene,#hud,.skip,.written-exit{display:none!important}}.cp-root{box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink);font-family:var(--font-body);justify-content:center;padding:clamp(1rem,1.6vw + .4rem,1.75rem);display:flex}.cp-stage{justify-content:center;width:100%;display:flex}.cp-panel{flex-direction:column;gap:.85rem;width:100%;max-width:42rem;display:flex}.cp-kicker{font-size:calc(var(--step-0) * .82);letter-spacing:.02em;color:var(--people);margin:0}.cp-intro{font-size:calc(var(--step-0) * .9);color:var(--ink-soft);max-width:60ch;margin:0}.cp-progress{font-size:calc(var(--step-0) * .9);font-variant-numeric:tabular-nums;color:var(--ink-soft);letter-spacing:.02em;margin:0}.cp-fieldset{border:0;margin:0;padding:0}.cp-question-text{font-family:var(--font-head);font-size:var(--step-2);letter-spacing:-.01em;color:var(--ink);text-wrap:balance;margin:0 0 .8rem;padding:0;font-weight:600;line-height:1.06;display:block}.cp-question-text:focus{outline:none}.cp-options{flex-direction:column;gap:.6rem;display:flex}.cp-option{cursor:pointer;display:block;position:relative}.cp-radio{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cp-option-card{box-sizing:border-box;border-radius:var(--radius);border:2px solid var(--panel-edge);min-height:48px;font-size:var(--step-0);color:var(--ink);transition:border-color .15s var(--ease), background-color .15s var(--ease);background:#bfb1c10f;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.1rem;display:flex}.cp-option:hover .cp-radio:not(:disabled)+.cp-option-card{border-color:var(--people)}.cp-radio:checked:not(:disabled)+.cp-option-card{border-color:var(--protect);background:#ff570a1a}.cp-radio:focus-visible+.cp-option-card{outline:3px solid var(--protect);outline-offset:2px}.cp-radio:disabled+.cp-option-card{cursor:default}.cp-option--correct .cp-option-card{border-color:var(--protect);background:color-mix(in srgb, var(--protect) 20%, var(--panel))}.cp-option--wrong .cp-option-card{border-color:var(--people);background:color-mix(in srgb, var(--people) 16%, var(--panel))}.cp-option-mark{text-align:center;min-width:1.2em;font-size:1.2em;font-weight:700}.cp-option--correct .cp-option-mark{color:var(--protect)}.cp-option--wrong .cp-option-mark{color:var(--people)}.cp-feedback{outline:none}.cp-feedback-heading{font-family:var(--font-head);font-size:var(--step-1);align-items:center;gap:.6rem;margin:0 0 .5rem;display:flex}.cp-feedback-heading--correct{color:var(--protect)}.cp-feedback-heading--wrong{color:var(--people)}.cp-feedback-icon{font-size:1.2em}.cp-explanation{max-width:60ch;font-size:var(--step-0);color:var(--ink-soft);margin:0 0 .75rem}.cp-go-back{font-size:var(--step-0);color:var(--protect);font-weight:600;text-decoration:underline;display:inline-block}.cp-go-back:focus-visible{outline:3px solid var(--protect);outline-offset:3px}.cp-actions{justify-content:flex-end;display:flex}.cp-btn{box-sizing:border-box;border:2px solid var(--protect);background:var(--protect);min-height:48px;color:var(--ground);font-family:var(--font-body);font-size:var(--step-0);cursor:pointer;transition:opacity .15s var(--ease);border-radius:999px;padding:.85rem 1.75rem;font-weight:700}.cp-btn:disabled{opacity:.4;cursor:not-allowed}.cp-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.cp-score-heading{font-family:var(--font-head);font-size:var(--step-2);outline:none;margin:0;font-weight:600}.cp-score-message{font-size:var(--step-1);color:var(--ink-soft);margin:0}.cp-score-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.cp-score-item{font-size:var(--step-0);align-items:baseline;gap:.6rem;display:flex}.cp-score-mark{min-width:1.2em;font-weight:700}.cp-score-mark--correct{color:var(--protect)}.cp-score-mark--wrong{color:var(--people)}.cp-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:30rem){.cp-question-text{font-size:var(--step-1)}}@media (prefers-reduced-motion:reduce){.cp-option-card,.cp-btn{transition:none}}.chart-root{width:100%;color:var(--people);font-family:var(--font-body)}.chart-wrap{width:100%}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--people);stroke-opacity:.15;stroke-width:1px}.chart-axis-label{fill:var(--people);font-size:14px}.chart-disease-label{fill:var(--ink);font-family:var(--font-head);font-size:20px}.chart-value-label{fill:var(--ink);font-size:17px;font-weight:700}.chart-bar-solid{fill:var(--people);opacity:.55;transition:width .2s linear}.chart-bar-solid--smallpox{fill:var(--protect);opacity:1}.chart-bar-cap{transition:width .2s linear}.chart-hatch-bg--protect{fill:var(--protect);opacity:.3}.chart-hatch-bg--people{fill:var(--people);opacity:.3}.chart-hatch-line--protect{stroke:var(--protect);stroke-width:3px}.chart-hatch-line--people{stroke:var(--people);stroke-width:3px}.chart-legend{flex-direction:column;gap:.85rem;max-width:60rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.chart-legend-item{font-size:var(--step-0);color:var(--people);align-items:flex-start;gap:.75rem;line-height:1.5;display:flex}.chart-legend-swatch{background:var(--people);border-radius:999px;flex:none;width:14px;height:14px;margin-top:.35em}.chart-legend-swatch--smallpox{background:var(--protect)}.chart-legend-body strong{color:var(--ink);font-family:var(--font-head);font-weight:600}@media (prefers-reduced-motion:reduce){.chart-bar-solid,.chart-bar-cap{transition:none}}