/* Keep the selected native map core exact; scale its column before squeezing live text. */
.storm-scene{display:contents}
@media(min-width:901px){
 .storm-art{width:51.5625%;aspect-ratio:792/415;mask-image:linear-gradient(90deg,transparent,#000 1.5625vw)}
 .storm-copy h1{max-width:calc(48.4375vw - 3.3vw - 8px)}
 .storm-river-edge{left:auto;right:50%;mask-image:linear-gradient(90deg,transparent,#000 12px),linear-gradient(0deg,#000 calc(100% - 16px),transparent);mask-composite:intersect}
}
@media(min-width:901px) and (max-width:1535px){.storm-art{mask-image:linear-gradient(90deg,transparent,#000 1.5625vw),linear-gradient(0deg,#000 calc(100% - 12px),transparent);mask-composite:intersect}}
@media(min-width:901px){html[lang=en] .storm-art{mask-image:linear-gradient(90deg,transparent,#000 1.5625vw),linear-gradient(0deg,#000 calc(100% - 12px),transparent);mask-composite:intersect}}
.storm-map{display:block;position:relative;align-self:center;aspect-ratio:301/230;width:100%;min-width:0}
.storm-map>img{display:block;width:100%;height:auto;margin:0;aspect-ratio:301/230}
.storm-map::before{content:'';position:absolute;left:-3.322259%;top:0;width:3.322259%;height:100%;background:url('/reference-assets/rules-map-left-context.webp') center/100% 100% no-repeat;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}
.storm-rules>div{min-width:0}
@media(min-width:1101px) and (max-width:1439px){.storm-rules{grid-template-columns:minmax(240px,1fr) minmax(0,301px)}.storm-rules>div{padding-right:10px}.storm-rules a{padding-inline:14px;min-width:0}.storm-map>img{mask-image:linear-gradient(90deg,#000 calc(100% - 8px),transparent)}}
@media(min-width:1440px){.storm-map{align-self:start;margin-top:-11px}.storm-rules .storm-map>img{margin-top:0}.storm-rules>div{padding-right:10px}}
@media(min-width:901px) and (max-width:1100px){.storm-map{display:none}.storm-steps li+li::before{left:-32px}}
@media(max-width:900px){.storm-rules>div{padding-right:0}.storm-map>img{mask-image:linear-gradient(90deg,#000 calc(100% - 4px),transparent)}}
.storm-landscape{mask-image:linear-gradient(180deg,transparent,#000 8px)}
.storm-map::before{mask-image:linear-gradient(90deg,transparent,#000 calc(100% - 3px))}
@media(min-width:901px) and (max-width:1439px){.selected-storm-home .guide-header{align-items:flex-start}}
.storm-map::after{content:'';position:absolute;left:0;top:-2.173913%;width:100%;height:2.173913%;background:url('/reference-assets/rules-map-top-context.webp') center/100% 100% no-repeat;mask-image:linear-gradient(180deg,transparent,#000 calc(100% - 2px));pointer-events:none}
.storm-landscape-wrap{display:block;margin:0;padding:0;border:0;background:#f6f7f2}