.river-setting{flex-direction:column;gap:8px;display:flex}.river-setting .board-select{flex:none}.river-setting .board-level-description{font-size:.875rem}.river-example{text-align:center;max-width:260px;margin:0 auto 6px}.river-example-art{border-radius:10px;max-width:208px;margin:0 auto 3px;overflow:hidden}.river-example svg{width:100%;height:auto;display:block}.river-example .board-note{font-size:.8125rem}#river-setup-rules{margin-top:12px}.river-about{color:var(--muted);max-width:60ch;margin:0 0 12px;font-size:.9375rem}.river-rules{background:#ffffff8c;border-radius:10px;margin:0 0 10px;padding:8px 12px 8px 26px;font-size:.9375rem}.river-rules li{margin-bottom:3px;line-height:1.4}.river-rules li:last-child{margin-bottom:0}.river-bank-title{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.8125rem;font-weight:700}.river-bank-title[data-side],#river-far-title{margin-bottom:4px}#river-near-title{margin-top:4px}.river-scene{touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;width:100%;max-width:560px;margin:0 auto;position:relative;overflow:hidden}.river-art-holder{position:absolute;inset:0}.river-art{width:100%;height:100%;display:block}.river-measure{opacity:0;pointer-events:none;white-space:nowrap;position:absolute;top:0;left:0}.river-token{color:var(--ink);font:inherit;cursor:pointer;will-change:transform;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;padding:0;transition:transform .22s cubic-bezier(.33,.1,.25,1);display:flex;position:absolute;top:0;left:0}.river-token-art{flex:none;width:44px;height:48px;display:block}.river-token-label{text-align:center;overflow-wrap:anywhere;background:#fffbf3eb;border-radius:6px;max-width:100%;padding:0 5px;font-size:.6875rem;font-weight:700;line-height:1.3;display:block}.river-measure{background:0 0;padding:0}.river-token[data-place=boat] .river-token-rest{opacity:0}.river-token[data-place=boat] .river-token-lift{opacity:1}.river-token[data-place=far] .river-token-rest{opacity:.7}.river-token:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:12px;box-shadow:0 0 0 5px #fffbf3f2}.river-token[data-refused=true] .river-token-face{stroke:#a4281c;stroke-width:3px}.river-boat-hit{--oar:0px;cursor:pointer;background:0 0;border:0;padding:0;transition:transform .22s cubic-bezier(.33,.1,.25,1);position:absolute;top:0;left:0}.river-boat-hit:after{content:"";inset:0 var(--oar);border:0 solid #a4281c;border-radius:40%/50%;position:absolute}.river-scene[data-refused=boat] .river-boat-hit:after{border-width:3px}.river-scene[data-still] .river-token,.river-scene[data-still] .river-boat-hit{transition:none}.river-glint{animation:5.5s ease-in-out infinite river-glint}.river-glint:nth-child(2n){animation-delay:-1.8s}.river-glint:nth-child(3n){animation-delay:-3.4s}@keyframes river-glint{0%,to{opacity:.1;transform:translate(0)}50%{opacity:.42;transform:translate(10px)}}#river-instruction{font-size:1rem}.river-left{font-variant-numeric:tabular-nums;margin:0 0 6px;font-size:.9375rem}.river-track{font-variant-numeric:tabular-nums;flex:1 0 100%;align-self:center;margin:0;font-size:.9375rem;font-weight:600}.river-message{border-inline-start:4px solid var(--muted);background:#ffffff8c;border-radius:10px;min-height:2.8em;margin:0 0 10px;padding:8px 10px;font-size:.9375rem;line-height:1.4}.river-message[data-tone=refused]{color:#7a1b12;background:#ffeeebe6;border-inline-start-color:#a4281c;font-weight:600}#river-board-help{margin:0 0 8px}.river-tools{margin-block:0 16px}.river-tools .btn{flex:120px;width:auto;min-height:48px}@media (width<=30em){.river-example-art{max-width:180px}.river-practice[data-phase=playing] .river-tools{padding:6px 16px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--control-border);background:var(--lavender);gap:8px;margin-inline:-16px}.river-practice[data-phase=playing] .river-tools .river-track{flex:40%;min-width:0;font-size:.875rem}.river-practice[data-phase=playing] .river-tools #river-cross{flex:55%}.river-practice[data-phase=playing] #river-tools .btn-secondary{flex:4rem;padding-inline:2px;font-size:.875rem}.river-practice[data-phase=playing][data-pinned=true] .river-tools{z-index:2;position:sticky;bottom:0}.river-practice[data-phase=playing]:has(#river-confirm:not([hidden])) .river-tools{position:static}}.river-confirm{border:2px solid var(--control-border);background:var(--card);border-radius:12px;margin-block:0 16px;padding:16px}.river-confirm h3{margin:0 0 8px;font-size:1.125rem}.river-confirm h3:focus{outline:none}.river-confirm p{margin:0;font-size:.9375rem}.river-confirm .board-actions{margin-bottom:0}.river-confirm .btn{flex:160px;width:auto;min-height:48px}.river-lines{margin-bottom:16px;font-size:.875rem}.river-lines summary{cursor:pointer;align-items:center;min-height:44px;display:flex}.river-lines ul{margin:0;padding-left:20px}.river-lines li{margin-bottom:4px;line-height:1.5}.river-result-lesson{margin:4px 0 0}.river-result-lesson a{align-items:center;min-height:44px;font-weight:600;display:inline-flex}.river-practice .board-metrics{gap:16px 32px}.river-practice .board-metrics dd{font-size:1.75rem}#river-result-meaning{margin-bottom:8px}@media (width<=30em){.river-practice .board-metrics{gap:12px 24px}.river-practice .board-metrics dd{font-size:1.5rem}}@media (prefers-reduced-motion:reduce){.river-token,.river-boat-hit{transition:none}.river-glint{animation:none}}@media (forced-colors:active){.river-tools{background:canvas;border-top-color:canvastext}.river-track{color:canvastext}.river-message{color:canvastext;border:1px solid canvastext}.river-message[data-tone=refused]{color:canvastext;border-color:highlight}.river-scene{border:1px solid canvastext}.river-token{background:buttonface;border:2px solid buttontext;border-radius:10px}.river-token[data-place=boat]{border-style:double;border-width:4px}.river-token[data-refused=true]{border-color:highlight}.river-token-label{color:buttontext;background:buttonface}.river-boat-hit:after{border:2px dashed canvastext}}