.rr{--rr-paper: #f6eedb;--rr-paper-2: #ecdfc1;--rr-paper-3: #e1cfa7;--rr-ink: #3a2a1b;--rr-ink-soft: #6a5641;--rr-rule: #c9b48b;--rr-river: #3f8f98;--rr-river-deep: #2b6b73;--rr-gold: #b8862a;--rr-gold-deep: #86601a;--rr-red: #9e2a2b;--rr-good: #2f7a3f;--rr-bad: #a33a2a;--rr-serious: #4a5561;--rr-opt-0: #1f7a6c;--rr-opt-1: #b5532b;--rr-opt-2: #3d4fa8;--rr-opt-3: #8a6a00;--rr-font-display: "Mitr", "Sarabun", system-ui, sans-serif;--rr-font-body: "Sarabun", "Leelawadee UI", "Tahoma", system-ui, sans-serif;--rr-radius: 14px;color-scheme:light;background:var(--rr-paper);color:var(--rr-ink);font-family:var(--rr-font-body);font-size:1.05rem;line-height:1.7;min-height:100dvh;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.rr *,.rr *:before,.rr *:after{box-sizing:border-box}.rr h1,.rr h2,.rr h3{font-family:var(--rr-font-display);font-weight:500;line-height:1.3;margin:0 0 .5em;color:var(--rr-ink);text-wrap:balance}.rr p{margin:0 0 .8em}.rr [hidden]{display:none!important}.rr :focus-visible{outline:3px solid var(--rr-river);outline-offset:2px}.rr-btn{font:500 1rem/1.2 var(--rr-font-display);border-radius:999px;padding:.75rem 1.4rem;border:2px solid var(--rr-ink);background:var(--rr-paper);color:var(--rr-ink);cursor:pointer;min-height:48px;transition:transform .12s ease,background-color .12s ease}.rr-btn:hover:not(:disabled){background:var(--rr-paper-2)}.rr-btn:active:not(:disabled){transform:translateY(1px)}.rr-btn:disabled{opacity:.45;cursor:not-allowed}.rr-btn--primary{background:var(--rr-river-deep);border-color:var(--rr-river-deep);color:#fff}.rr-btn--primary:hover:not(:disabled){background:var(--rr-river)}.rr-btn--gold{background:var(--rr-gold-deep);border-color:var(--rr-gold-deep);color:#fff}.rr-btn--ghost{border-color:var(--rr-rule)}.rr-btn--small{padding:.4rem .9rem;min-height:44px;font-size:.9rem}.rr-btn--danger{border-color:var(--rr-bad);color:var(--rr-bad)}.rr-field{display:grid;gap:.3rem;margin-bottom:1rem}.rr-field label{font:500 .95rem var(--rr-font-display)}.rr input[type=text],.rr input[type=number],.rr input:not([type]),.rr select,.rr textarea{font:inherit;font-size:1.1rem;width:100%;padding:.7rem .9rem;border:2px solid var(--rr-rule);border-radius:10px;background:#fffaf0;color:var(--rr-ink)}.rr input:focus,.rr select:focus,.rr textarea:focus{border-color:var(--rr-river);outline:none}.rr-pin-input{font:500 2rem/1 var(--rr-font-display)!important;letter-spacing:.3em;text-align:center}.rr-error{color:var(--rr-bad);font-weight:600}.rr-lang{font:600 .85rem var(--rr-font-display);border:2px solid var(--rr-ink);border-radius:999px;background:transparent;color:var(--rr-ink);padding:.3rem .8rem;cursor:pointer;min-height:44px;min-width:44px}.rr-leave{font:600 .8rem var(--rr-font-display);border:2px solid transparent;border-radius:999px;background:transparent;color:var(--rr-ink-soft);padding:.3rem .7rem;cursor:pointer;min-height:44px}.rr-leave[data-armed]{border-color:var(--rr-red);color:var(--rr-red);opacity:1}.rr-card{background:#fffaf0;border:2px solid var(--rr-rule);border-radius:var(--rr-radius);padding:clamp(1rem,3vw,1.6rem);box-shadow:0 2px 0 var(--rr-paper-3)}.rr-actions{display:flex;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1rem}.rr-hint{color:var(--rr-ink-soft);font-size:.95rem}.rr-muted{color:var(--rr-ink-soft)}.rr-divider{height:14px;margin:1.2rem 0;background:radial-gradient(circle at 50% 50%,var(--rr-gold) 0 3px,transparent 3.5px),linear-gradient(var(--rr-gold),var(--rr-gold)) center / 100% 1px no-repeat}.rr-passage{font-size:clamp(1.05rem,1.2vw + .8rem,1.35rem);line-height:1.85}.rr-passage p{text-indent:2em}.rr-passage-kind{text-indent:0!important;font:500 .85rem var(--rr-font-display);letter-spacing:.08em;color:var(--rr-gold-deep);margin-bottom:.2rem}.rr-passage-title{font-size:1.35em}.rr-passage--news .rr-passage-kind{color:var(--rr-serious)}.rr-verse{text-align:center;margin:1rem 0}.rr-verse p{text-indent:0;margin:0 0 .35em}.rr-passage-author,.rr-passage-source{text-indent:0!important;text-align:right;color:var(--rr-ink-soft);font-size:.8em;overflow-wrap:anywhere}.rr-q-prompt{font-size:clamp(1.2rem,1.6vw + .8rem,2rem)}.rr-q-tag{color:var(--rr-ink-soft)}.rr-opt-letter{display:inline-grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:var(--opt);color:#fff;font:600 1rem var(--rr-font-display)}.rr-opt--0{--opt: var(--rr-opt-0)}.rr-opt--1{--opt: var(--rr-opt-1)}.rr-opt--2{--opt: var(--rr-opt-2)}.rr-opt--3{--opt: var(--rr-opt-3)}.rr-q-options{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:.8rem}.rr-opt{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;border-radius:var(--rr-radius);border:3px solid var(--opt);background:#fffaf0;font-size:clamp(1rem,.9vw + .7rem,1.4rem);transition:opacity .3s ease}.rr-opt.is-key{background:color-mix(in srgb,var(--opt) 16%,#fffaf0);box-shadow:0 0 0 4px var(--rr-gold)}.rr-opt.is-dim{opacity:.4}.rr-opt-count{margin-left:auto;font:600 1.2rem var(--rr-font-display);color:var(--opt)}.rr-q-steps{font-size:clamp(1rem,.9vw + .7rem,1.4rem);display:grid;gap:.5rem;padding-left:1.6rem}.rr-q-steps.is-key li::marker{color:var(--rr-gold-deep);font-weight:700}.rr-q-cards{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;list-style:none}.rr-q-cards li{padding:.5rem .9rem;border:2px dashed var(--rr-rule);border-radius:10px;background:#fffaf0;font-size:clamp(.95rem,.7vw + .7rem,1.25rem)}.rr-q-bins{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rr-bin{border:3px solid var(--rr-opt-0);border-radius:var(--rr-radius);padding:.8rem 1rem;background:#fffaf0}.rr-bin--1{border-color:var(--rr-opt-1)}.rr-bin ul{margin:0;padding-left:1.2rem;font-size:clamp(.95rem,.7vw + .7rem,1.25rem)}.rr-q-match{display:grid;gap:.6rem;margin:0 0 1rem}.rr-q-match>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:center;padding:.6rem .9rem;border-bottom:1px solid var(--rr-rule);font-size:clamp(.95rem,.7vw + .7rem,1.3rem)}.rr-q-match dt{font-family:var(--rr-font-display)}.rr-q-match dd{margin:0;color:var(--rr-river-deep)}.rr-mindmap{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.8rem 2rem;position:relative}.rr-mindmap-hub{grid-column:1 / -1;grid-row:2;justify-self:center;padding:.7rem 1.4rem;border-radius:999px;background:var(--rr-ink);color:var(--rr-paper);font:500 1.1rem var(--rr-font-display)}.rr-branch{border:3px solid var(--opt, var(--rr-river));border-radius:var(--rr-radius);padding:.7rem 1rem;background:#fffaf0;min-height:5rem}.rr-branch h3{font-size:1.05rem;margin:0 0 .3rem}.rr-branch-key{margin:0;color:var(--rr-river-deep)}.rr-branch--0{--opt: var(--rr-opt-0);grid-row:1}.rr-branch--1{--opt: var(--rr-opt-1);grid-row:1}.rr-branch--2{--opt: var(--rr-opt-2);grid-row:3}.rr-branch--3{--opt: var(--rr-opt-3);grid-row:3}.rr-choices{display:grid;gap:.7rem}.rr-choice{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;font:inherit;font-size:1.05rem;padding:.85rem 1rem;min-height:56px;border-radius:var(--rr-radius);border:3px solid var(--opt);background:#fffaf0;color:var(--rr-ink);cursor:pointer}.rr-choice.is-picked{background:color-mix(in srgb,var(--opt) 18%,#fffaf0)}.rr-choice:disabled:not(.is-picked){opacity:.45}.rr-branch-label{font:500 1rem var(--rr-font-display);color:var(--rr-river-deep)}.rr-order-out{min-height:3rem;padding:.6rem .6rem .6rem 2rem;border:2px dashed var(--rr-rule);border-radius:10px;display:grid;gap:.3rem}.rr-order-pool{display:grid;gap:.5rem;margin-top:.8rem}.rr-chip{font:inherit;text-align:left;padding:.7rem .9rem;min-height:48px;border:2px solid var(--rr-river);border-radius:10px;background:#fffaf0;color:var(--rr-ink);cursor:pointer}.rr-sort{display:grid;gap:.5rem}.rr-sort-card{display:flex;justify-content:space-between;align-items:center;gap:.8rem;font:inherit;text-align:left;padding:.7rem .9rem;min-height:52px;border:2px solid var(--rr-rule);border-radius:10px;background:#fffaf0;color:var(--rr-ink);cursor:pointer}.rr-sort-card em{font-style:normal;font:500 .85rem var(--rr-font-display);padding:.2rem .7rem;border-radius:999px;background:var(--rr-paper-2);white-space:nowrap}.rr-sort-card[data-bin="0"]{border-color:var(--rr-opt-0)}.rr-sort-card[data-bin="0"] em{background:var(--rr-opt-0);color:#fff}.rr-sort-card[data-bin="1"]{border-color:var(--rr-opt-1)}.rr-sort-card[data-bin="1"] em{background:var(--rr-opt-1);color:#fff}.rr-match{display:grid;gap:.9rem}.rr-match-row{display:grid;gap:.35rem}.rr-match-left{font:500 1rem var(--rr-font-display)}.rr-opinion{resize:vertical;min-height:9rem}.rr-result{text-align:center;padding:2rem 1rem;border-radius:var(--rr-radius);color:#fff}.rr-result--good{background:var(--rr-good)}.rr-result--part{background:var(--rr-gold-deep)}.rr-result--bad{background:var(--rr-bad)}.rr-result--none{background:var(--rr-ink-soft)}.rr-result strong{display:block;font:500 2rem var(--rr-font-display)}.rr-map-svg{width:100%;height:auto;display:block}.rr-paper{fill:var(--rr-paper)}.rr-border-bg{fill:var(--rr-red)}.rr-border-motif{fill:var(--rr-gold)}.rr-border-dot{fill:var(--rr-paper)}.rr-fields path{fill:none;stroke:var(--rr-rule);stroke-width:3}.rr-river-bank{fill:none;stroke:var(--rr-paper-3);stroke-width:150;stroke-linecap:round}.rr-river{fill:none;stroke:#9fcfd2;stroke-width:124;stroke-linecap:round}.rr-river-line{fill:none;stroke:var(--rr-river);stroke-width:2;stroke-dasharray:14 18;opacity:.6}.rr-gate{stroke:var(--rr-gold);stroke-width:5;stroke-dasharray:10 8}.rr-art path,.rr-art rect,.rr-art line,.rr-art circle{fill:#fffaf0;stroke:var(--rr-ink);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.rr-art .rr-art-stripe{fill:var(--rr-red);stroke:none}.rr-art .rr-art-paper{fill:#fff}.rr-art .rr-art-door{fill:var(--rr-gold)}.rr-art .rr-art-finial{fill:none;stroke:var(--rr-gold);stroke-width:4}.rr-art .rr-art-tree{fill:#b9cf9a}.rr-art .rr-art-bridge{fill:none;stroke:var(--rr-ink-soft)}.rr-art .rr-art-dog{fill:var(--rr-gold)}.rr-art .rr-art-rice{fill:none;stroke:var(--rr-gold)}.rr-art .rr-art-hat{fill:var(--rr-paper-3)}.rr-landmark--news .rr-art path,.rr-landmark--news .rr-art rect{stroke:var(--rr-serious)}.rr-landmark text{fill:var(--rr-ink);font-family:var(--rr-font-display)}.rr-landmark-set{font-size:22px;fill:var(--rr-ink-soft)!important}.rr-landmark-name{font-size:30px}.rr-landmark{opacity:.75;transition:opacity .4s ease}.rr-landmark.is-active{opacity:1}.rr-landmark.is-active .rr-landmark-name{fill:var(--rr-red)}.rr-start rect{fill:var(--rr-paper-3);stroke:var(--rr-ink);stroke-width:3}.rr-finish line{stroke:var(--rr-ink);stroke-width:4}.rr-finish path{fill:var(--rr-red)}.rr-start text,.rr-finish text{font:26px var(--rr-font-display);fill:var(--rr-ink)}.rr-boat-hull{fill:var(--boat);stroke:var(--rr-ink);stroke-width:2.5}.rr-boat-trim{stroke:var(--rr-gold);stroke-width:3}.rr-boat-eye{fill:var(--rr-paper)}.rr-boat-oars line{stroke:var(--rr-ink);stroke-width:2.5;stroke-linecap:round}.rr-boat-name{font:500 20px var(--rr-font-display);fill:var(--rr-ink);paint-order:stroke;stroke:var(--rr-paper);stroke-width:5px}.rr-boat.is-leading .rr-boat-hull{stroke:var(--rr-gold);stroke-width:5}@media(prefers-reduced-motion:reduce){.rr *{transition:none!important}}.rr-play-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.6rem;padding-block:.6rem;padding-inline:max(16px,calc((100% - 640px)/2));background:var(--rr-paper-2);border-bottom:2px solid var(--rr-rule)}@media(max-width:900px){.rr-play-bar{padding-left:118px}}.rr .rr-play-brand{font:500 1.05rem var(--rr-font-display);margin:0 auto 0 0}.rr-dash-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.rr-dash-head h1{margin:0}.rr-dash-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.rr a.rr-btn{text-decoration:none;display:inline-flex;align-items:center}.rr-stage:not(:fullscreen) .rr-stage-bar{padding-left:130px}