:root{--bg:#0e0e0f;--text:#eae8e3;--muted:#a3a19b;--stage:#030304;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.55 Georgia,Times New Roman,serif}main{max-width:704px;margin:0 auto;padding:40px 16px 56px}h1{margin:0 0 10px;font-size:30px;font-weight:400}.lede{color:var(--text);margin:0 0 26px}.case-scroll{height:235vh}.stage-wrap{position:sticky;top:10px}body.no3d .case-scroll{height:auto}body.no3d .stage-wrap{position:static}.stage{background:var(--stage);grid-template-rows:auto auto;grid-template-columns:auto minmax(0,max-content) auto;justify-content:center;gap:8px;padding:10px;display:grid}canvas{touch-action:pan-y;cursor:grab;outline:none;grid-area:1/2;justify-self:center;width:auto;min-width:0;max-width:100%;height:auto;max-height:calc(100vh - 126px);display:block}body.no3d input.slider.fade{visibility:hidden}input.slider{appearance:none;writing-mode:vertical-lr;touch-action:none;cursor:ns-resize;direction:rtl;background:0 0;outline:none;width:22px;margin:6px 0;padding:0}input.slider.fade{grid-area:1/1}input.slider.explode{grid-area:1/3}input.slider.speed{writing-mode:horizontal-tb;cursor:ew-resize;direction:ltr;grid-area:2/2;width:auto;height:22px;margin:0 6px}input.slider::-webkit-slider-runnable-track{background:#3d3b37;border-radius:1px;block-size:2px;inline-size:100%}input.slider::-webkit-slider-thumb{appearance:none;background:#8f8d87;border:0;border-radius:1px;block-size:14px;inline-size:6px;margin-block-start:-6px}input.slider::-moz-range-track{background:#3d3b37;border-radius:1px;block-size:2px;inline-size:100%}input.slider::-moz-range-thumb{background:#8f8d87;border:0;border-radius:1px;block-size:14px;inline-size:6px}input.slider:hover::-webkit-slider-thumb{background:var(--text)}input.slider:focus-visible::-webkit-slider-thumb{background:var(--text)}input.slider:hover::-moz-range-thumb{background:var(--text)}input.slider:focus-visible::-moz-range-thumb{background:var(--text)}canvas:focus-visible{box-shadow:0 0 0 1px var(--muted)}@media (hover:none){.case-scroll{height:auto}.stage-wrap{position:static}canvas{touch-action:pan-x pan-y}input.slider.explode{width:44px}}.hint{color:var(--muted);text-align:center;margin:8px 0 34px;font:12px/1.5 Courier New,Courier,monospace}footer{border-top:1px solid var(--muted);padding-top:14px}footer p{margin:0 0 4px}footer .sub{color:var(--muted);font-size:13px}footer a{color:var(--text)}@media print{.hint{display:none}body{color:#111;background:#fff}.stage{padding:0}footer,footer a{color:#111;border-color:#555}footer .sub{color:#555}}