.rpf-wf{--sf-accent:#805521;--sf-accent-ink:#805521;--wf-stone:#eee4d2}
.rpf-wf--runes{--sf-soft:#f2f5ef;--sf-line:#d8e1d7;--sf-accent:#37685f;--sf-accent-ink:#37685f;--sf-tint:#dfece4;--wf-stone:#e7e9dc}
.rpf-wf--mahjong{--sf-soft:#f0f6f7;--sf-line:#d6e2e7;--sf-accent:#315f80;--sf-accent-ink:#315f80;--sf-tint:#deebf2}
.rz_dark .rpf-wf--iching{--sf-accent-ink:#ebc795}
.rz_dark .rpf-wf--runes{--sf-soft:#20322f;--sf-line:#3e5950;--sf-accent-ink:#abd8c6;--sf-tint:#2b4840;--wf-stone:#273d35}
.rz_dark .rpf-wf--mahjong{--sf-soft:#20313e;--sf-line:#3b5366;--sf-accent-ink:#b1d7ee;--sf-tint:#294557}
.rpf-wf .rpf-sf-hero h2{margin:8px 0 14px;font-size:clamp(25px,3.1vw,37px);font-weight:800;line-height:1.6}
html body .rz_sc .rpf-wf .rpf-sf-related a.rpf-sf-link[href]{display:inline-flex;align-items:center;min-height:42px;margin:0;padding:7px 14px;border:1px solid var(--sf-line);border-radius:12px;background:var(--sf-bg)!important;color:var(--sf-ink)!important;-webkit-text-fill-color:var(--sf-ink)!important;text-decoration:none!important;box-shadow:none}
.rpf-wf select{font:inherit;min-height:46px;width:100%;padding:7px 10px;border:1px solid var(--sf-line);border-radius:10px;background:var(--sf-bg);color:var(--sf-ink);text-align:start}
.rpf-wf select:focus-visible{outline:3px solid var(--sf-accent-ink);outline-offset:3px}
.rpf-wf-manual{grid-column:1/-1;min-width:0;margin:0;padding:16px;border:1px solid var(--sf-line);border-radius:16px;background:var(--sf-soft)}
.rpf-wf-manual legend{font-size:14px;font-weight:700;padding:0 6px}
.rpf-wf-manual>p{margin-bottom:14px;color:var(--sf-muted);font-size:13px}
.rpf-wf-manual-lines{display:flex;flex-direction:column-reverse;gap:10px}
.rpf-wf-manual-lines label{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:center;font-size:13px}
.rpf-wf-reversals{grid-column:1/-1;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;color:var(--sf-muted)}
.rpf-wf-reversals input{width:19px;height:19px;accent-color:var(--sf-accent)}
.rpf-wf-art{display:block;flex:none;width:94px;height:112px;color:var(--sf-accent-ink)}
.rpf-wf-art.is-reversed{transform:rotate(180deg)}
.rpf-wf .rpf-sf-dictionary summary{display:flex;align-items:center;gap:12px}
.rpf-wf .rpf-sf-dictionary summary .rpf-wf-art{width:36px;height:44px}
.rpf-wf summary small{display:block;color:var(--sf-muted);font-size:11px;font-weight:400;text-align:start}
.rpf-wf .rpf-sf-reading>.rpf-wf-art{margin:0 auto 10px}
.rpf-wf-keyword{margin-bottom:12px!important;color:var(--sf-accent-ink)!important;font-size:12px!important;font-weight:700}
.rpf-wf-fixed{margin-top:12px!important;color:var(--sf-muted)!important;font-size:12px!important}
.rpf-wf-visuals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:20px}
.rpf-wf-visuals:empty{display:none}
.rpf-wf-hex-panel{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px;border:1px solid var(--sf-line);border-radius:18px;background:var(--sf-soft);text-align:center}
.rpf-wf-hex-panel h3{font-size:20px}
.rpf-wf-hex-panel p{font-size:14px;line-height:2;color:var(--sf-ink)}
.rpf-wf-kicker{color:var(--sf-accent-ink);font-weight:700;font-size:13px}
.rpf-wf-trigrams{font-size:12px!important;color:var(--sf-muted)!important}
.rpf-wf-table-wrap{grid-column:1/-1;max-width:100%;overflow-x:auto;border:1px solid var(--sf-line);border-radius:14px;background:var(--sf-bg)}
html body .rpf-wf table.rpf-wf-table{width:100%;margin:0!important;border:0;border-collapse:collapse;background:var(--sf-bg);color:var(--sf-ink);font:inherit;font-size:13px}
html body .rpf-wf .rpf-wf-table :is(th,td){padding:10px 14px;border:0;border-bottom:1px solid var(--sf-line);background:var(--sf-bg);color:var(--sf-ink);text-align:right}
.rpf-wf-table caption{padding:12px;background:var(--sf-soft);color:var(--sf-ink);font-weight:700;caption-side:top}
.rpf-wf-coins{display:flex;justify-content:center;gap:14px;min-height:80px;margin-bottom:16px}
.rpf-wf-coin{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:3px solid #b88b42;border-radius:50%;background:#f4dc9d;color:#63410f;font-size:14px;font-weight:700;box-shadow:inset 0 0 0 4px #ead093}
.rpf-wf-building{display:flex;flex-direction:column-reverse;gap:9px;margin:20px 0;min-height:30px}
.rpf-wf-line{display:grid;grid-template-columns:50px minmax(64px,180px) 1fr;gap:14px;align-items:center;padding:7px 9px;border-radius:9px;background:var(--sf-soft);font-size:12px}
.rpf-wf-line-number{color:var(--sf-muted)}
.rpf-wf-line-value{color:var(--sf-ink)}
.rpf-wf-line-bars{display:flex;gap:20px;height:7px}
.rpf-wf-line-bars i{flex:1;border-radius:3px;background:var(--sf-accent-ink)}
.rpf-wf-line.is-solid .rpf-wf-line-bars{gap:0}
.rpf-wf-line.is-changing{outline:1px dashed var(--sf-accent-ink)}
.rpf-wf [data-wf-coins]>p{margin-top:14px;color:var(--sf-muted);font-size:13px}
.rpf-wf-back{font-family:serif;font-size:40px;line-height:1.3;color:var(--sf-accent-ink)}
.rpf-wf-choice .rpf-wf-art{width:40px;height:48px}
.rpf-wf--runes .rpf-wf-choice{border-radius:40% 35% 38% 32%!important;min-height:126px!important}
.rpf-wf--mahjong .rpf-wf-choice{border-bottom-width:5px!important;min-height:126px!important}
.rpf-wf-choice.is-open{color:var(--sf-ink)!important}
.rpf-wf-method{margin-top:24px}
.rpf-wf-method a{color:var(--sf-accent-ink)!important;-webkit-text-fill-color:var(--sf-accent-ink)!important;text-decoration:underline;text-underline-offset:3px}
.rpf-wf-method ul{margin:12px 0 0;padding-inline-start:20px}
.rpf-wf-method p+p{margin-top:10px}
.rpf-wf-copy-area{position:fixed;inset-inline-start:-9999px;top:0;width:1px;height:1px;opacity:0}
@media(max-width:600px){
 .rpf-wf .rpf-sf-hero h2{font-size:25px}
 .rpf-wf-visuals{grid-template-columns:1fr}
 .rpf-wf-manual{padding:12px}
 .rpf-wf-manual-lines label{grid-template-columns:77px minmax(0,1fr);gap:7px;font-size:12px}
 .rpf-wf-manual-lines select{font-size:12px;padding:7px}
 .rpf-wf-line{grid-template-columns:35px minmax(48px,1fr) minmax(80px,1.2fr);gap:8px;font-size:11px;padding:7px 5px}
 .rpf-wf-line-bars{gap:12px}
 .rpf-wf-coins{gap:9px}
 .rpf-wf-coin{width:62px;height:62px;font-size:12px}
 html body .rpf-wf .rpf-wf-table :is(th,td){padding:9px 10px}
}
