.knights-guide{color:#fff;background:linear-gradient(130deg,#1b2a36,#141c24 65%);border:1px solid #3c5977;border-radius:20px;margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,40px);container-type:inline-size}.knights-guide__intro{justify-content:space-between;align-items:center;gap:24px;display:flex}.knights-guide h2{max-width:none;font-family:var(--font-archivo-black), sans-serif;letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2}.knights-guide p,.knights-guide dd{color:#c3cdd7;margin:0;font-size:.95rem;line-height:1.6}.knights-guide__mascot{flex-shrink:0;width:210px;height:auto}.knights-guide__content{min-width:0}.knights-guide__equation{align-items:center;gap:10px;margin:20px 0 12px;display:flex}.knights-guide__equation p{color:#fff;font-size:1.05rem;line-height:1.6}.knights-guide__equation strong{color:#66f4dd;white-space:nowrap;font-size:1.3rem}.knights-guide__description{max-width:65ch}.knights-guide__rules{border-top:1px solid #ffffff26;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0 0;padding-top:28px;display:grid}.knights-guide dt{color:#fff;align-items:center;gap:12px;margin:0 0 10px;font-size:1.05rem;font-weight:750;line-height:1.4;display:flex}.knights-guide__icon{color:#e8c675;background:#e8c67514;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.knights-guide__icon--packs{color:#df9cfa;background:#df9cfa14}.knights-guide__icon--monthly{color:#66f4dd;background:#66f4dd14}.knights-guide dd{margin-left:52px}@container (max-width:760px){.knights-guide__rules{grid-template-columns:1fr;gap:20px}.knights-guide__intro{display:block;position:relative}.knights-guide h2{align-items:center;min-height:74px;padding-right:132px;display:flex}.knights-guide__mascot{width:120px;position:absolute;top:0;right:0}.knights-guide__equation{align-items:flex-start;margin-top:18px}}.knights-guide--compact{margin:24px 0;padding:clamp(20px,3vw,28px)}.knights-guide--compact h3{font-family:var(--font-archivo-black), sans-serif;color:#fff;margin:0;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.3}.knights-guide__link{color:#66f4dd;text-underline-offset:.2em;margin-top:12px;text-decoration:underline;display:inline-block}.knights-guide__link:hover{color:#fff}.knights-guide__link:focus-visible{outline-offset:4px;outline:2px solid #66f4dd}
