.tv{--rm-dot:#e8590c;--rm-dot-2:#1c7ed6;--rm-dot-3:#2f9e44;--rm-x:#7048e8;--rm-paper:color-mix(in srgb, var(--bg) 85%, #4dabf7 15%);--rm-line:color-mix(in srgb, var(--fg) 14%, transparent);--rm-machine:#ffd43b;--rm-machine-edge:#b08900;--thumb:calc(var(--u) * 6.5)}@media (prefers-color-scheme:dark){.tv{--rm-dot:#ff922b;--rm-dot-2:#4dabf7;--rm-dot-3:#69db7c;--rm-x:#9775fa;--rm-paper:color-mix(in srgb, var(--bg) 88%, #4dabf7 12%);--rm-machine:#e0b32a;--rm-machine-edge:#8f6d00}}.rm-split{align-items:center;gap:calc(var(--u) * 2);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);width:100%;display:grid}.rm-col{justify-items:center;gap:calc(var(--u) * 1.5);width:100%;display:grid}@media (aspect-ratio<=1),(width<=700px){.rm-split{grid-template-columns:minmax(0,1fr)}}.rm-readout{color:var(--fg);font-size:calc(var(--u) * 3);text-align:center;margin:0;font-weight:700}.rm-readout:empty{display:none}.rm-done-big{color:var(--success,#2f9e44);font-size:calc(var(--u) * 24);margin:0;font-weight:800;line-height:1}.rm-plot{width:min(100%, calc(var(--u) * 52 * 640 / 440));margin:0 auto}.rm-grid{width:100%;height:auto;max-height:calc(var(--u) * 58);touch-action:none;user-select:none;display:block;overflow:visible}.rm-grid:not(.rm-grid-pick){touch-action:auto}.rm-grid-pick{cursor:pointer}.rm-grid-paper{fill:var(--rm-paper)}.rm-grid-line{stroke:var(--rm-line);stroke-width:2px}.rm-axis{stroke:var(--fg);stroke-width:4px;stroke-linecap:round}.rm-grid-num{fill:var(--fg);font-size:22px;font-weight:700}.rm-grid-name{fill:var(--muted);font-size:22px;font-weight:800}.rm-dot{stroke:var(--bg);stroke-width:4px}.rm-dot-label{fill:#fff;font-size:17px;font-weight:800}.rm-beams line{stroke-width:3px;stroke-dasharray:8 7}.rm-tag-text{fill:#fff;font-size:24px;font-weight:800}.rm-trail-dot{opacity:.75;animation:.25s tv-pop}.rm-stair-label{font-size:22px;font-weight:800}.rm-stairs path{stroke-opacity:.7}.rm-spot{cursor:pointer}.rm-spot circle{fill:var(--bg);stroke:var(--accent);stroke-width:5px;stroke-dasharray:9 6}.rm-spot:is(:hover,:focus-visible) circle{fill:color-mix(in srgb, var(--accent) 25%, var(--bg));stroke-dasharray:none}.rm-spot:focus-visible{outline:none}.rm-spot[data-state=wrong]{opacity:.45;cursor:default}.rm-spot[data-state=wrong] circle{stroke:var(--danger,#e03131)}.rm-spot[data-state=right] circle{fill:var(--success,#2f9e44);stroke:var(--success,#2f9e44);stroke-dasharray:none}.rm-spot-mark{fill:var(--fg);pointer-events:none;font-size:24px;font-weight:800}.rm-spot[data-state=right] .rm-spot-mark{fill:#fff}.rm-range-box{margin:calc(var(--u) * .5) calc(var(--plot-right) * 100% - var(--thumb) / 2) 0 calc(var(--plot-left) * 100% - var(--thumb) / 2)}.rm-range{width:100%;height:var(--thumb);cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;margin:0;display:block}.rm-range::-webkit-slider-runnable-track{height:calc(var(--u) * 1.6);background:color-mix(in srgb, var(--rm-x) 35%, var(--bg-soft));border-radius:999px}.rm-range::-moz-range-track{height:calc(var(--u) * 1.6);background:color-mix(in srgb, var(--rm-x) 35%, var(--bg-soft));border-radius:999px}.rm-range::-webkit-slider-thumb{width:var(--thumb);height:var(--thumb);margin-top:calc((var(--u) * 1.6 - var(--thumb)) / 2);border:calc(var(--u) * .7) solid var(--bg);background:var(--rm-x);-webkit-appearance:none;border-radius:50%;box-shadow:0 2px 6px #0000004d}.rm-range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:calc(var(--u) * .7) solid var(--bg);background:var(--rm-x);border-radius:50%;box-shadow:0 2px 6px #0000004d}.rm-range:focus-visible{outline:calc(var(--u) * .6) solid var(--ring,var(--accent));outline-offset:4px;border-radius:999px}.rm-step{min-width:calc(var(--u) * 12);font-size:calc(var(--u) * 4);font-weight:800}.rm-strip{justify-content:center;align-items:center;gap:calc(var(--u) * 1.5);font-size:calc(var(--u) * 3.4);flex-wrap:wrap;margin:0;font-weight:800;display:flex}.rm-strip-x,.rm-strip-y{padding:calc(var(--u) * .6) calc(var(--u) * 1.6);border-radius:calc(var(--u) * 1.5);color:#fff}.rm-strip-x{background:var(--rm-x)}.rm-strip-y{background:var(--rm-dot)}.rm-story{justify-items:center;gap:calc(var(--u) * 1);margin:0;display:grid}.rm-story-picture{width:100%;min-height:calc(var(--u) * 26);place-items:center;display:grid;position:relative}.rm-story-says{color:var(--fg);font-size:calc(var(--u) * 2.8);text-align:center;font-weight:700}.rm-pop{padding:calc(var(--u) * .4) calc(var(--u) * 1.4);background:var(--rm-dot);color:#fff;font-size:calc(var(--u) * 4);pointer-events:none;border-radius:999px;font-weight:800;animation:1.1s forwards rm-pop-up;position:absolute;top:0;right:0}.rm-pop[data-down]{background:var(--rm-dot-2)}@keyframes rm-pop-up{0%{transform:translateY(calc(var(--u) * 4)) scale(.6);opacity:0}20%{opacity:1;transform:translateY(0)scale(1.1)}75%{transform:translateY(calc(var(--u) * -2)) scale(1);opacity:1}to{transform:translateY(calc(var(--u) * -4));opacity:0}}.rm-items,.rm-coins,.rm-stickers{justify-content:center;align-items:flex-end;gap:calc(var(--u) * .8);max-width:calc(var(--u) * 40);flex-wrap:wrap;display:flex}.rm-item{width:calc(var(--u) * 8);height:calc(var(--u) * 8);animation:.3s tv-pop}.rm-items[data-many] .rm-item{width:calc(var(--u) * 6);height:calc(var(--u) * 6)}.rm-items-none{color:var(--muted);font-size:calc(var(--u) * 2.8);font-weight:700}.rm-coin-stack{flex-direction:column-reverse;animation:.4s rm-drop;display:flex}.rm-coin{width:calc(var(--u) * 5);height:calc(var(--u) * 5);margin-top:calc(var(--u) * -2.6)}@keyframes rm-drop{0%{transform:translateY(calc(var(--u) * -6));opacity:0}}.rm-sticker{width:calc(var(--u) * 3.4);height:calc(var(--u) * 3.4)}.rm-stickers{max-width:calc(var(--u) * 38);gap:calc(var(--u) * .3)}.rm-beanstalk{width:auto;height:calc(var(--u) * 30)}.rm-stalk{transition:y .45s,height .45s}.rm-ruler{stroke:var(--muted);stroke-width:3px}.rm-ruler-num{fill:var(--muted);font-size:16px;font-weight:700}.rm-jar{gap:calc(var(--u) * .5);padding:calc(var(--u) * 1.5);border:calc(var(--u) * .6) solid color-mix(in srgb, #74c0fc 70%, var(--fg));border-top-width:calc(var(--u) * 1.6);border-radius:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 4) calc(var(--u) * 4);background:color-mix(in srgb, #74c0fc 12%, var(--bg));grid-template-columns:repeat(4,1fr);display:grid}.rm-jar-slot{width:calc(var(--u) * 5);height:calc(var(--u) * 5);place-items:center;display:grid}.rm-cookie{width:100%;height:100%}.rm-battery{width:auto;height:calc(var(--u) * 28)}.rm-battery-num{fill:#fff;paint-order:stroke;stroke:#00000059;stroke-width:1.2px;font-size:7px;font-weight:800}.rm-grow-dog{font-size:calc(var(--u) * 28);place-items:end center;line-height:1;display:grid}.rm-grow-dog .rm-item{width:1em;height:1em}.rm-grow-dog>span:first-child{transition:font-size .45s}.rm-grow-label{font-size:calc(var(--u) * 3);font-weight:800}.rm-machine{width:100%;max-width:calc(var(--u) * 62);height:auto;max-height:calc(var(--u) * 44);overflow:visible}.rm-machine-hopper{fill:color-mix(in srgb, var(--rm-machine-edge) 40%, var(--bg-soft));stroke:var(--rm-machine-edge);stroke-width:5px;stroke-linejoin:round}.rm-machine-shell{fill:var(--rm-machine);stroke:var(--rm-machine-edge);stroke-width:6px}.rm-machine-sign{fill:var(--bg);stroke:var(--rm-machine-edge);stroke-width:4px}.rm-machine-rule{fill:var(--fg);font-weight:800}.rm-machine-chute,.rm-machine-tray{fill:color-mix(in srgb, var(--rm-machine-edge) 55%, var(--bg-soft))}.rm-machine-light{fill:color-mix(in srgb, var(--rm-machine-edge) 50%, var(--bg))}.rm-machine[data-phase=work] .rm-machine-light{animation:.3s steps(2,end) infinite rm-blink}@keyframes rm-blink{50%{fill:#ff6b6b}}.rm-gear-tooth,.rm-gear-wheel{fill:color-mix(in srgb, var(--rm-machine-edge) 70%, var(--fg))}.rm-gear-hub{fill:var(--rm-machine)}.rm-gear{transform-box:view-box}.rm-machine[data-phase=work] .rm-gear{animation:.65s linear rm-spin}.rm-machine[data-phase=work] .rm-gear[data-reverse]{animation-direction:reverse}@keyframes rm-spin{to{transform:rotate(180deg)}}.rm-machine[data-phase=work] .rm-machine-body{animation:.16s linear infinite rm-rumble}.rm-machine[data-wobbly][data-phase=work] .rm-machine-body{animation:.22s ease-in-out infinite rm-wobble}@keyframes rm-rumble{25%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}}@keyframes rm-wobble{25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}.rm-machine-body{transform-box:view-box;transform-origin:180px 200px}.rm-token-disc{fill:var(--bg);stroke:var(--rm-x);stroke-width:6px}.rm-token-disc-out{stroke:var(--rm-dot)}.rm-token-text{fill:var(--fg);font-size:38px;font-weight:800}.rm-token-in{transition:transform .45s ease-in,opacity .45s ease-in}.rm-token-in:is([data-phase=work],[data-phase=out]){opacity:0;transform:translateY(90px)scale(.6)}.rm-token-out{animation:.45s ease-out rm-slide-out}@keyframes rm-slide-out{0%{opacity:0;transform:translate(-70px,-50px)scale(.5)}}.rm-feed{justify-content:center;gap:calc(var(--u) * 1);flex-wrap:wrap;display:flex}.rm-feed .tv-btn{min-width:calc(var(--u) * 9);min-height:calc(var(--u) * 9);padding:0 calc(var(--u) * 1);font-size:calc(var(--u) * 4);font-weight:800}.rm-feed .tv-btn img{width:calc(var(--u) * 7);height:calc(var(--u) * 7)}.rm-feed .tv-btn[data-used]{border-color:var(--rm-x)}.rm-notebook{border-collapse:separate;border-spacing:0;min-width:calc(var(--u) * 30);border:calc(var(--u) * .5) solid var(--border);border-radius:calc(var(--u) * 2);background:var(--bg);font-size:calc(var(--u) * 3.6);text-align:center;font-weight:800;overflow:hidden}.rm-notebook th{padding:calc(var(--u) * .8) calc(var(--u) * 2);background:var(--bg-soft);color:var(--muted);font-size:calc(var(--u) * 2.8)}.rm-notebook td{padding:calc(var(--u) * .5) calc(var(--u) * 2);border-top:2px solid var(--border)}.rm-notebook td:nth-child(2){color:var(--muted)}.rm-notebook img{width:calc(var(--u) * 5);height:calc(var(--u) * 5);vertical-align:middle}.rm-notebook tr[data-fresh] td{background:color-mix(in srgb, var(--rm-dot) 18%, var(--bg));animation:.25s tv-pop}.rm-notebook tr[data-odd] td{background:color-mix(in srgb, var(--danger,#e03131) 18%, var(--bg))}.rm-notebook-empty{color:var(--muted);font-size:calc(var(--u) * 2.6);font-weight:600}.rm-q{border-radius:calc(var(--u) * 1);background:var(--accent);min-width:1.6em;color:var(--accent-fg);display:inline-block}.rm-route path{fill:none;stroke:var(--rm-x);stroke-width:6px;stroke-dasharray:2 12;stroke-linecap:round;stroke-linejoin:round}.rm-route-label{fill:var(--rm-x);paint-order:stroke;stroke:var(--bg);stroke-width:6px;font-size:22px;font-weight:800}.rm-flag text{fill:#fff;font-size:20px;font-weight:800}.rm-lines{width:100%;height:auto;max-height:calc(var(--u) * 58);overflow:visible}.rm-lines-axis{stroke:var(--fg);stroke-width:4px;stroke-linecap:round}.rm-lines-tick{stroke:var(--fg);stroke-width:3px}.rm-lines-arrow{stroke:var(--muted);stroke-width:3px;stroke-dasharray:6 6}.rm-tower{fill:color-mix(in srgb, var(--rm-dot) 70%, var(--bg));stroke:var(--bg);stroke-width:3px;transition:opacity .5s,transform .5s}.rm-tower[data-shrunk]{opacity:0}@media (prefers-reduced-motion:reduce){.rm-pop,.rm-coin-stack,.rm-item,.rm-trail-dot,.rm-token-out,.rm-notebook tr[data-fresh] td,.rm-machine[data-phase] .rm-machine-body,.rm-machine[data-phase] .rm-gear,.rm-machine[data-phase] .rm-machine-light{animation:none}.rm-token-in,.rm-stalk,.rm-tower,.rm-grow-dog>span:first-child{transition:none}}.rm-steppers{align-items:center;gap:calc(var(--u) * 1.2);grid-template-columns:auto auto auto;display:grid}.rm-stepper-name{font-size:calc(var(--u) * 3.2);text-align:right;font-weight:800}.rm-picker{gap:calc(var(--u) * 1);flex-wrap:wrap;width:100%;display:flex}.rm-picker .tv-btn[data-on]{background:var(--accent);color:var(--accent-fg)}.rm-board{gap:calc(var(--u) * 1.5);margin:0;padding:0;list-style:none;display:grid}.rm-board li{align-items:center;gap:calc(var(--u) * 1.2);font-size:calc(var(--u) * 3.2);grid-template-columns:auto auto 1fr auto;font-weight:800;display:grid}.rm-board-dot{width:calc(var(--u) * 3);height:calc(var(--u) * 3);background:currentColor;border-radius:50%}.rm-board-pic{width:calc(var(--u) * 6);height:calc(var(--u) * 6)}.rm-board-name,.rm-board b{color:var(--fg)}.rm-trio{align-items:center;gap:calc(var(--u) * 2);grid-template-columns:1.1fr auto 1.2fr;width:100%;display:grid}.rm-trio .rm-notebook{min-width:0;font-size:calc(var(--u) * 3)}@media (aspect-ratio<=1),(width<=700px){.rm-trio{grid-template-columns:1fr;justify-items:center}}.rm-spot[data-look=dot] circle{fill:var(--rm-dot);stroke:var(--bg);stroke-width:4px;stroke-dasharray:none}.rm-spot[data-look=dot]:is(:hover,:focus-visible) circle{stroke:var(--accent);stroke-width:6px}.rm-spot[data-look=dot][data-state=wrong] circle{fill:var(--muted)}.rm-spot[data-look=dot][data-state=right] circle{fill:var(--success,#2f9e44)}.rm-tap-prompt{padding:calc(var(--u) * 1.5) calc(var(--u) * 2);border:calc(var(--u) * .4) dashed var(--border);border-radius:calc(var(--u) * 2);color:var(--muted);font-size:calc(var(--u) * 3);text-align:center;margin:0;font-weight:700}.rm-guide{stroke:var(--accent);stroke-width:3px;stroke-dasharray:4 8}.tv .tv-cards{flex-wrap:wrap}.tv .tv-card{width:auto;min-width:calc(var(--u) * 15);max-width:100%;height:auto;min-height:calc(var(--u) * 13);padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5);font-size:calc(var(--u) * 5);text-align:center;line-height:1.1}
