/* Native transparent illustration forms the entire speech bubble; text stays HTML. */
#team-rules .team-rules-scene{grid-template-rows:minmax(130px,auto) minmax(135px,auto) minmax(135px,auto) auto;gap:48px 30px}
#team-rules .rule-bubble{isolation:isolate;padding:34px 38px 37px;border:0;border-radius:0;background:none;color:#563961;box-shadow:none;transition:transform .3s}
#team-rules .rule-bubble:before{content:'';position:absolute;z-index:-1;inset:-25.6% -3.2% -44.2%;background:url('/assets/home-refinement/rules-glass-bubble.webp?img=20261008-img1') center/100% 100% no-repeat;pointer-events:none;filter:saturate(.75) drop-shadow(0 8px 16px #13091c35)}
#team-rules .rule-bubble:after{content:none;display:none}
#team-rules .rule-bubble:nth-child(even):before{transform:scaleX(-1)}
#team-rules .rule-bubble:hover{box-shadow:none;transform:translateY(-3px)}
#team-rules .rule-bubble p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;line-height:1.38;font-size:clamp(22px,1.65vw,26px);letter-spacing:-.025em;color:#563961;text-align:center;text-wrap:balance;hyphens:none;max-width:24ch;margin:0 auto}
#team-rules .rule-bubble--1 p{max-width:none}
#team-rules .rule-phrase{white-space:nowrap}
#team-rules .rule-bubble p::first-letter{text-transform:uppercase}
#team-rules .rule-bubble--4 p{max-width:17ch}
#team-rules .rule-bubble--5 p{max-width:30ch}
#team-rules .rule-bubble--5{margin-top:28px}
#team-rules .rule-bubble--5:before{inset:-44.2% -3.2% -25.6%;transform:scale(-1,-1)}
@media(min-width:801px) and (max-width:1050px){
 #team-rules .team-rules-scene{gap:42px 22px}
 #team-rules .rule-bubble{padding:29px 25px}
 #team-rules .rule-bubble p{font-size:21px}
}
@media(max-width:800px){
 #team-rules .team-rules-scene{grid-template-rows:auto 365px auto auto;gap:40px 20px}
 #team-rules .rule-bubble{padding:29px 27px;margin-top:0}
 #team-rules .rule-bubble p{font-size:21px;line-height:1.4}
 #team-rules .rule-bubble--5:before{inset:-25.6% -3.2% -44.2%;transform:none}
}
@media(max-width:600px){
 #team-rules .team-rules-scene{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 350px repeat(4,auto);gap:35px;max-width:430px}
 #team-rules .team-rules-art{grid-column:1;grid-row:2}
 #team-rules .team-rules-art img{height:105%;bottom:-10px}
 #team-rules .rule-bubble{grid-column:1;grid-row:auto;max-width:94%;width:100%;margin:0;justify-self:start;padding:29px 32px 32px}
 #team-rules .rule-bubble--1{grid-row:1}
 #team-rules .rule-bubble--2{grid-row:3;justify-self:end}
 #team-rules .rule-bubble--3{grid-row:4}
 #team-rules .rule-bubble--4{grid-row:5;justify-self:end}
 #team-rules .rule-bubble--5{grid-row:6}
}
@media(prefers-reduced-motion:reduce){#team-rules .rule-bubble{transition:none}#team-rules .rule-bubble:hover{transform:none}}