.round-rules-screen{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;text-align:left;gap:clamp(16px,2.4vh,30px)}
.round-rules-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none;border-bottom:1px solid #ffffff24;padding-bottom:clamp(12px,2vh,24px)}
.round-rules-heading .eyebrow{color:#20dce5;font-size:clamp(12px,1.7vh,18px);font-weight:900;letter-spacing:.14em;margin:0 0 10px}
.host-body .round-rules-heading h1,.round-demo-layer .round-rules-heading h1{font-size:clamp(28px,5.3vh,60px);line-height:1.08;margin:0;color:#fff;letter-spacing:-.025em}
.round-rules-heading>div>p:last-child{color:#c7bbd3;margin:10px 0 0;font-size:clamp(14px,2vh,23px)}
.round-rules-heading>img{width:clamp(80px,16vh,170px);height:clamp(80px,16vh,170px);object-fit:contain;flex:none}
.round-rules-body{display:grid;grid-template-columns:1fr;gap:clamp(20px,2.5vw,40px);min-height:0;flex:1}
.round-rules-body.has-points{grid-template-columns:minmax(0,1fr) minmax(220px,.32fr)}
.round-rules-cards{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vh,20px);align-content:start;min-height:0;overflow:auto}
.rule-card{display:flex;gap:clamp(12px,1.5vw,24px);padding:clamp(14px,2vh,25px);background:linear-gradient(130deg,#30203e,#1c1429);border:1px solid #ffffff24;border-radius:18px;min-width:0}
.rule-number{font-weight:900;color:#20dce5;font-size:clamp(18px,2.7vh,30px);line-height:1.2;font-variant-numeric:tabular-nums}
.rule-card h2{color:#fff;font-size:clamp(17px,2.4vh,27px);line-height:1.2;margin:0 0 8px}
.rule-card p{color:#e0d6e9;font-size:clamp(15px,2.05vh,24px);line-height:1.4;margin:0;overflow-wrap:anywhere}
.rule-04{border-color:#b6ff0055}.rule-04 .rule-number{color:#b6ff00}.rule-05{grid-column:1/-1;background:#392619;border-color:#ffbe4266}.rule-05 .rule-number{color:#ffcf64}
.round-rules-body .round-points-preview{max-height:100%;min-height:0;overflow:auto;width:auto;margin:0}
.round-demo-layer .round-rules-screen{height:auto;padding-top:20px}.round-demo-layer .round-rules-body{min-height:380px}
@media(max-width:850px){.round-rules-body.has-points{grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:600px){.round-rules-body.has-points{grid-template-columns:1fr}.round-rules-screen{overflow:auto}.round-rules-cards{overflow:visible}.round-rules-heading>img{width:80px;height:80px}.round-rules-body .round-points-preview{max-height:260px}}

/* Compact intro cards keep the complete rules visible on tablet and projection screens. */
.round-rules-screen{gap:clamp(10px,1.6vh,20px)}
.round-rules-heading{padding-bottom:clamp(8px,1.2vh,14px)}
.round-rules-heading>img{width:clamp(70px,12vh,130px);height:clamp(70px,12vh,130px)}
.round-rules-heading>div{min-width:0}
.host-body .round-rules-heading h1{font-size:clamp(24px,4.5vh,48px);overflow-wrap:anywhere}
.round-rules-heading>div>p:last-child{display:none}
.round-rules-cards{gap:clamp(8px,1.2vh,14px)}
.rule-card{padding:clamp(10px,1.5vh,18px);gap:clamp(8px,1vw,14px)}
.rule-card h2{font-size:clamp(16px,2.2vh,24px);margin-bottom:5px}
.rule-card p{font-size:clamp(15px,2vh,22px);line-height:1.3}
@media(min-width:601px) and (max-width:1050px){.round-rules-body{gap:14px}.round-rules-body.has-points{grid-template-columns:minmax(0,1fr) 210px}.rule-number{font-size:18px}.rule-card{gap:8px;padding:10px}}
/* Match the points panel to the bounded rules surface, without a second scrollbar. */
.round-rules-body .round-points-preview{display:flex;flex-direction:column;gap:8px;padding:14px}
.round-rules-body .round-points-ranking li{padding:7px;gap:6px;font-size:14px}
.round-rules-body .round-points-ranking li>span:nth-child(2){white-space:nowrap}
.round-rules-body .round-points-ranking strong{font-size:24px}
.round-rules-body .round-points-ranking .points-rank{width:26px;height:26px}
.round-rules-body .round-points-ranking li{line-height:1.15}.round-rules-body .round-points-ranking strong{line-height:1.1}