ryusui-sim,.rs-figure{--rs-boat:#1e78c2;--rs-current:#2b9348;--rs-down:#d9690b;--rs-up:#7b4fc9;--rs-river:#d3ebfa;--rs-flow:#4887b0;--rs-arrive:#e53935;--rs-boat-ink:#1c70b4;--rs-current-ink:#257d3d;--rs-down-ink:#ae5409;--rs-accent-ink:#ad5500;display:block}@media (prefers-color-scheme:dark){ryusui-sim,.rs-figure{--rs-boat:#7cc0f5;--rs-current:#6fd98f;--rs-down:#ffab61;--rs-up:#c3a6ff;--rs-river:#1d3a52;--rs-flow:#6fb6e6;--rs-arrive:#ff8a80;--rs-boat-ink:#7cc0f5;--rs-current-ink:#6fd98f;--rs-down-ink:#ffab61;--rs-accent-ink:var(--c-accent)}}.rs rt{font-size:.5em}.rs-tabs{border-radius:var(--radius);background:var(--c-border);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.rs-tabs [role=tab]{border-radius:calc(var(--radius) - 4px);min-height:44px;color:var(--c-text);cursor:pointer;background:0 0;border:0;font-weight:700}.rs-tabs [role=tab][aria-selected=true]{background:var(--c-surface);color:var(--c-primary);box-shadow:0 1px 2px #00000026}.rs-panel{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);margin-top:.75rem;padding:1rem}.rs-panel>:first-child{margin-top:0}.rs-kind{background:var(--c-surface-2);border-radius:999px;margin:0 0 .25rem;padding:0 .6rem;font-size:.8125rem;font-weight:700;line-height:2;display:inline-block}.rs-problem{margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;line-height:2}.rs-mission{color:var(--c-muted);margin:0 0 .75rem;line-height:2}.rs-current{border-radius:var(--radius);background:var(--c-surface-2);flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem .75rem;padding:.5rem .75rem;display:flex}.rs-current__name{color:var(--rs-current);font-weight:700}.rs-current__ctrl{align-items:center;gap:.5rem;display:flex}.rs-current__btn{min-width:44px;padding-inline:.5rem;font-size:1.25rem}.rs-current__value{text-align:center;min-width:6.5em;font-weight:700}.rs-current__value strong{color:var(--rs-current);font-variant-numeric:tabular-nums;font-size:1.5rem}.rs-current__changed{color:var(--c-accent);display:block}.rs-problem.is-new{background:var(--c-accent-soft);border-radius:6px}@media (prefers-reduced-motion:no-preference){.rs-problem.is-new{animation:1.2s ease-out rs-new}}@keyframes rs-new{0%{background:var(--c-accent)}to{background:var(--c-accent-soft)}}.rs-current__note{color:var(--c-muted);flex-basis:100%;margin:0;font-size:.8125rem;line-height:2}.rs-chart{border-radius:var(--radius);background:var(--c-surface-2);margin:.75rem 0 0;padding:.5rem}.rs-chart figcaption{color:var(--c-muted);text-align:center;margin-top:.25rem;font-size:.8125rem;line-height:2}.river-chart,.speed-chart{width:100%;max-width:520px;height:auto;margin-inline:auto;display:block}.river-chart .lbl,.speed-chart .lbl{fill:var(--c-text);font-size:14px;font-weight:700}.river-chart .lbl--note,.speed-chart .lbl--note{fill:var(--c-primary);font-size:15px}.river-chart .bracket,.speed-chart .bracket{fill:none;stroke:var(--c-muted);stroke-width:1.5px}.river-chart .river{fill:var(--rs-river);stroke:var(--rs-flow);stroke-width:1.5px}.river-chart .flow{fill:none;stroke:var(--rs-flow);stroke-width:1.5px}.river-chart .town-mark{stroke:var(--c-text);stroke-width:2px}.river-chart .trail--down{fill:var(--rs-down)}.river-chart .trail--up{fill:var(--rs-up)}.river-chart .hour-dot{fill:var(--c-surface);stroke:var(--c-text);stroke-width:1px}.river-chart .boat__hull{fill:var(--rs-boat)}.river-chart .boat__sail{fill:var(--c-surface);stroke:var(--rs-boat);stroke-width:1.5px}.river-chart .boat__arrow{fill:var(--rs-boat)}.river-chart .boat__stem{stroke:var(--c-muted);stroke-width:1.5px;stroke-dasharray:3 3}.river-chart .bracket-g--down .lbl{fill:var(--rs-down-ink)}.river-chart .bracket-g--down .bracket{stroke:var(--rs-down)}.river-chart .bracket-g--up .lbl{fill:var(--rs-up)}.river-chart .bracket-g--up .bracket{stroke:var(--rs-up)}.river-chart .bracket-g--rest .lbl{fill:var(--rs-accent-ink)}.river-chart .bracket-g--rest .bracket{stroke:var(--c-accent);stroke-width:2px}.river-chart .arrive-mark circle{fill:var(--rs-arrive);opacity:.35}.river-chart .arrive-mark .arrive-mark__core{opacity:1}.speed-chart .seg--boat{fill:var(--rs-boat)}.speed-chart .seg--current{fill:var(--rs-current)}.speed-chart .seg--pushed{fill:none;stroke:var(--rs-current);stroke-width:1.5px;stroke-dasharray:4 3}.speed-chart .row-name{font-size:15px}.speed-chart .side{fill:var(--rs-current-ink)}.speed-chart .boat-line{stroke:var(--c-text);stroke-width:1.5px;stroke-dasharray:3 3}.speed-chart .bracket-g--down .lbl{fill:var(--rs-down-ink)}.speed-chart .bracket-g--down .bracket{stroke:var(--rs-down)}.speed-chart .bracket-g--up .lbl{fill:var(--rs-up)}.speed-chart .bracket-g--up .bracket{stroke:var(--rs-up)}.speed-chart .bracket-g--diff .lbl{fill:var(--rs-current-ink)}.speed-chart .bracket-g--diff .bracket{stroke:var(--rs-current)}.speed-chart .bracket-g--boat .lbl{fill:var(--rs-boat-ink)}.speed-chart .bracket-g--boat .bracket{stroke:var(--rs-boat)}@media (prefers-color-scheme:light){.speed-chart .seg--boat,.speed-chart .seg--current{stroke:var(--c-fig-edge);stroke-width:1px}.speed-chart rect.is-dim,.speed-chart g.is-dim rect{fill-opacity:.25}.speed-chart text.is-dim,.speed-chart g.is-dim text,.speed-chart .bracket-g.is-dim .lbl{fill:var(--c-muted)}.speed-chart line.is-dim{opacity:.55}.speed-chart g.is-dim .bracket{stroke-width:1px}}@media (prefers-color-scheme:dark){.speed-chart rect.is-dim,.speed-chart line.is-dim,.speed-chart g.is-dim rect,.speed-chart g.is-dim .bracket{opacity:.55}.speed-chart text.is-dim,.speed-chart g.is-dim text{opacity:.85}}.speed-chart .bracket-g.is-hl .bracket{stroke-width:3px}.speed-chart .band.is-hl .seg,.speed-chart .seg.is-hl{stroke:var(--c-text);stroke-width:1.5px}.speed-chart .seg--pushed.is-hl{stroke:var(--rs-current);stroke-width:2.5px}@media (prefers-color-scheme:dark){.speed-chart .seg--boat,.speed-chart .seg--current,.speed-chart .band.is-hl .seg,.speed-chart .seg.is-hl{stroke:var(--c-surface);stroke-width:1.5px}.speed-chart .seg--pushed.is-hl{stroke:var(--rs-current);stroke-width:2.5px}}@media (prefers-reduced-motion:no-preference){.river-chart.is-arrived .arrive-mark{transform-box:fill-box;transform-origin:50%;animation:.6s ease-out rs-burst}.rs-status.is-match .rs-judge{animation:.6s ease-out rs-cheer}}@keyframes rs-burst{0%{transform:scale(.2)}60%{transform:scale(1.6)}to{transform:scale(1)}}@keyframes rs-cheer{0%{transform:scale(.8)}50%{transform:scale(1.12)}to{transform:scale(1)}}.rs-status{text-align:center;margin-block:.75rem}.rs-meter{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem 1.5rem;display:flex}.rs-meter p{margin:0}.rs-now strong{color:var(--c-primary);font-variant-numeric:tabular-nums;font-size:2rem}.rs-rest strong{color:var(--c-accent);font-variant-numeric:tabular-nums;font-size:1.5rem}.rs-judge{background:var(--c-surface-2);border-radius:999px;margin:.25rem 0 0;padding:.2rem 1rem;font-weight:700;display:inline-block}.rs-judge.is-match{background:var(--c-primary);color:var(--c-on-primary);font-size:1.125rem}.rs-controls{grid-template-columns:1fr 1.3fr;gap:.5rem;display:grid}.rs-controls .btn,.rs-play{padding-inline:.5rem;font-size:.9375rem}.rs-play{width:100%;margin-top:.5rem}ryusui-sim.is-playing .rs-play{pointer-events:none;opacity:.6}.rs-legend{margin:.75rem 0 0;padding:0;font-size:.9375rem;line-height:2;list-style:none}.rs-legend li{align-items:baseline;gap:.5rem;display:flex}.rs-swatch{border-radius:3px;flex:none;width:1em;height:.5em;transform:translateY(-.1em)}.rs-swatch--down{background:var(--rs-down)}.rs-swatch--up{background:var(--rs-up)}.rs-legend .rs-note{color:var(--c-muted);display:block}.rs-legend .rs-insight{border-radius:var(--radius);background:var(--c-primary-soft);margin-top:.5rem;padding:.5rem .75rem;font-weight:700;display:block}.rs-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.rs-actions .btn{flex:auto}.rs-seg{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin-bottom:1rem;display:grid}.rs-seg__btn{border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-surface);min-height:44px;color:var(--c-text);cursor:pointer;padding:.25rem .5rem;font-weight:700}.rs-seg__btn[aria-pressed=true]{border-color:var(--c-primary);background:var(--c-primary-soft);color:var(--c-primary)}.rs-answer{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:.75rem;display:flex}.rs-answer__field{align-items:center;gap:.4rem;font-weight:700;display:flex}.rs-answer__field input{border:2px solid var(--c-border);background:var(--c-bg);width:6em;min-height:44px;color:var(--c-text);text-align:right;border-radius:8px;padding:0 .5rem;font-size:1.25rem}.rs-answer__field input:focus{border-color:var(--c-primary)}.rs-result-area:not(:empty){border-radius:var(--radius);background:var(--c-surface-2);margin-top:1rem;padding:.75rem 1rem}.rs-result-area p{margin:0;line-height:2}.rs-result{font-size:1.25rem;font-weight:800}.rs-result.is-correct{color:var(--c-success)}.rs-result.is-wrong{color:var(--c-danger)}.rs-score{color:var(--c-muted);margin:.75rem 0 0;font-size:.875rem}.rs-steps{counter-reset:rs-step;margin:1rem 0 0;padding:0;list-style:none}.rs-step{counter-increment:rs-step;border-radius:var(--radius);background:var(--c-surface-2);opacity:.75;margin-top:.5rem;padding:.5rem .75rem .5rem 2.75rem;position:relative}.rs-step.is-current{opacity:1;outline:2px solid var(--c-primary)}.rs-step:before{content:counter(rs-step);background:var(--c-primary);width:1.5rem;height:1.5rem;color:var(--c-on-primary);border-radius:50%;place-items:center;font-size:.875rem;font-weight:800;display:grid;position:absolute;top:.6rem;left:.75rem}.rs-step p{margin:0;line-height:2}.rs-step__title{font-weight:800}.rs-step__formula{font-variant-numeric:tabular-nums;color:var(--c-primary);font-size:1.125rem;font-weight:700}.rs-stepnav{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;margin-top:1rem;display:grid}.rs-stepnav__count{font-variant-numeric:tabular-nums;font-weight:700}.rs-noscript{color:var(--c-danger);margin-top:.75rem}
