:root{--primary-color:#f7d51d;--secondary-color:#8b4513;--background-color:#2e2e2e;--text-color:#fff;--accent-color:#0ec3c9;--font-pixel:"Courier New",Courier,monospace}body{margin:0;padding:0;color:var(--text-color);background-color:var(--background-color);font-family:Arial,Helvetica,sans-serif}#app{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.spritePosition{margin:10px 0 0 10px;font-size:.8em}.button{width:140px;margin:10px;padding:10px;background-color:#000;color:hsla(0,0%,100%,.87);border:1px solid hsla(0,0%,100%,.87);cursor:pointer;transition:all .3s;&:hover{border:1px solid #0ec3c9;color:#0ec3c9}&:active{background-color:#0ec3c9}&:disabled{cursor:not-allowed;border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.3)}}.debug-panel{position:absolute;bottom:20px;right:20px;background-color:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;max-width:400px;max-height:300px;overflow:auto;z-index:1000;transition:all .3s ease}.debug-panel.collapsed{max-height:40px;overflow:hidden}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;cursor:pointer}.debug-title{font-weight:700;margin:0}.debug-toggle{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;padding:0}.debug-info{margin-top:10px}@media (max-width:768px){.debug-panel{display:none}}