.rules-page{--page-art:url("assets/Schermafbeelding 2026-09-16 135502.png")}
.rules-page .lore-hero,.rules-content{max-width:1000px;margin-left:auto;margin-right:auto}
.rules-intro{max-width:600px;color:var(--muted);font-size:24px;line-height:1.4}
.rules-navigation{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.rules-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:13px 20px;border:1px solid #80528b;border-radius:12px;background:#21182f;color:#f8f4ff;text-decoration:none;font:600 17px/1.3 "Barlow Condensed",sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.rules-button:hover{background:#382043;border-color:#ef8aff}.rules-button:focus-visible{outline:3px solid #f8bbff;outline-offset:4px}
.rules-button-primary{background:#8023a6;border-color:#bd6cda}.rules-button-primary:hover{background:#9d2fc7}
#rules-accept{position:relative;isolation:isolate;transition:background .2s,border-color .2s;overflow:hidden}
#rules-accept.is-evoker-accepting{background:#443c57;border-color:#c8beea;box-shadow:0 0 22px #b7a4ec33}
.rules-accept-evoker{display:none;position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);width:100px;height:56px;pointer-events:none;image-rendering:pixelated}
.is-evoker-accepting .rules-accept-evoker{display:block}
.rules-dialog[aria-busy=true] .rules-dialog-actions>button:not(#rules-accept){opacity:.45}
@media(prefers-reduced-motion:reduce){#rules-accept{transition:none}}
.rules-section{margin:0 0 70px;scroll-margin-top:115px}
.rules-section-heading{padding:24px 0 26px;border-top:1px solid #6a397a}
.rules-label{margin:0 0 12px;color:#e7a6f5;font:11px/1.5 "Space Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.rules-section h2,.rules-finish h2,.rules-dialog h2{margin:0 0 14px;font:700 clamp(21px,2.5vw,29px)/1.45 "Minecraft",sans-serif;color:#fff;overflow-wrap:anywhere}
.rules-section-heading>p:last-child{margin:0;color:var(--muted);font-size:21px;line-height:1.5}
.rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rule-card{padding:28px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(135deg,#21152bd9,#11101bd9)}
.rule-card:last-child{grid-column:1/-1}
.rule-card h3{margin:0 0 16px;color:#f6d6ff;font:700 23px/1.3 "Barlow Condensed",sans-serif}
.rule-card ul{margin:0;padding-left:19px;color:#d3cbdc;font-size:19px;line-height:1.55}
.rule-card li+li{margin-top:8px}.rule-card li::marker{color:#bf73d6}
.rules-finish{padding:34px;border:1px solid #a05abb66;border-radius:18px;background:#291439b3;scroll-margin-top:115px}
.rules-finish p{color:var(--muted);font-size:20px;line-height:1.5}
#rules-status{margin-bottom:0;color:#e4bcf2;font-size:17px}#rules-status:empty{display:none}
.rules-dialog{width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:34px;border:1px solid #bf74d6;border-radius:20px;background:#171020;color:#f8f4ff;box-shadow:0 24px 100px #0009}
.rules-dialog::backdrop{background:#07050fbb;backdrop-filter:blur(7px)}
.rules-dialog[open]{animation:rules-appear .25s ease-out}
.rules-dialog>p:not(.rules-label){font-size:20px;line-height:1.5;color:#d0c3d9}
.rules-dialog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.rules-dialog .rules-dialog-note{margin:20px 0 0;font-size:15px;color:#a99bb5}
@keyframes rules-appear{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.rules-grid{grid-template-columns:1fr}.rule-card{padding:23px}.rules-section{margin-bottom:46px}.rules-finish,.rules-dialog{padding:25px}.rules-dialog-actions{flex-direction:column}.rules-navigation .rules-button{flex:1}.rules-page .lore-hero{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){.rules-dialog[open]{animation:none}.rules-button{transition:none}}

.pillager-clause{max-width:480px;margin:0 0 22px;padding:12px 16px;border:1px solid #ac846044;border-radius:10px;background:#211c26;color:#c9b5a5;font:12px/1.6 'Space Mono',monospace}
.pillager-clause p{margin:0}
.rules-only-button{order:3;flex-basis:100%;justify-self:start;align-self:flex-start;width:auto;min-height:28px;padding:6px 9px;border:1px solid #72657b;border-radius:8px;background:transparent;color:#c5b8ce;text-align:left;font:11px/1.5 'Space Mono',monospace;cursor:pointer}
.rules-only-button:hover{background:#36263e;color:#fff}.rules-only-button:focus-visible{outline:3px solid #edb3ff;outline-offset:3px}
.is-divine .pillager-clause{background:#fff8e9;color:#604b31;border-color:#aa895966}
.rules-dialog[aria-busy=true] .rules-dialog-actions{margin-top:52px}