<style>
.scacchiera-responsive {
position: relative;
width: 100%;
max-width: 1000px;
padding-bottom: 35%; /* desktop: scacchiera + notazione affiancate */
height: 0;
overflow: hidden;
margin: 0 auto 24px;
}
.scacchiera-responsive .zoom-wrap {
position: absolute;
top: 0;
left: 0;
width: 130%;
height: 130%;
transform: scale(0.7692);
transform-origin: top left;
}
.scacchiera-responsive .zoom-wrap iframe {
width: 100%;
height: 100%;
border: 0;
}
/* Fix mobile: su schermi stretti serve molta più altezza,
altrimenti il contenuto viene tagliato da overflow:hidden */
@media (max-width: 600px) {
.scacchiera-responsive {
padding-bottom: 145%;
}
.scacchiera-responsive .zoom-wrap {
width: 110%;
height: 110%;
transform: scale(0.9091); /* = 100/110, meno zoom = più leggibilità nativa su schermi piccoli */
}
}
</style>
<div class="scacchiera-responsive">
<div class="zoom-wrap">
<iframe src=src="https://lichess.org/study/embed/awAGe2Kq/GNWTIQiG" title="Partita 1" loading="lazy"></iframe>
</div>
</div>