/* Rules chapters share the cabinet's neutral material and yellow selection. */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-curtain{background:rgba(24,24,24,.4)!important;backdrop-filter:blur(56px)!important;-webkit-backdrop-filter:blur(56px)!important;border:0!important;box-shadow:0 8px 30px #0002!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-mark{display:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-links{position:relative!important;isolation:isolate;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link{position:relative!important;z-index:1!important;background:transparent!important;color:#c0c5ba!important;box-shadow:none!important;border:0!important;transition:color .18s ease!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link.active{background:transparent!important;color:#211900!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link :is(span,svg){color:inherit!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-selection-indicator{position:absolute!important;top:0;left:0;z-index:0;pointer-events:none;border-radius:999px;background:#ffbf43;transition:transform .42s cubic-bezier(.22,.8,.25,1),width .3s ease,height .3s ease;}
@media(hover:hover) and (pointer:fine){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link:not(.active):hover{background:transparent!important;color:#ffcf70!important;}}
@media(min-width:761px){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"].rules-has-content .rules-page-content{display:grid!important;grid-template-columns:224px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;width:min(1400px,calc(100% - 48px))!important;max-width:none!important;margin:28px auto 64px!important;padding:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] #rulesRenderRoot{grid-column:2;grid-row:1;min-width:0!important;width:100%!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] #rulesRenderRoot>.rules-section{width:100%!important;max-width:100%!important;margin:0 0 28px!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-curtain{grid-column:1;grid-row:1;position:sticky!important;align-self:start!important;top:calc(var(--rules-header-height,88px) + 20px)!important;bottom:auto!important;left:auto!important;right:auto!important;width:224px!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:8px!important;box-sizing:border-box!important;border-radius:28px!important;transform:none!important;translate:0 0!important;opacity:1!important;pointer-events:auto!important;overflow:hidden!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-inner{display:block!important;min-height:0!important;width:100%!important;padding:0!important;margin:0!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-links{display:flex!important;flex-direction:column!important;width:100%!important;gap:6px!important;padding:0!important;overflow:visible!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:56px!important;padding:13px 14px!important;box-sizing:border-box!important;text-decoration:none!important;font-size:15px!important;line-height:1.4!important;white-space:normal!important;border-radius:22px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link>svg{width:23px!important;height:23px!important;min-width:23px!important;flex:0 0 23px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-full{display:block!important;font-size:inherit!important;line-height:inherit!important;min-width:0!important;overflow-wrap:normal!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-short{display:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-selection-indicator{border-radius:22px;}
}
@media(max-width:760px){
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-curtain{position:fixed!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;top:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:calc(100% - 24px)!important;max-width:560px!important;border-radius:24px!important;padding:6px!important;box-sizing:border-box!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-curtain.ff-scroll-away{translate:0 calc(100% + 50px)!important;opacity:0!important;pointer-events:none!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-links{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-chapter-link{min-height:48px!important;border-radius:18px!important;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-selection-indicator{border-radius:18px;}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-page-content{padding-bottom:90px!important;}
}
@media(prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body#fernus-ui#fernus-ui[data-page="rules"] .rules-selection-indicator{transition:none!important;}}