html,body,#root{background:#000;width:100%;height:100%;margin:0;overflow:hidden}canvas{width:100%;height:100%;display:block}.debug-menu{z-index:9999;color:#fff;background:#111827;border-radius:12px;width:260px;max-width:calc(100vw - 40px);padding:10px;font-family:Arial,sans-serif;position:fixed;box-shadow:0 8px 25px #00000073}.debug-menu.collapsed{width:90px}.debug-header{cursor:move;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;font-weight:700;display:flex}.debug-content{flex-direction:column;gap:8px;display:flex}.debug-input{box-sizing:border-box;color:#fff;text-align:center;background:#030712;border:1px solid #374151;border-radius:6px;width:100%;padding:8px;font-size:16px}.debug-display{text-align:center;background:#1f2937;border-radius:8px;padding:8px;font-size:16px}.debug-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.debug-button{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:6px;padding:8px;font-size:14px;font-weight:700}.debug-button:active{transform:scale(.95)}.reset-button{background:#dc2626;width:100%}@media (width<=480px){.debug-menu{width:220px;padding:8px}.debug-button{padding:6px;font-size:13px}.debug-display{font-size:14px}}