.site-evolution{max-width:1280px;margin:32px auto;padding:0 24px;box-sizing:border-box}
.site-evolution>p{max-width:760px;color:#476477}
.evolution-stage{position:relative;aspect-ratio:30/17;overflow:hidden;background:#edf5f9;border:1px solid #cbdfe9}
.evolution-stage canvas{display:block;width:100%;height:100%}
.evolution-poster{position:absolute;width:60%;height:auto;left:20%;top:50%;transform:translateY(-50%)}
.evolution-loaded .evolution-poster{display:none}.evolution-failed canvas{visibility:hidden}
.evolution-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 0}
.evolution-controls button{border:1px solid #bad4e4;background:#edf5f9;color:#06375e;padding:9px 16px;min-height:44px;font:inherit;cursor:pointer}
.evolution-controls button:hover{background:#ffda32}.evolution-controls button:disabled{opacity:.5;cursor:default}
.evolution-controls [data-status]{font-size:12px;color:#476477}
.site-evolution:not(.evolution-loaded):not(.evolution-failed) .evolution-controls{visibility:hidden}
@media(max-width:760px){.site-evolution{padding:0 16px;margin:24px auto}.evolution-controls button{font-size:13px;padding:8px 12px}}