.run-chart{margin:2.5rem 0}.run-chart-visual svg{height:auto;font-family:var(--sans);margin-inline:auto;display:block}.run-chart-visual text{fill:var(--ink);font-family:var(--sans);text-anchor:middle;font-size:14px}.run-chart-visual .node rect,.run-chart-visual .node path,.run-chart-visual .node polygon{fill:var(--paper);stroke:var(--ink-soft);stroke-width:1.5px}.run-chart-visual .flowchart-link{fill:none;stroke:var(--ink-soft);stroke-width:1.5px}.run-chart-visual .marker,.run-chart-visual .arrowMarkerPath{fill:var(--ink-soft);stroke:var(--ink-soft)}.run-chart figcaption{font-family:var(--sans);color:var(--ink-soft);margin-block-start:.6rem;font-size:.9rem}.battle-chart{max-width:26rem;margin:2.5rem auto}.battle-screen{aspect-ratio:160/156;border:3px solid var(--ink);background:#181425;border-radius:8px;width:100%;height:auto;display:block}.battle-controls{gap:.5rem;margin-block-start:.6rem;display:flex}.battle-controls button{background:var(--paper);min-height:44px;color:var(--ink);border:2px solid var(--ink);font-family:var(--sans);touch-action:manipulation;cursor:pointer;border-radius:4px;flex:1;padding:0 .75rem;font-size:.95rem;font-weight:600}.battle-chart figcaption{font-family:var(--sans);color:var(--ink-soft);margin-block-start:.6rem;font-size:.9rem}@media (scripting:none){.battle-controls{display:none}}.robot-chart{margin:2.5rem 0}.robot-stage{flex-direction:column;align-items:center;gap:.75rem;display:flex}.robot-stage figcaption{max-width:34rem;font-family:var(--sans);color:var(--ink-soft);font-size:.9rem}.robot{aspect-ratio:360/470;width:min(100%,26rem);position:relative}.robot-whole,.robot-part{transform-origin:50% 97%;position:absolute;inset:0}.robot-part{width:100%;height:100%;overflow:visible}.robot-metal{fill:var(--paper);stroke:var(--ink);stroke-width:3px}.robot-dark{fill:var(--ink);opacity:.16}.robot-brain-fill{fill:#ec9aa8;stroke:var(--ink);stroke-width:3px}.robot-brain-fold{fill:none;stroke:#8a3b4c;stroke-width:2.5px;stroke-linecap:round}.robot-face-off{fill:none;stroke:var(--ink-soft);stroke-width:4px;stroke-linecap:round}.robot-face-patch{fill:var(--paper)}.robot-eye{fill:var(--accent)}.robot-eye-glow{fill:var(--accent);opacity:.25}.robot-smile{fill:none;stroke:var(--accent);stroke-width:4px;stroke-linecap:round}.robot-plate,.robot-stage-name,.robot-clack-word{font-family:var(--sans);fill:var(--ink)}.robot-plate{text-anchor:middle;font-size:15px;font-weight:700}.robot-lamp-off{fill:var(--ink);opacity:.2}.robot-lamp{aspect-ratio:1;background:var(--accent);border-radius:50%;width:3.3%;margin:-1.65% 0 0 -1.65%;position:absolute}.robot-brain{transform-origin:50% 35%}.robot-lid{transform-origin:70.5556% 40.4255%}.robot-dome{fill:color-mix(in srgb, var(--ink) 7%, transparent);stroke:var(--ink);stroke-width:3px}.robot-dome-shine{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;opacity:.35}.robot-arm{transform-origin:72.2222% 68.5106%}.robot-clack{opacity:0;transform-origin:50% 25%}.robot-spark{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round}.robot-clack-word{fill:var(--accent);text-anchor:middle;font-size:44px;font-weight:800}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.robot-track{view-timeline:--robot block;height:190svh}.robot-stage{justify-content:center;height:100svh;position:sticky;top:0;overflow:clip}.robot{width:min(90%,26rem,76.5957svh - 5.3617rem)}.robot-whole,.robot-arm,.robot-brain,.robot-lid,.robot-face-on,.robot-clack,.robot-lamp{animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:--robot;animation-range:contain}.robot-brain{animation-name:robot-brain}.robot-lid{animation-name:robot-lid}.robot-whole{animation-name:robot-whole}.robot-face-on{animation-name:robot-face-on}.robot-clack{animation-name:robot-clack}.robot-arm{animation-name:robot-arm}.robot-lamp{animation-name:robot-lamp;animation-range:contain var(--lamp-from) contain var(--lamp-to)}}}@keyframes robot-brain{0%{animation-timing-function:cubic-bezier(.5,0,.95,.55);transform:translateY(-58svh)rotate(-14deg)}38%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)rotate(0)}42%{animation-timing-function:cubic-bezier(.6,0,.9,.5);transform:translateY(-7%)rotate(5deg)}46%,to{transform:translateY(0)rotate(0)}}@keyframes robot-lid{0%,37%{transform:rotate(122deg)}39%{transform:rotate(132deg)}42%{transform:rotate(116deg)}46%,49%{animation-timing-function:cubic-bezier(.7,0,1,.7);transform:rotate(124deg)}51%{animation-timing-function:ease-out;transform:rotate(0)}52.5%{animation-timing-function:ease-in;transform:rotate(7deg)}54%,to{transform:rotate(0)}}@keyframes robot-whole{0%,37.5%{animation-timing-function:ease-out;transform:none}39.5%{animation-timing-function:ease-out;transform:scale(1.05,.92)}44%,50.5%{transform:none}52%{transform:scale(1.09,.88)}55%{transform:scale(.97,1.03)}58%,76%{animation-timing-function:ease-out;transform:none}80%{animation-timing-function:ease-in;transform:translateY(-7%)scale(.98,1.03)}84%{animation-timing-function:ease-out;transform:scale(1.05,.95)}87%,to{transform:none}}@keyframes robot-face-on{0%,57%{opacity:0;animation-timing-function:step-end}58%{opacity:1;animation-timing-function:step-end}59.5%{opacity:0;animation-timing-function:step-end}61%{opacity:1;animation-timing-function:step-end}62%{opacity:0;animation-timing-function:step-end}64%,to{opacity:1}}@keyframes robot-clack{0%,50.5%{opacity:0;animation-timing-function:cubic-bezier(.2,1.6,.5,1);transform:scale(.5)rotate(-6deg)}52.5%{opacity:1;transform:scale(1.1)rotate(-3deg)}58%{opacity:1;transform:scale(1)rotate(-3deg)}61%,to{opacity:0;transform:scale(1.06)rotate(-3deg)}}@keyframes robot-arm{0%,76%{animation-timing-function:ease-out;transform:none}81%{animation-timing-function:ease-in-out;transform:rotate(-132deg)}85%{animation-timing-function:ease-in-out;transform:rotate(-108deg)}89%{animation-timing-function:ease-in-out;transform:rotate(-132deg)}93%{animation-timing-function:ease-in-out;transform:rotate(-108deg)}97%,to{transform:rotate(-122deg)}}@keyframes robot-lamp{0%{opacity:0;animation-timing-function:cubic-bezier(.2,1.8,.5,1);transform:scale(.4)}60%{opacity:1;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.umbrella-chart{max-width:30rem;margin:2.5rem auto}.umbrella-chart figcaption{font-family:var(--sans);color:var(--ink-soft);margin-block-start:.6rem;font-size:.9rem}.umbrella{aspect-ratio:100/84;position:relative;container-type:inline-size}.umbrella-visual{font-family:var(--sans);position:absolute;inset:0}.umbrella-frame{width:100%;height:100%;position:absolute;inset:0}.umbrella-canopy{fill:color-mix(in srgb, var(--accent) 12%, transparent);stroke:var(--ink-soft);stroke-width:.5px}.umbrella-rib{stroke:var(--ink-soft);stroke-width:.5px}.umbrella-hub{z-index:200;background:var(--ink);color:var(--paper);border-radius:999px;margin:0;padding:.15rem .7rem;font-size:max(.8rem,3.2cqi);font-weight:700;position:absolute;top:2cqi;left:50%;translate:-50%}.umbrella-panel,.umbrella-button{transform-origin:50% 0;width:58cqi;height:56cqi;position:absolute;top:0;left:0}.umbrella-panel{background:var(--paper);border:2px solid var(--ink);border-radius:10px;overflow:hidden}.umbrella-closed,.umbrella-open{margin:0;position:absolute;inset:0}.umbrella-closed{opacity:calc(1 - var(--open) * 2);flex-direction:column;align-items:center;padding-block-start:6cqi;line-height:1.2;display:flex}.umbrella-closed b{font-size:max(1.8rem,9cqi)}.umbrella-closed span{color:var(--ink-soft);font-size:max(1.35rem,6cqi)}.umbrella-open{opacity:calc(var(--open) * 2 - 1);padding:3.5cqi 4cqi;line-height:1.25}.umbrella-name{color:var(--accent);margin:0 0 .3rem;font-size:max(1.2rem,5.5cqi);font-weight:700}.umbrella-open ul{margin:0;padding:0;font-size:max(.85rem,3.6cqi);list-style:none}.umbrella-open li{margin-block-end:.35rem}.umbrella-dots{letter-spacing:.08em;color:var(--accent);display:block}.umbrella-note{color:var(--ink-soft);margin:0;font-size:max(.78rem,3.2cqi)}.umbrella-button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:10px;padding:0}.umbrella-button:focus-visible{outline:4px solid var(--accent);outline-offset:-4px}@media (scripting:none){.umbrella-chart{display:none}}