.rules-shortcut{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding:16px;border:1px solid #556438;border-radius:5px;background:#d6f56c08;color:var(--accent)}
.rules-shortcut strong{display:block;font-size:13px}.rules-shortcut small{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.8}.rules-shortcut>span{font-size:22px}
.game-rule-section{container:game-rules/inline-size;margin-top:24px;padding:24px 0 12px;border-top:1px solid var(--line);scroll-margin-top:24px}
.game-rules-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.game-rules-heading h2{font-size:clamp(24px,3vw,36px);margin:12px 0}.game-rules-heading p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.8}.game-rules-heading>a{flex-shrink:0}
.rules-flow{max-width:1100px;margin:auto}.rule-step{position:relative;margin-bottom:34px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}
.rule-step:not(:last-child)::after{content:'↓';position:absolute;bottom:-30px;left:calc(50% - 10px);width:20px;height:24px;color:var(--accent);font-size:20px;text-align:center;line-height:24px}
.rule-step:last-child{margin-bottom:0}.rule-step-heading{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.rule-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #5b693b;border-radius:50%;color:var(--accent);font-size:11px;flex-shrink:0}
.rule-step h3{font-size:17px;line-height:1.5}.rule-step h4{font-size:14px;line-height:1.6}.rule-step p,.rule-step li{font-size:12px;line-height:1.9;color:#b7c1d0}.rule-step small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.rule-step .rule-hint{color:var(--muted);font-size:11px;line-height:1.8}
.rule-payment,.rule-finish{border-color:#56663a;background:linear-gradient(100deg,#d6f56c0a,var(--panel))}
.rule-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:22px}
.rule-branches::before{content:'';position:absolute;top:7px;left:16.666%;right:16.666%;height:15px;border-top:1px solid #59677b}
.rule-branch{--rule-color:#a1b9df;position:relative;padding:16px;background:#121923;border:1px solid #394658;border-top:2px solid var(--rule-color);border-radius:5px}
.rule-branch::before{content:'';position:absolute;top:-17px;left:50%;height:15px;border-left:1px solid #59677b}
.rule-monster{--rule-color:#e4bc79}.rule-heal{--rule-color:#75e7a6}.rule-normal{--rule-color:#8db9ff}
.rule-branch .rule-condition{color:var(--rule-color);font-size:11px;font-weight:600}.rule-branch-arrow{display:block;color:var(--rule-color);margin:5px 0}.rule-branch h4{margin-bottom:6px}.rule-branch ul{padding-left:16px;margin:9px 0 0}.rule-branch li+li{margin-top:4px}
.rule-effects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rule-effect{padding:16px;background:#121923;border:1px solid #394658;border-radius:5px}.rule-effect.rule-monster{border-color:#79603b}.rule-effect h4{color:var(--accent)}.rule-effect.rule-monster h4{color:var(--rule-color)}.rule-effect small{margin-top:10px}
.rule-effect .rule-formula{font-size:12px;color:var(--text);margin:14px 0}.rule-formula strong{font-size:23px;font-weight:600}.rule-formula>span{color:var(--muted);margin:0 3px}
.rule-diminishing{margin-top:20px;padding:18px;background:#0e141d;border-radius:5px}.rule-diminishing h4 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:12px}.rule-rate-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#34432c;list-style:none;padding:1px;margin:14px 0;border-radius:4px;overflow:hidden}.rule-rate-track li{padding:12px;background:#18211d;text-align:center}.rule-rate-track span{display:block;font-size:11px}.rule-rate-track strong{display:block;color:var(--accent);font-size:18px;line-height:1.7}.rule-diminishing>p{font-size:11px;color:var(--muted)}
.rule-level-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;padding:18px;border:1px solid #394658;border-radius:5px;background:#121923}.rule-level-flow strong{font-size:13px;color:var(--text)}.rule-level-flow>span{color:var(--accent);font-size:20px}.rule-level-flow p{font-size:11px;margin-top:5px}.rule-level-details{margin-top:16px}.rule-level-details p+p{margin-top:6px}.rule-level-details strong{color:var(--text);margin-right:10px}.rule-finish>p+p{margin-top:7px}
@container game-rules (max-width:700px){.game-rules-heading h2{font-size:26px}.game-rules-heading{align-items:flex-start;flex-direction:column;gap:16px}.rule-step{padding:18px}.rule-step-heading{gap:9px}.rule-step h3{font-size:15px}.rule-step-heading>.rule-hint{width:100%;margin-left:39px}.rule-branches,.rule-effects{grid-template-columns:1fr;gap:12px}.rule-branches{padding:0 0 0 16px;border-left:1px solid #59677b;margin-left:6px}.rule-branches::before{display:none}.rule-branch::before{top:24px;left:-17px;height:0;width:15px;border-left:0;border-top:1px solid #59677b}.rule-rate-track{grid-template-columns:1fr}.rule-rate-track li{display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;gap:2px 10px}.rule-rate-track small{grid-column:1/-1}.rule-diminishing{padding:14px}.rule-diminishing h4 span{display:block;margin:5px 0 0}.rule-level-flow{grid-template-columns:1fr;gap:12px}.rule-level-flow>span{justify-self:start;transform:rotate(90deg)}.rule-level-details strong{display:block}.rule-level-details p+p{margin-top:12px}}