body{background-color:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,sans-serif;display:flex}h1{color:#333}.container{perspective:150px;perspective-origin:50% 40%;background:linear-gradient(#8ec9f0 0%,#cdeafe 55%,#e9f6ff 100%);border:2px solid #333;width:300px;height:300px;position:relative;overflow:hidden}.container .ground{transform-origin:0 0;will-change:transform;background-image:url(/mode7/donut_plains_1.png);background-repeat:no-repeat;background-size:100% 100%;width:4000px;height:4000px;position:absolute;top:0;left:0}.container .sprites{z-index:10;pointer-events:none;position:absolute;inset:0}.container .sprite{box-sizing:border-box;transform-origin:0 0;will-change:transform;background:#36d13a;border:2px solid #176b1a;width:50px;height:50px;position:absolute;top:0;left:0;box-shadow:inset 0 -10px #00000040,0 2px 4px #0006}.hud{color:#333;margin-top:10px;font-family:monospace;font-size:13px}